/* Styles here */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600");
@import url("%3Clink%20href=%27https:/fonts.googleapis.com/css?family=Roboto:400,100,300,500,700' rel='stylesheet' type='text/css'>");
@import url("%3Clink%20href=%27https:/fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>");
@import url("%3Clink%20href=%27https:/fonts.googleapis.com/css?family=Fira+Sans:400,300,500,700' rel='stylesheet' type='text/css'>");
@import "map.css";
/*@import "carousel.css";*/
@import "flip-container.css";
@import "parallaxCSS.css";
@import "menu-sidebar.css";
@import "statistics.css";
@import "jquery.pagepiling.css";

html, body, p, h1, h2, h3, h4, h5, table, thead, tbody, tr, td, ul, ol, li {
 /* font-family: 'Fira Sans', 'Roboto', 'Roboto Condensed', 'Open Sans', 'Museo Sans', 'Helvetica Neue LT Std', Arial, Tahoma, sans-serif !important;*/
  font-family: 'Fira Sans', sans-serif !important;
 /* font-family: 'Arimo', sans-serif !important;*/
 /*  font-family: 'Raleway', sans-serif !important;*/


}
.container {
  width: 980px;
}

#logoRow {
  height: 100px;
}
#logoRow-leadership {
  height: 100px;
  margin-top: -220px;
}
body.innerPage #logoRow {
	position: relative;
	z-index: 100;
}

.slogan {
  position: absolute;
  bottom: 40px;
  right: 100px;
  font-weight: bold;
  font-size: 32px;
  color: #fff;
}

.slogan2 {
	position: absolute;
    bottom: 40px;
    right: 100px;
    font-weight: bold;
    font-size: 32px;
    color: #fff;
    text-shadow: 0px 0px 20px #333;
}

.facilities-style {
	padding-top: 20px;
}

#facilitiesImage {
	background: url('/_catalogs/masterpage/mohsite/img/sample-banner2.jpg');
}

.facilities-sidebar-title {
	text-transform:uppercase; 
	font-size: 24px; 
	padding-top: 20px;
}

#topBannerImage {margin-bottom: 30px;}
.innerPage .ms-csrlistview-controldiv {display: none;}
.ribbonVisible .ms-csrlistview-controldiv {display: block !important;}
.innerPage .ms-vh-icon {display: none;}
.innerPage .ms-vb-itmcbx {display: none;}
.ribbonVisible .ms-vh-icon {display: block !important;}
.ribbonVisible .ms-vb-itmcbx {display: block !important;}
.innerPage .ms-list-itemLink-td {display: none;}
.innerPage .ms-headerSortArrowLink {display: none;}
/*.innerPage .ms-core-menu-box {display: none;}*/
.ribbonVisible .ms-list-itemLink-td {display: block !important;}
.ribbonVisible .ms-headerSortArrowLink {display: block !important;}
.ribbonVisible .ms-core-menu-box {display: block !important;}
.innerPage .ms-toolbar {display: block !important;}
.ribbonVisible .ms-toolbar {display: table !important;}

