p{margin-bottom:0rem !important;}
a{text-decoration:none;}
a:hover{opacity:50%; text-shadow: 3px 4px 7px rgba(81,67,21,0.8);}
/* Background Colors */
.background-panton {
  background-color: #16A087 !important;
}

.background-orange {
  background-color: #FE7950 !important;
  color:#FFF;
}

.background-nblue {
  background-color: #345E77 !important;
}

.background-light-pink {
  background-color: #FAC854 !important;
}

.background-light-sky {
  background-color: #F5FBFB !important;
}

.background-white {
  background-color: #fff !important;
}

.background-primary {
  background-color: #49BF4C !important;
}

.background-dark {
  background-color: #424242 !important;
}

.background-light-gray {
  background-color: #F1F1F1 !important;
}

.background-gray {
  background-color: #D0D0D0 !important;
}

.background-dark-gray {
  background-color: #85898A !important;
}

.background-gray-black {
  background-color: #353535 !important;
}

.background-blue {
  background-color: #1A82B5 !important;
}

.background-green {
  background-color: #A5CE4B !important;
}

.background-yellow-green {
  background-color: #D4E68E !important;
}

.background-orange {
  background-color: #F19120 !important;
}

.background-indigo {
  background-color: #00A3C8 !important;
}

.background-indigo-light{
  background-color: #7BCCCC !important;	
}


/* Hover Overlay */
.image-hover-overlay {
  bottom: 0;
  color: rgba(255,255,255, 0.75)!important;
  left: 0;
  opacity: 0;
  padding: 1.25em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.image-border-radius .image-hover-overlay {
  border-radius: 3px;
}

.image-hover-overlay:hover {
  opacity: 1;
}

.image-hover-overlay-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.image-hover-overlay:hover > .image-hover-overlay-content {
  top: 50%;
}

.avatar-50, .avatar-100,.avatar-150, .avatar-200, .avatar-250{display: inline-block; text-align:center;	vertical-align: middle;}
.avatar-50{width:50px !important; height:50px !important; object-fit:cover;}
.avatar-100{width:100px !important; height:100px !important; object-fit:cover;}
.avatar-150{width:150px !important; height:150px !important; object-fit:cover;}
.avatar-200{width:200px !important; height:200px !important; object-fit:cover;}
.avatar-250{width:250px !important; height:250px !important; object-fit:cover;}
@media screen and (max-width:480px){
	.avatar-150{width:80px !important; height:80px !important; object-fit:cover;}
	.avatar-250{width:200px !important; height:200px !important;}
	
}
@media screen and (max-width:768px){
	.avatar-150{width:100px !important; height:100px !important; object-fit:cover;}
	.avatar-250{width:200px !important; height:200px !important;}
}

@media screen and (max-width:480px){.avatar-250{width:200px !important; height:200px !important;}}
@media screen and (max-width:768px){.avatar-250{width:200px !important; height:200px !important;}}

/* Image blocks */
.image-with-hover-overlay {
  display: block;
  position: relative;
}

.image-border-radius-20 img {
  border-radius: 20px;
}

.image-border-radius-50 img {
  border-radius: 50px;
  width:100px;
  height:100px;
}

.image-border-radius-65 img {
  border-radius: 65px;
  width:130px;
  height:130px;
}

.image-border-radius-80 img {
  border-radius: 80px;
  width:160px;
  height:160px;
}

.image-border-radius-100 img {
  text-align:center;	
  border-radius: 48%;
  border:10px solid #DDE8EA !important;
}

.image-border-radius img {
  border-radius: 3px;
}

.image-hover-zoom {
  display: block;
  overflow: hidden;
}

.image-hover-zoom img {
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

.image-with-hover-overlay img {
  width: 100%;
}

.image-hover-zoom:hover img {
  transform: scale(1.1);
}

/* Buttons */
.button, a.button, a.button:link, a.button:visited {
  border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.3);
  border-style: solid;
  border-width: 1px;
  color: white;
  display: inline-block;
  padding: 0.625em 1.25em;
  text-align: center;
  transition: all 0.20s linear 0s !important;
  -o-transition: all 0.20s linear 0s !important;
  -ms-transition: all 0.20s linear 0s !important;
  -moz-transition: all 0.20s linear 0s !important;
  -webkit-transition: all 0.20s linear 0s !important;
}

.button:hover, a.button:hover, a.button:link:hover, a.button:visited:hover {
  box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.25) inset;
}