.jumbotron-opacity-black {height: 105px; margin-bottom: 0px; position: absolute; background: #444; width: 100%; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
.jumbotron-opacity-black-index {height: 105px; margin-bottom: 0px; position: absolute; background: #000; width: 100%; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0.5; z-index: 1;}
.jumbotron-opacity-black-leadership {height: 105px; top: 20px; margin-bottom: 0px; position: absolute; background: #000; width: 100%; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0.5;}
body.innerPage .jumbotron-opacity-black {z-index: 3;}
#caption {position: relative; width: 100%;}
.caption-info {height: 50px; width: 57px; z-index: 100; position: absolute; bottom: 40px; left: 100px; background-color: rgba(245, 241, 222, 0.2); border-radius: 100%; color: #000;}
.caption-info i {padding-top: 10px;}
.caption-info1 {height: 50px; width: 57px; z-index: 100; position: absolute; bottom: 40px; right: 30px; background-color: rgba(245, 241, 222, 0.2); border-radius: 100%; color: #000;}
.caption-info1 i {padding-top: 10px;}
.caption-info2 {height: 50px; width: 57px; z-index: 100; position: absolute; bottom: 280px; left: 100px; background-color: beige; border-radius: 100%;}
#caption-trigger {opacity: 0.5;}
#caption-trigger1 {background-color: rgba(245, 241, 222, 0.2);}
#caption-trigger:hover {opacity: 1;}
#caption-trigger:hover .caption-info, #caption-trigger:hover .caption-info2 {border-top-right-radius: 0%;}
#caption-trigger1:hover .caption-info1 {border-top-left-radius: 0%;}
#caption-trigger:hover + .caption-content-holder, #caption-trigger:hover + .caption-content-holder2 {width: 400px;}
#caption-trigger1:hover + .caption-content-holder1 {
	width: 300px;
	max-height: 10em;
}
#caption-trigger1:hover + .caption-content-holder1 p {
	visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .1s; /* Safari */
    -webkit-transition-timing-function: ease-in; /* Safari */
     -webkit-transition-delay: .2s;
    transition: opacity .1s;
    transition-timing-function: ease-in;
    transition-delay: .2s;
}
#caption-trigger:hover + .caption-content-holder p, #caption-trigger:hover + .caption-content-holder2 p {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 1s; /* Safari */
    -webkit-transition-timing-function: ease-in; /* Safari */
     -webkit-transition-delay: .1s;
    transition: opacity 1s;
    transition-timing-function: ease-in;
    transition-delay: .1s;
}
.caption-content-holder {
    height: 200px;
    width: 0;
    z-index: 100;
    position: absolute;
    bottom: 90px;
    left: 157px;
    background-color: beige;
    -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;
}

.caption-content-holder1 {
    height: auto;
    max-height: 0;
    width: 0;
    z-index: 100;
    position: absolute;
    bottom: 90px;
    right: 87px;
    background-color: beige;
    -webkit-transition: width .3s; /* For Safari 3.1 to 6.0 */
    transition: width .3s;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caption-content-holder2 {
    height: 200px;
    width: 0;
    z-index: 100;
    position: absolute;
    bottom: 330px;
    left: 157px;
    background-color: beige;
    -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;
}

.caption-content-holder p, .caption-content-holder1 p, .caption-content-holder2 p {
    visibility: hidden;
    opacity: 0.1;
    padding: 20px;
}

#caption-paragraph1, #caption-paragraph2, #caption-paragraph3, #caption-paragraph4, #caption-paragraph5,  #caption-paragraph6,  #caption-paragraph7, #myVideo2 {
    display: none;
}

#caption-paragraph1.show, #caption-paragraph2.show, #caption-paragraph3.show, #caption-paragraph4.show, #caption-paragraph5.show, #caption-paragraph6.show,  #caption-paragraph7.show, #myVideo.show, #myVideo2.show {
    display: block;
}

#caption-paragraph1.hide {
    display: none;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

/* Video style - responsive */
.videos {
  display: none;
}
.videos.show {
  display: block;
}

.wrapper.toggled .fullscreen-bg {
  position: relative;
}

.fullscreen-bg {
  margin-top: -100px;
  right: 0;
  bottom: 0;
  left: 0;
  /*overflow: hidden;*/
  z-index: -100;
  /*position: fixed;*/
}

.fullscreen-bg-video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    width: auto;
    height: 100%;
  }
}

/*custom video wrapper*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ytplayer {pointer-events: none;}
/*end custom video wrapper*/


/*@media (min-aspect-ratio: 21/9) {
  .fullscreen-bg-video {
    width: auto;
    height: 100%;
  }
}

@media (max-aspect-ratio: 21/9) {
  .fullscreen-bg-video {
    width: 100%;
    height: auto;
  }
}*/


/*@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    width: 300%;
    left: -100%;
  }
}*/
/* Video style - responsive */

/* Dimmer style */
#dimmer {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Dimmer style */

/* Sidebar Navigation Menu style */
.side-nav,
#min-side-nav,
#min-side-nav-inner {
  height: 50px;
  width: 160px;
  z-index: 200;
  position: fixed;
  right: 0px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

#min-side-nav-inner {
	top: 0;
}

#menuToggle.hide-nav,
#searchToggle.hide-nav,
#newsRoomToggle.hide-nav,
#menuToggleInner,
#searchToggleInner,
#newsRoomToggleInner {
  width: 0px;
  padding: 0px;
  border-width: 0px;
}

#menuToggleInner.side-nav.menu-open,
#searchToggleInner.side-nav.menu-open,
#newsRoomToggleInner.side-nav.menu-open {
  width: 160px !important;
  border-width: 3px !important;
}

.side-nav.hide-nav.menu-open {
  width: 250px !important;
  padding: 0 20px !important;
  border-width: 3px !important;
}

#min-side-nav {
  width: 0px;
  border-width: 0px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  top: 0;
}

#min-side-nav h4, #min-side-nav-inner {
	padding-left: 15px;
}

#min-side-nav.active, #min-side-nav-inner {
  width: 60px;
  border-width: 3px;
}

.side-nav:hover {
  background-color: #0f3c52;
  border: 3px solid #303f5c;
}

.side-nav a,
#min-side-nav a,
#min-side-nav-inner a {
  color: #fff;
  text-decoration: none !important;
/*  text-align: center;*/
  white-space: nowrap;
  overflow: hidden;
}

.side-nav a:hover,
#min-side-nav a:hover,
#min-side-nav a:hover {
  color: #fff;
}

.side-nav h2 {
  text-transform: uppercase;
}

#menuToggle,
#menuToggleInner {
  top: 105px;
}

#searchToggle,
#searchToggleInner  {
  top: 158px;
}

#newsRoomToggle,
#newsRoomToggleInner {
  top: 212px;
}

#menuToggle i, 
#searchToggle i, 
#newsRoomToggle i, 
#menuToggleInner i, 
#searchToggleInner i, 
#newsRoomToggleInner i {
  padding: 0 10px;
}
/* Sidebar Navigation Menu style */

/* Sidebar style */
.wrapper {
  left: 0;
}

.wrapper,
.side-nav {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.wrapper.toggled {
  left: -30%;
  /*position: absolute;*/
}

.wrapper.toggled .side-nav {
  right: 300px;
}

.wrapper.toggled #dimmer {
  height: 100%;
  width: 100%;
  opacity: 0.7;
  z-index: 200;
  position: fixed;
  background: #000;
  top: 0;
}

.wrapper.toggled #closeDimmer {
  cursor: url(../img/cursor-close-x.png), auto;
}

/* Sidebar Menu style */
#sidebarMenu {
  z-index: 1000;
  position: fixed;
  right: 0px;
  width: 0;
  height: 100%;
  overflow: auto;
  background: #f9f9f9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 30px 0 0 0;
  /*white-space: nowrap;*/
}

#sidebarMenu .list-header {
  font-size: 16px;
  font-weight: 600;
  padding-top: 20px;
}

/*alfred's code*/
.wrapper.toggled #sidebarMenu {
  width: 300px;
}
/*
@media screen and (max-width: 768px){
	.wrapper.toggled #sidebarMenu {
	  width: 100%;
	}
}
@media screen and (min-width: 768px){
	.wrapper.toggled #sidebarMenu {
	  width: 300px;
	}
	
}*/
/* /Sidebar Menu style */

/* Bottom Advisory inside sidebarMenu */
.bottom-advisory {
  background-color: #b20202;
  padding: 20px;
  text-align: justify;
  white-space: normal;
}
.bottom-advisory p {
  color: #fff;
}
/* /Bottom Advisory inside sidebarMenu */
/* /Sidebar style */


.moh-logo {
	position: absolute;
	top: 25px;
	z-index:1; /*added*/
}

body.innerPage .moh-logo {
	left: 0px;
}

.govbn-logo {
	position: absolute;
    top: 30px;
    right: 0;
    z-index: 1; /*added*/
}

.govbn-logo img{/*added*/
	height:5.125rem;
	margin-top:5px; 
}


body.innerPage .govbn-logo {
	right: 0px !important;
}

/* Highlights */
.highlights{
    padding: 30px 0;
}
.highlights h1{
    text-align: center;
    font-size: 22px;
    color: #949494;
    margin-bottom: 28px;
}
.highlights .flip-container, .highlights .flip-container1{
    /*width: 270px;
    height: 199px;
    float: left;
    margin: 15px;
    margin-top: 350px;*/
    margin-bottom: 0px;
    position: relative;
    height: 220px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.highlights .flip-container1 {
	padding: 100px;
}

.highlights .flip-container h3, .highlights .flip-container1 h3{
    margin-top: 0;
    margin-bottom: 0;
    /*font-size: 16px;*/
    font-size: 29px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
}
.highlights .flip-container p, .highlights .flip-container1 p{
    /*font-size: 14px;*/
    font-size: 18px;
    /*font-style: italic;*/
    text-align: center;
    color: #ffffff;
    line-height: 25.3px;
}
.highlights .flip-container a, .highlights .flip-container1 a{
    padding: 6px 8px;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    color: #ffffff;
}
.highlights .flip-container .flip-body, .highlights .flip-container1 .flip-body{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}
.highlights .flip-container1 .flip-body.card1{
    /*background: #31cbfd;*/
    /*background-color: rgba(13, 93, 149, 0.5);*/
    background-color: rgba(240, 255, 7, 0.62);
    background-size: 100%;
    position: relative;
    transition: all linear 250ms;
    -webkit-transition: all linear 250ms;
    -moz-transition: all linear 250ms;
	margin-top: 40px;
	display: inline-block;
	width: 100%;
	height: 0;
	padding: 50% 0;
	border-radius: 50%;

}
.highlights .flip-container .flip-body.card2{
     background: #0297ff; 
}
.highlights .flip-container .flip-body.card2 h3, .highlights .flip-container .flip-body.card2 p{
    color: /*#191919*/ #fff !important;
}
.highlights .flip-container .flip-body.card3{
    background: #0d5d95;
}
.highlights .flip-container .flip-body.card4{
    background: #0297ff;
}
.highlights .flip-container .flip-body.card5{
    background: #0d5d95;
}
.highlights .flip-container .flip-body.card6{
    background: #13314b;
}
.highlights .flip-container .flip-body .header-text, .highlights .flip-container .flip-body .description-text,
.highlights .flip-container1 .flip-body .header-text, .highlights .flip-container1 .flip-body .description-text{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    /*padding: 80px 20px;*/
    transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
    -moz-transition: all ease-in-out 600ms;
}
.highlights .flip-container .flip-body .header-text,
.highlights .flip-container1 .flip-body .header-text{
    top: 0px;
}
.highlights .flip-container .flip-body .description-text,
.highlights .flip-container1 .flip-body .description-text{
    top: 265px;
}
.highlights .flip-container .flip-body:hover .header-text,
.highlights .flip-container1 .flip-body:hover .header-text{
    top: -265px;
}
.highlights .flip-container1 .flip-body.card1:hover{
    /*background-color: rgba(13, 93, 149, 1);*/
    /*background-color: red;*/
    background-color: #282828;
}
.highlights .flip-container .flip-body:hover .description-text,
.highlights .flip-container1 .flip-body:hover .description-text{
    top: 0px;
}
.highlights .flip-container .flip-body .header-text span, .highlights .flip-container .flip-body .description-text span,
.highlights .flip-container1 .flip-body .header-text span, .highlights .flip-container1 .flip-body .description-text span{
    display: block;
    width: 100%;
    padding: 0 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.highlights .flip-container .flip-body .header-text span p,
.highlights .flip-container1 .flip-body .header-text span p{
    display: none;
}
.highlights .flip-container img{
    width: 80px;
    height: auto;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px){
  .highlights{
    width: 300px;
  }
    .highlights .flip-container h3{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 700;
    }
    .highlights .flip-container p{
        font-size: 14px;
        font-style: italic;
    }
    .highlights .flip-container a{
        padding: 10px 12px;
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
    }

    .highlights .flip-container .flip-body .header-text span{
        padding: 10px 20px;
    }
    .highlights .flip-container .flip-body .header-text span img{
        display: none;
    }
    .highlights .flip-container .flip-body .header-text span p{
        display: block;
    }
    .highlights .flip-container .flip-body:hover .header-text{
        top: 0px;
    }
    .highlights .flip-container .flip-body:hover .description-text{
        top: 220px;
    }
}

/* /Highlights */

/* Footer */
#healthline {
  /*background: url(../img/scanline-bg.png) center center;*/
  background-color: #343434;
  height:100px;
}

#healthline .container {
	position: relative;
}