.grayscale {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}

.image-grayscale {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
  position: relative;
}

*:hover > .image-grayscale {
  filter: none;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=0);
}

/* More info button */
a.href-link {
  display: block;
  font-size: 1.0em;
  margin-top: 0.0em;
  color:#217EBB;
}
a.href-link:after {
  content: "\f054";
  font-family: 'FontAwesome';
  font-size: 1.0em;
  margin-left: 0.625em;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

a.href-link:after {
  margin-left: 0.825em;
}


a.text-more-info {
  display: block;
  font-size: 1.0em;
  margin-top: 0.625em;
  color:#217EBB;
}
a.text-more-info:after {
  content: "\f054";
  font-family: 'FontAwesome';
  font-size: 1.0em;
  margin-left: 0.625em;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

a.text-more-info:hover:after {
  margin-left: 0.825em;
}

/* Top bar */
.top-bar-social{padding:5px 0;}
@media screen and (max-width:786px){.top-bar-social-display{display:none !important;}}

.top-bar-social li {
  float: left;
  height: 35px;
  line-height: 35px;
  list-style: outside none none;
  text-align: center;
  width: auto;
  padding-left:20px;
}

.top-bar-social li a{
 color:#D0D0D0;
}

.top-bar-social li input{
 padding:2px 2px;
 line-height: 15px;
 font-size:11px;
 font-style:italic;
 color:#CCC;
}


/* Carousel */
.owl-theme .owl-controls {
  margin-top: 0;
}

.owl-theme .owl-controls .owl-page span {
  background: #7697a2 none repeat scroll 0 0;
  border-radius: 0;
  height: 1px;
  margin: 0 1px;
  width: 30px;
}

.owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #7697a2!important;
  border: 1px solid #7697a2;
  border-radius: 0;
  font-family: mfg;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 40px;
}



.carousel-bottom-arrows.owl-theme .owl-controls .owl-buttons div {
  bottom: 0;
  top: auto;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
}

.carousel-wide-arrows.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 20px;
}

.carousel-wide-arrows.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 20px;
}

.carousel-nav-white.owl-theme .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
}

.carousel-nav-white.owl-theme .owl-controls .owl-buttons div {
  color: #08789E!important;
  border: 1px solid #08789E;
}

.carousel-main .carousel-content {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.owl-pagination {
  margin-top: 0.625em;
}

.carousel-main .owl-pagination {
  bottom: 0;
  padding: 1.25em 0;
  position: absolute;
  width: 100%;
}

.carousel-blocks {
  padding: 0 3em;
}

.carousel-blocks .owl-item {
  padding: 0 0.625em;
}

/* Forms */
form.customform input, form.customform textarea, form.customform select {
  background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.14);
  font-size: 12px;
  padding: 0.625em;
  width: 100%;
}