#healthline .container .healthlineLeft {
	float: left;
	margin-top: 5px;
}

#healthline .container .socialNetworks {
	float: right; 
	margin-top: 30px; 
	margin-right: 0px;
}

.healthlineLeft div {
	float: left;
}

.healthlineLeft div img {
	width: 167px;
	height: 90px;
}

.healthlineLeft div p {
	font-family: 'Roboto', 'Segoe UI', 'Museo Sans', 'Open Sans', 'Roboto Condensed', Arial, Tahoma, sans-serif !important; 
	color: #ffffff; 
	font-size: 12px; 
	margin-top: 30px; 
	margin-left: 15px;
}

.socialNetworks a, .socialNetworks a:visited {color: #ffffff;}
.socialNetworks a:hover, .socialNetworks a:focus {color: #237ba9 !important;}

.socialNetworks a.fbIcon {
	color: #fff;
    width: 42px;
    height: 42px;
    display: inline-block;
    background-color: #3b5998;
    border-radius: 10px;
    padding-top: 5px;
}

.socialNetworks a.igIcon {
	color: #fff;
    width: 42px;
    height: 42px;
    display: inline-block;
    background-color: #895a4d;
    border-radius: 10px;
    padding-top: 5px;
}

.socialNetworks a.youtubeIcon {
	color: #fff;
    width: 42px;
    height: 42px;
    display: inline-block;
    background-color: #cc181e;
    border-radius: 10px;
    padding-top: 5px;
}

.socialNetworks a.twitterIcon {
	color: #fff;
    width: 42px;
    height: 42px;
    display: inline-block;
    background-color: #5ea9dd;
    border-radius: 10px;
    padding-top: 5px;
}

.socialNetworks a.fbIcon:hover {
	color: #3b5998 !important;
	background-color: #fff;
}

.socialNetworks a.igIcon:hover {
	color: #895a4d !important;
	background-color: #fff;
}

.socialNetworks a.youtubeIcon:hover {
	color: #cc181e !important;
	background-color: #fff;
}

.socialNetworks a.twitterIcon:hover {
	color: #5ea9dd !important;
	background-color: #fff;
}

.container-fluid {
	padding: 0;
}

footer {
  background: url(../img/footer-bg-dark.png) bottom no-repeat;
  padding-bottom: 30px;
  padding-top: 20px;
  height: 510px;
}


#mohFooter h1, #mohFooter h2, #mohFooter h3, #mohFooter h4, #mohFooter h5, #mohFooter li, #mohFooter a {
  color: #fff;
}

.left-border {
  border-left: 1px solid #fff;
  padding-left: 20px;
}

.footer-location {
  background: url("../img/location-light.png") no-repeat;
  height: 22px;
  width: 22px;
  position: absolute;
}

.footer-hotline {
  background: url("../img/hotline-number.png") no-repeat;
  height: 22px;
  width: 190px;
  margin-bottom: 5px;
  position: absolute;
}

.footer-fax {
  background: url("../img/fax-number.png") no-repeat;
  height: 22px;
  width: 190px;
  position: absolute;
}

.footer-email {
  background: url("../img/email-add.png") no-repeat;
  height: 22px;
  width: 190px;
  position: absolute;
}

.footer-text-center {
	margin: auto;
	width: 200px;
}

.contact-us p {
  padding-left: 27px;
}

.footer-social-media {
  margin-top: 0;
}
/* /Footer */
#pagepiling{
    /*display: table;*/
}
.section{
    height: 100vh;
    background: #fff;
    position: relative;
    display: table;
    width: 100%;
}
.section-cell{
    display: table-cell;
    vertical-align: middle;
}

#section7{
    background-color: #d1d1d1;
    display: block;
}
#section7 .section-cell{
    display: block;
    height:100%;
}

#s4-workspace {
	overflow: inherit;
}

.ms-signInLink {
	display: none !important; /* SIGN IN FOR ANONYMOUS */
}

#s4-bodyContainer {
	padding-bottom: 0px;
}

#ms-designer-ribbon {
	display: none;
}



#highlightsBg {
	/*background: url("../img/highlights-bg-light.jpg") 100% 35%;*/
	background: url("../img/highlights-bg3.jpg") 100% 35%;
	background-color: #f4f4f4;
}

/*body.innerPage h1 {
	text-align: left;
    padding: 15px;
    background-color: #2477ac;
    color: #fff !important;
    font-size: 18px;
    text-transform: uppercase;
}

body.innerPage h2 img {
	display: block;
	margin-left: auto; 
	margin-right: auto;
	width: 700px;
}*/

/* Top_main_menu */
.Top_main_menu { width:100%; /*height:20px;float:left;*/ background:url(../img/Top_main_menu_bg_grey.png) repeat-x; /*border-bottom:1px solid #160000;*/ position: absolute;}
body.innerPage .Top_main_menu {z-index: 140;}
.Top_main_menu_sub { width:700px;height:20px;max-height:20px; margin-left:auto;margin-right:auto}
p.vessions_links { width:200px;height:20px;float:left;margin:0px;margin-top:1px; color:#e5e5e5;font-size:10px;text-shadow: 0.1em 0.1em 0.01em #333}
p.vessions_links A:link, P.vessions_links A:visited { color:#e5e5e5 !important; text-decoration:none;line-height:18px;font-size:11px;margin:0px;padding:0px;font-family:"Segoe UI";font-size:11px; margin-right:5px;margin-left:5px;text-shadow: 0.1em 0.1em 0.01em #333}
P.text_sizes {color:#e5e5e5; font-size:11px; margin-right:3px; /*float:left;*/ margin:0px; padding:0px; line-height:18px; text-shadow: 0.1em 0.1em 0.01em #333; z-index: 500;}
.headerright_sub_link_top {text-align:right;width:80px; height:20px;min-height:20px;max-height:20px;background: transparent;float:left; color:#e5e5e5;font-size:11px;padding-top:1px;}
.topmainmanu_links { float:right; /*width:390px;*/ height:20px;font-size:11px!important;margin-right:0px}

@media screen and (max-width: 767px) {
	.topmainmanu_links {text-align: center; float: none;}
}

ul.dropdown,ul.dropdown li,ul.dropdown ul {list-style: none;margin: 0;padding: 0}
ul.dropdown A,ul.dropdown li A { color:#e5e5e5;text-decoration:none;}
/*ul.dropdown ul A { color:#e5e5e5;text-decoration:none;text-shadow: 0.1em 0.1em 0.01em #cdcdcd}*/
/*ul.dropdown A,ul.dropdown li A { color:#e5e5e5;text-decoration:none;text-shadow: 0.1em 0.1em 0.01em #333}*/

ul.dropdown {position: relative;z-index: 597;float: left;background: transparent;}
ul.dropdown li {float: left;line-height:5px;vertical-align: middle;zoom: 1;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative;z-index: 599;cursor: default;}
ul.dropdown ul {visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;width:auto; min-width:220px;background:#000; border:1px solid #666666;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.47);padding-bottom:10px;padding-top:10px;color:#333 }
ul.dropdown ul A{ /*color:#662e0f !important;*/ color:#fff !important; text-decoration:none !important;white-space:nowrap}
ul.dropdown ul A:hover{ color:#333 !important;text-decoration:none !important}
ul.dropdown ul li {
 float: none; padding-bottom:2px;padding-top:2px;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown li a { /* Moved from 'custom' section */
 display: block;
 padding: 7px 12px;
}


/* ------------- Override default */

ul.dropdown li {
 padding: 0;
}


/* ------------- Reinitiate default: post-override activities  */

ul.dropdown li.dir {
 padding: 7px 20px 7px 12px;
}

ul.dropdown ul li.dir {
 padding-right: 15px;
}


/* ------------- Custom */

ul.dropdown li {

}


/* Especially for IE6 or lower */

ul.dropdown ul a {
 padding: 4px 5px 4px 12px;
 /*width: 139px;*/
}

ul.dropdown ul a:hover {
 padding: 3px 5px 3px 11px;
 border: solid 1px #ddd;
 background-color: #eee;
 font-weight:normal;
}

ul.dropdown ul a.dir {
 /*width: 129px;*/
}

/* ARTICLE PAGE */
.articlePageHome > div > div > div > table > tbody > tr:nth-child(odd) > td, .articlePageHome > div > div > div > div > table > tbody > tr:nth-child(odd) > td {background: #fafafa;}
.articlePageHome .table tr, .articlePageHome .table td, .articlePageHome .table th {border-top: 0px !important;}
.articlePageHome > div > div > div > table > tbody > tr:last-child > td {padding: 20px 0; background: none !important;}
.articleTable {padding-bottom: 0px; margin-bottom: 0px; border-top: 0px;}
.articleTable .imageColumn {vertical-align: middle; text-align: center;}
.articleTable .imageColumn img {max-height: 100px; max-width: 100%;}
.articleTable .titleColumn {vertical-align: middle;}
.articleTable .titleColumn p.date {font-size: 11px; margin: 0px; padding: 0px; color: #b2b2b2; text-transform: uppercase;}
.articleTable .titleColumn p.desc {font-size: 10px; color: #bababa; margin-top: 5px;}
.articleTable .titleColumn h1 {font-size: 16px; margin: 5px 0 0 0; padding: 0px; color: #6d6d6d;}
.articleTable .titleColumn a {color: #6d6d6d; text-decoration: none;}
.articleTable .titleColumn a:hover {color: #404040; text-decoration: underline;}

/* LATEST NEWS ON HOME */
.latest-news-col-home {}
.latest-news-col-home-content {height: 500px; background: #eef5fa; padding: 15px;}
.latest-news-col-home-content p.date {font-size: 11px; font-weight: bold; color: #cccccc; text-transform: uppercase; margin: 0px !important; padding: 0px !important;}
.latest-news-col-home-content a {color: #16649b;}
.latest-news-col-home-content a:hover, .latest-news-col-home-content a:focus {color: #0d7ecd; text-decoration: underline;}
.latest-news-col-home-content h1 {font-size: 20px !important; line-height: 22px; font-weight: 100; margin: 0px 0 5px 0 !important; padding: 0px !important;}*/
.latest-news-col-home-content p.description {font-size: 13px; line-height: 14px; font-family: 'Open Sans', 'Segoe UI', arial !important; color: #343434; margin-top: 0px !important; padding-top: 0px !important; margin-bottom: 20px !important;}

.homeRowColTitle {font-size: 48px; font-family: 'Roboto Condensed', 'Fira Sans', 'Open Sans', Arial; font-weight: 300; color: #237ba9; margin: 0 0 20px 0; padding: 0px;}
.viewAll-btn {margin-top: 10px; padding: 15px 70px; border: 1px solid #FFFFFF; color: #ffffff !important; background: url("http://moh.gov.bn/HighlightsBanner/view-article-btn-bg.png") repeat; font-size: 15px; float: right; font-weight: bold;}
.viewAll-btn: hover, .viewAll-btn: focus {color: #ffffff !important;}
.highlightsHomeLink {text-decoration: none !important;}
.highlightsHomeLink:hover h1, .highlightsHomeLink:focus h1 {text-shadow: 1px 1px 20px #404040 !important;}

/* HEALTH CARE PROFESSIONALS PAGE */
.linkBlocksPage {}
.linkBlocksPage .blockDiv {margin-bottom: 30px; height: 180px;}
.linkBlocksPage .blockDiv .imgCol {}
.linkBlocksPage .blockDiv .imgCol img {}
.linkBlocksPage .blockDiv .detailsCol {}
.linkBlocksPage .blockDiv .detailsCol h1 {margin-top: 10px; padding-top: 0px; font-size: 18px; margin-bottom: 5px; padding-bottom: 0px;}
.linkBlocksPage .blockDiv .detailsCol p {font-size: 11px; margin-top: 0px; padding-top: 0px; color: #a4a4a4;}
.linkBlocksPage .blockDiv .detailsCol a {color: #333333; text-decoration: none;}
.linkBlocksPage .blockDiv .detailsCol a:hover, .healthCareProfessionalsPage .blockDiv .detailsCol a:focus {color: #151515; text-decoration: underline;} 
.linkBlocksPage .ms-paging {padding-bottom: 20px;}

/* MODAL POPUP FIXES */
html.ms-dialog .Top_main_menu {display: none;}
html.ms-dialog #logoRow {display: none}
html.ms-dialog .jumbotron-opacity-black {display: none;}
html.ms-dialog #min-side-nav-inner {display: none;}
html.ms-dialog #sidebarMenu {display: none;}
html.ms-dialog #mapSidebar {display: none;}
html.ms-dialog #searchToggleInner {display: none;}
html.ms-dialog #newsRoomToggleInner {display: none;}
html.ms-dialog #closeDimmer {display: none;}
html.ms-dialog #menuToggleInner {display: none;}
html.ms-dialog #topBannerImage {display: none;}
html.ms-dialog #healthline {display: none;}
html.ms-dialog footer {display: none;}

#menuSidebarPanels .panel:nth-child(8) .panel-collapse {display: block;} /* FOR THE PUBLIC - ALWAYS EXPANDED */

.top_maincontainer { width:100%; min-width:1000px; height:155px; min-height:155px; background:url(../IMAGES/header_bg1.png) repeat-x;;float:left;border-top:1px solid #7e3b3b;}
.top_maincontainer_sub { width:1000px; min-width:1000px; height:155px; min-height:155px; background:url(../IMAGES/logo_large.png) no-repeat left bottom;margin-left:auto;margin-right:auto}
.sitelogo {float:left; width:500px;height:130px;margin-left:0px;margin-top:20px;background: transparent}
	#siteIcon { width:100%;height:auto;margin-right:0px !important }
	.ms-siteicon-a { width:100% !important;max-height:100% !important;max-width:100% !important}
	.ms-siteicon-img { width:100% !important;height:auto;max-width:100%;max-height:100%;margin-top:20px}
	
.headerright{ width:500px;float:right; height:185px;min-height:155px;max-height:155px;background:url(../IMAGES/header_bg2.png) no-repeat top right}
	.headerright_sub { /*width:340px;*/ width: 310px; height:40px;min-height:40px;max-height:40px;background: transparent;/*margin-left:auto;margin-right:auto */ float:left;}	
	
	.headerright_sub_link { width:110px; height:40px;min-height:40px;max-height:40px;background: transparent;margin-left:40px; position:relative;top:1px;float:left}
	.headerright_sub_link p.headerright_sub_link A:link, .headerright_sub_link p.headerright_sub_link A:link { font-family:"Segoe UI";font-size:11px;color:#808080;margin-left:10px;margin-right:0px; text-decoration:none}
	.headerright_sub_link p.headerright_sub_link A:hover { font-family:"Segoe UI";font-size:11px;color:#e6e6e6;margin-left:10px;margin-right:10px; text-decoration:none}
	.headerright_sub_link { width:110px; height:40px;min-height:40px;max-height:40px;background: transparent;margin-left:50px; position:relative;top:1px;float:left}
	.headerright_sub_link p.headerright_sub_link A:link, .headerright_sub_link p.headerright_sub_link A:link { font-family:"Segoe UI";font-size:11px;color:#808080;margin-left:10px;margin-right:0px; text-decoration:none}
	.headerright_sub_link p.headerright_sub_link A:hover { font-family:"Segoe UI";font-size:11px;color:#e6e6e6;margin-left:10px;margin-right:10px; text-decoration:none}
	
	.headerright_sub .ms-mpSearchBox {width: 250px;}
	.headerright_sub_under #govbn-logo {float: right; padding: 20px 30px 0 0; margin: 0px;}
	.headerright_extralink {float: left; width: 47px;}
	.headerright_extralink p {font-size: 8px; font-weight: normal; color: #ffffff; font-family: verdana, tahoma, arial, sans-serif; margin-top:10px;}
	.headerright_extralink p a {color: #ffffff;}
	.headerright_extralink p a:hover {color: #a1a1a1; text-decoration: none;}
		
	.social_icons{ width:110px;float:left;margin-top:0px;margin-right:0px }
	.social_icons_sub { padding:0px !important;margin:0px !important}
	.social_icons_sub p { width:22px; height:15px;margin-right:5px;float:left }
		.social_icons_sub p.mail{ width:22px; height:15px;float:left;background:url(../IMAGES/soc_icons.png) 0px 0px }
		.social_icons_sub p.rss{ width:22px; height:15px;float:left;background:url(../IMAGES/soc_icons.png) -22px 0px }
		.social_icons_sub p.twitter{ width:22px; height:15px;float:left;background:url(../IMAGES/soc_icons.png) -44px 0px }
		.social_icons_sub p.fbook{ width:22px; height:15px;float:left;background:url(../IMAGES/soc_icons.png) -66px 0px }
		
		.social_icons_sub p.mail:hover{ width:22px; height:15px;float:left;background:url(../IMAGES/soc_icons.png) 0px -15px }
		.social_icons_sub p.rss:hover{ width:22px; height:15px;float:left;background:url(../IMAGES/soc_icons.png) -22px -15px}
		.social_icons_sub p.twitter:hover{ width:22px; height:15px;float:left;background:url(../IMAGES/soc_icons.png) -44px -15px}
		.social_icons_sub p.fbook:hover{ width:22px; height:15px;float:left;background:url(../IMAGES/soc_icons.png) -66px -15px}
	/* search */
	.ms-srch-sb-border {border:1px solid #8d1a1a !important}
	.ms-srch-sb-border:hover {border:1px solid #841f1f !important;box-shadow: 0.08em 0.08em 0.1em #341010}
	.search {float: left; margin-top:10px;width:260px; margin-left:auto;margin-right:auto}
	.ms-srch-sb > input {/*width:230px*/ width: 220px !important; color: #fff !important;text-shadow: 0.05em 0.05em 1px #101010}


/* top navigation  */


.top_navigation_container_main{ width:100%; min-width:1000px; height:30px; min-height:30px; background: transparent;border-bottom:0px solid #111111;float:left}
.top_navigation_container{ width:100%; min-width:1000px; height:30px; min-height:30px; background:#70b2d1;border-bottom:0px solid #b0b0b0}
.top_navigation_container_sub{ width:1000px; min-width:1000px; height:30px; min-height:30px; background:#70b2d1;margin-left:auto;margin-right:auto;}

 .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, .ms-tv-selected:link {
	color:#fff; font-size:16px !important;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
	color:#fff; font-size:16px !important; margin-right:20px; padding-top:3px;
}

.ms-breadcrumb-top {
	position:relative;top:0px; 
}
.ms-core-listMenu-horizontalBox UL.static {
	min-height:30px;
}
.ms-core-listMenu-horizontalBox UL.static LI.static{
	min-height:30px;background:url(../IMAGES/nav_sep.png) no-repeat; background-position:right;
}
.ms-listMenu-editLink { margin-top:5px} .ms-listMenu-editLink a:link, .ms-listMenu-editLink a:visited { color:#fff !important}
LI.ms-listMenu-editLink {
	background:none !important;
}
UL.dynamic {list-style:none !important;min-width:165px;width:auto !important;white-space:nowrap}
li.dynamic {list-style:none !important;width:100%}
li.dynamic A {list-style:none !important; margin-bottom:10px;padding:5px;}
li.dynamic A:hover {list-style:none !important; margin-bottom:10px;background:url(../IMAGES/top_menu_bg.png);box-shadow:0px 0px 7px 0px rgba(0,0,0,0.47);padding:5px; padding-left:10px;}

li.dynamic span.additional-background{width:100% !important}

/* END top navigation  */


.navigation-menu {
    position: fixed;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

#icon-menu-toggle {
  -webkit-transition: width 250ms; 
  transition: width 250ms;
  background: url(../img/nav-background.png);
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  width: 0px;
  height: 80px;
  z-index: 999999;
}

#icon-menu-toggle img {
  position: absolute;
  margin-top: 25px;
  left: 25px;
}

.circle {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 0;
	padding: 50% 0;
	border-radius: 50%;
	 background: #38a9e4;
}

/* Hightlights Carousel */
/* Carousel Custom Styles*/
/* Indicators */
.carousel-indicators {
  bottom: -50px;
  left:0px;
  margin-left: 0px;
  width: auto;
}
.carousel-indicators .active {
  background-color: #155f93;
  border: 0px;
  width: 25px;
  height: 25px;
  border-radius: 0;
  color: #ffffff;
  font-weight: bold;
  padding: 3px;
}

.carousel-indicators li {
  background-color: #6dadda;
  border: 0px;
  width: 25px;
  height: 25px;
  text-indent: 0;
  border-radius: 0;
  margin: 0;
  color:#ffffff;
  font-weight: bold;
  padding: 3px;
}

/* Carousel Images */
.carousel-inner img {
  width: 100%;
}

/* Controls */
.carousel-control {
  width: 0;
}

.carousel-control.left,
.carousel-control.right {
  opacity: 1;
  text-shadow: none;
}

.carousel-control.left span,
.carousel-control.right span {
  	height: auto;
	width: 80px;
	margin: 0;
	font-size: 30px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.highlightsHomeLink .carousel-text {
 padding: 0 100px;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
  opacity: .7;
}


.carousel-text {
  position: absolute;
  top: 10%;
  text-align: left;
  color: #fff;
  padding: 0 30px;
}

.carousel-text h1 {
  font-weight: 700;
  text-shadow: 0px 1px #888;
}

/* Carousel Web Part Override */

.carousel-inner .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner .item img,
.carousel-inner .item a img {
  line-height: 1;
}


@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner .item.next,
  .carousel-inner .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner .item.prev,
  .carousel-inner .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner .item.next.left,
  .carousel-inner .item.prev.right,
  .carousel-inner .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner .active,
.carousel-inner .next,
.carousel-inner .prev {
  display: block;
}
.carousel-inner .active {
  left: 0;
}
.carousel-inner .next,
.carousel-inner .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner .next {
  left: 100%;
}
.carousel-inner .prev {
  left: -100%;
}
.carousel-inner .next.left,
.carousel-inner .prev.right {
  left: 0;
}
.carousel-inner .active.left {
  left: -100%;
}
.carousel-inner .active.right {
  left: 100%;
}

/* End of Highlights Carousel */

/* Professionals Carousel */
#professionals-carousel .blockDiv {
  height: auto;
}

#professionals-carousel .blockDiv .imgCol img {
  width: auto;
}

#professionals-carousel .carousel-indicators {
  bottom: 10px;
}

#professionals-carousel .carousel-inner {
  padding-bottom: 50px;
}

#professionals-carousel .carousel-control .glyphicon-chevron-left, 
#professionals-carousel .carousel-control .glyphicon-chevron-right {
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #6dadda;
}

#professionals-carousel .carousel-control .glyphicon-chevron-left:hover, 
#professionals-carousel .carousel-control .glyphicon-chevron-right:hover {
  color: #155f93;
}

#professionals-carousel .carousel-control .glyphicon-chevron-left {
  right: 0px;
  left: initial;
}

#professionals-carousel .carousel-control .glyphicon-chevron-right {
  left: 0px;
  right: initial;
}




@media screen and (max-width: 767px){
    .container, .map-container{
        width: 100%;
    }
    .highlights{
      width: 300px;
    }
    .highlights .flip-container{
      height: 220px;
    }
}
@media screen and (min-width: 768px){
    .container, .map-container{
        width: 750px;
    }
    .highlights .flip-container{
      height: 220px;
    }
    .highlights .flip-container1{
      	height: 360px;
    }
}
@media screen and (min-width: 992px){
    .container, .map-container{
        width: 980px;
    }
    .highlights .flip-container1{
      	height: 295px;
    }    
}
@media screen and (min-width: 1200px){
    .container, .map-container{
        width: 980px;
    }
    .highlights .flip-container1{
      	height: 400px;
    }
}
@media screen and (min-width: 1367px){
    .container{
        width: 980px;
    }
    .highlights .flip-container{
      height: 295px;
    }
    .highlights .flip-container1{
      /*height: 295px;*/
      height: 550px;
    }
}
@media screen and (min-width: 2400px){
    .container{
        width: 980px;
    }
    .highlights .flip-container{
      height: 295px;
    }
    .highlights .flip-container1{
      /*height: 295px;*/
      height: 600px;
      padding: 200px;
    }
    
}