form.customform input:hover, form.customform textarea:hover, form.customform select:hover, form.customform input:focus, form.customform textarea:focus, form.customform select:focus {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.required {
  border-left: 1px solid #dd442c !important;
}



/* Typography */
.text-uppercase {
  text-transform: uppercase;
  line-height: 1em;
}

.text-line-height-1 {
  line-height: 1em;
}

/* Containers */
.text-padding {
  display: inline-block !important;
  padding: 15px 20px;
}

.text-padding-small {
  display: inline-block !important;
  padding: 7px 10px;
}   

/* Belal Hossain */
.top-bar{background:url(../images/page_bg.png) repeat-x;}
.line-hight-normal{line-height:normal;}
.search-input-1{padding:5px 3px 5px 3px !important; margin-top:5px;}
.search-button-1{ border:none; background:url(../images/icon-search.jpg) 5px  no-repeat; width:20px; cursor:pointer; height:20px;}

.search-input-2{width:100%; font-size:1.0em; float:right; font-style:italic; padding:20px 10px; background:#BDE0E2 !important; border:none;
	border: 0px solid #BDE0E2;	
	color: #2F2F2F;
}
.search-button-2{width:100%; font-size:1.0em; float:left; padding:20px 0; background:#08789E !important; border: 1px solid #08789E; border:none; color:#FFF; cursor:pointer;}

.font-italic{ font-style:italic !important;}
.current_training{border:none;}
.current_training tr td{padding: 0px 0; background-color:#FFF; border:none;}

.feedback{border:none;}
.feedback tr td{padding: 0px 0px; background-color:#F5FBFB; border:none;}

.start-calendar {
	width:110px;
	height:120px;
	margin:0 0 0 0;
	padding:20px 20px;
	text-align:center;
	background:url(../images/conf_calendar.png) left top no-repeat;
}

div.start-calendar-month{ width:70px; text-align:center; color:#00739A; padding:5px 10px; line-height:normal;}
div.start-calendar-day{ width:70px; text-align:center; font-size:2.5em; color:#00739A; line-height:normal;}

.conf-calendar-bg{ background:url(../images/conf_calendar.png) left top no-repeat;}

.apply-now{color:#FFFFFF; background:#A02765; padding:5px 15px 5px 15px; border:1px solid #A02765; cursor:pointer;}

.top-line{ border-top:5px solid #23A8BB;}
.top-line-pink{ border-top:5px solid #9E2261;}
.top-line-nblue{ border-top:5px solid #00799E;}
.top-line-sky{ border-top:5px solid #78C8C9;}

.bottom-line{ border-bottom:5px solid #848889;}

.bottom-line-dark{ border-bottom:6px solid #00799E;}

.padding-top-10{ padding-top:10px !important;}
.padding-bottom-10{ padding-bottom:10px !important;}
.padding-top-20{ padding-top:20px !important;}
.padding-bottom-20{ padding-bottom:20px !important;}

.headline-text{border-top:10px solid #848889;}
.headline-text b{background-color:#264351; padding:5px 5px; border:2px solid #16A087; position:relative; top:-5px; margin-left:10px;
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
}


/**********Other Page Photo*********/
.line .banner-img{
	width:100% !important;
	position:relative; 
	left:0;  
	top:0; 
	z-index:1;
}

.banner-tag-mfc{
	position:absolute; 
	bottom:-3px; left:0px; 
	width:100%; 
	padding-right:0px; 
	padding-top:0px;
	text-align:center !important;
	height:auto;
	z-index:2;
}

.banner-tag{
	position:absolute; 
	bottom:0px; left:0px; 
	opacity:0.7;
	filter:alpha(opacity=80);
	background-color:#FFFFFF; 
	width:45%; 
	padding-right:20px; 
	padding-top:10px;
	text-align:right !important;
	z-index:2;
}

.banner-tag-c{ background: rgba(0, 151, 19, 0.3); text-align:center !important; z-index:2;}
.banner-tag-c h5, .banner-tag-c p{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:normal;}
@media screen and (max-width:786px){
	.banner-tag-c{padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;}
	.banner-tag-c h5{font-size:1.0em !important;} .banner-tag-c p{font-size:0.8em !important;}
}

.volunteer-tag-c {z-index:2; padding-top:120px !important;}
@media screen and (max-width:786px){
	.volunteer-tag-c {padding-top:10px !important;} .volunteer-tag-c a{font-size:1em !important;}
}



.banner-tag-r {
    position:absolute; 
	bottom:0px; left:0px; 
	opacity:0.7;
	filter:alpha(opacity=80);
	background-color:#FFFFFF; 
	width:45%; 
	padding-right:20px; 
	padding-top:10px;
	text-align:right !important;
	z-index:2;
}



.blog-tag-c {
    position:absolute; 
	top: 20%; left: 5%;
	width:90%; 
	text-align:center !important;
	color:#FFF;
	z-index:2;
}

.banner-tag-menu div.tag-col{ min-height:250px !important;}
/*.banner-tag-display2{display:none;}*/

@media screen and (max-width:786px){
	.blog-tag-c{ top: 10%; left: 5%; width:90%;}

	.line .banner-tag-c{
		top: 10%; left: 20%;
		width:60%;
	}
	.banner-tag{
		width:100%; 
		padding-right:0px; 
		padding-top:0px;
		text-align:center !important;
	}
	.banner-tag span, .banner-tag-c span{font-size:20px !important;}
	
	
	
	/*.banner-tag-display1{display:none !important;}
	.banner-tag-display2{display:block;}*/
}

/*********Left Nav*********/
.left_nav{
	background:#47A3AE url(../images/left-nav-bg.jpg) top left repeat-x;
	border-radius:10px;
	width:95%;
}

@media screen and (max-width:786px){.left_nav{width:100%};}

.left_nav div.profile-img img {
  text-align:center;	
  border-radius: 48%;
  border:15px solid #FFFFFF !important;
}

.left_nav div.profile-menu{   
	padding:0px 15px 10px 15px ;
}

.left_nav div.profile-menu p.left-nav-menu {
	padding:5px 10px;
	margin:0px 0px 5px 0px;
}

/**********Time Clock*********/
div.time-counter{background:#D3145A; width:120px; padding:3px 0; border-radius:5px; font-family: Impact, Charcoal, sans-serif;}

.grid-data-10pt{font-size:10pt;}

.tbl-no-border{border:none; background:none;}
.tbl-no-border tr td{border:none; background:none;}

.find-out-more{ border:1px #FCFCFC solid; width:auto; border-radius:10px; padding:3px 10px;}

div.res-theme:hover{background:url(../img/res-active-theme.png) bottom left no-repeat !important;}
div.res-active-theme{background:url(../img/res-active-theme.png) bottom left no-repeat !important;}
div.res-active-theme p{color:#FEFEFE !important;}

div.progress-menu-bg{padding:0px 0px; margin:0px 0px; background:none;}
div.progress-menu-bg span{
  position: relative;
  display: inline-block;
  font-style:normal;
  color:#FFF;
  font-weight:bold;
  padding:10px 20px 30px 20px;
  margin:0px 0px 0px 0px !important;
  white-space:pre-wrap;
  border-radius: 0px 15px 0px 0px; 
}
div.progress-menu-bg span.comp-menu-bg{background:url(../images/comp-menu-bg.png) left bottom repeat-x;}
div.progress-menu-bg span.act-menu-bg{background:url(../images/act-menu-bg.png) right bottom repeat-x;}
div.progress-menu-bg span.full-menu-bg{background:url(../images/full-menu-bg.png) right bottom repeat-x;}

.news-feed{background:#B2D236 url(../images/newsfeed-bg.png) right center no-repeat; padding-bottom:9px !important;}

.service-body-menu{background:#FFFFFF; min-height:400px; border-radius:20px;}
.service-body-menu:hover{background:#1A82B5 !important; color:#E5E5E5 !important;}

.body-menu{background:#FFFFFF; min-height:450px; border-radius:0px 20px;} .body-menu img{border-radius:0px 20px;}
.body-menu:hover, .service-body-menu:hover{background:#047BC1; color:#FFFFFF !important;}
@media screen and (max-width:768px) {.body-menu, .service-body-menu{margin-bottom:10px !important;} .news-feed{background:#B2D236;}
.body-menu-grid{padding:0px 0px 0px 0px !important;} 
}

.fs-sm{font-size: 0.875rem !important}
.fs-xs{font-size: 0.75rem !important;}
.fs-xs3{font-size: 0.65rem !important}