/*=======================================================================
*** PORTO_SUB STYLE SHEET***
========================================================================*/

.front #page-title {
    display: none;
}
.article_content .form-item.form-type-item {
    display: none !important;
}
.pager-ellipsis {
    display: none !important;
}
.comment-add.first.last.active {
    display: none !important;
}
.page-top {
    border: none;
}
/*.search {
	display: none;
}*/

.theme-default .nivoSlider {
	margin-bottom:0px;
}

#logo img {
    width: 193px !important;
    height: 56px !important;
}
.logo-sticky-active #logo {
    background-image: url(../icon-logo-small.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    top: 25px;
}
ul.portfolio-list div:nth-child(3n+1) {
    clear: both;
}
.thumb-info-title {
    width: 100%;
}
.thumb-info-inner {
    font-size: 12px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: 100%;
}
.logo-sticky-active img {
    opacity: 0 !important;
}
.latest-img {
    /*width: 100%;*/
    /*max-height: 250px;*/
    
    max-width: 100%;
    max-height: 300px;
}
.vcenter {
    /*vertical-align: middle;*/
    
    margin-top: 5%;
}
.thumb-info-action {
    display: none;
}
.captcha {
    width: 240px !important;
    max-width: none;
}
#lang-dropdown-select-language {
    margin-top: 1.5%;
    float: left !important;
}
#search-block-form {
    float: right !important;
}
.book-navigation .page-links {
    width: 100% !important;
}
div.content div.node {
    width: 100%;
}
div.region-sidebar-right {
    width: 267px;
}
div.region-sidebar-right div.block {
    border: 1px solid #E2E2E2;
    padding: 12px 0px;
    margin-bottom: 12px;
}
div.region-sidebar-right div.block div.block-icon {
    float: left;
    height: 76px;
    margin: 0;
}
div.region-sidebar-right div.block div.block-icon img {
    width: 76px;
    display: block;
}
div.region-sidebar-right div.block div.block-content {
    border-left: 1px solid #DEDEDE;
    float: left;
    margin: 10px 0px 0px 0px;
    min-height: 53px;
    padding: 0px 0px 0px 10px;
}
div.region-sidebar-right div.block div.block-content h2 {
    color: #000000;
    font-size: 150%;
    font-weight: bold;
    line-height: 32px;
    margin: 0px 0px 3px 0px;
}
div.region-sidebar-right div.block div.block-content p {
    line-height: 18px;
    margin: 0px;
    padding: 0px;
}
#msfLang {
    margin: 5px 0px 0px 95px
}
ul.msflang {
    margin-top: 15px;
}
ul.msflang li {
    list-style: none;
    display: inline;
    margin-right: 8px;
}
ul.msflang li, div.msflang a {
    padding: 5px;
    color: #FFFFFF;
    background-color: #CC0000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#first-time {
    display: none;
}
#mobileLang {
    position: absolute;
    top: 61px;
    right: 77px;
}
.bx-wrapper {
    margin-bottom: 40px;
}
@media (max-width: 480px) {
    .msf-hk-gallery-slides .panel-overlay h3 {
        font-size: 90%;
        margin-bottom: 5px;
    }
}
@media (max-width: 992px) {
    #desktopSearch {
        display: none;
    }
}
@media (min-width: 992px) {
    #mobileLang {
        display: none;
    }
}

/* body.page-node-14328 div.portfolio-item,
body.page-node-14326 div.portfolio-item,
body.page-node-14324 div.portfolio-item {
	height:294px;
}

body.page-node-14328 div.portfolio-item img,
body.page-node-14326 div.portfolio-item img,
body.page-node-14324 div.portfolio-item img{
	max-width:none;
	max-height:100%;
}

body.page-node-132 div.portfolio-item,
body.page-node-134 div.portfolio-item,
body.page-node-136 div.portfolio-item {
	height:161px;
}

body.page-node-132 div.portfolio-item img,
body.page-node-134 div.portfolio-item img,
body.page-node-136 div.portfolio-item img{
	max-width:none;
	max-height:100%;
}

body.page-node-14318 div.portfolio-item,
body.page-node-14320 div.portfolio-item,
body.page-node-14322 div.portfolio-item {
	height:277px;
}

body.page-node-14318 div.portfolio-item img,
body.page-node-14320 div.portfolio-item img,
body.page-node-14322 div.portfolio-item img{
	max-width:none;
	max-height:100%;
}

body.page-node-13732 div.portfolio-item,
body.page-node-13734 div.portfolio-item,
body.page-node-13736 div.portfolio-item {
	height:180px;
}

body.page-node-13732 div.portfolio-item img,
body.page-node-13734 div.portfolio-item img,
body.page-node-13736 div.portfolio-item img{
	max-width:none;
	max-height:100%;
} */

body.node-type-blog ul.links.inline {
    display: none;
}
/*** Search Result ***/

body.page-search form.search-form {
    display: none;
}
body.page-search div.content li.search-result h3.title {
    margin-bottom: 0px;
}
body.page-search div.content li.search-result p.search-info {
    font-style: italic;
    margin: 0px;
    font-size: 11px;
}
body.page-search div.content li.search-result p.search-snippet {
    margin: 0px;
    font-size: 15px;
}
body.page-search div.content li.search-result {
    margin-bottom: 35px;
}
div#comments {
    width: 100%;
}
div.content div.field-label-above div.field-label {
    background-color: rgb(245, 245, 245);
    color: #ee0000;
    font-weight: normal;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
div.content div.field-label-above div.field-items {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
}
div.content div.field-label-above div.field-items div.item-list ul {
    list-style-type: none;
}

div.content div.field-label-above div.field-items div.item-list ul li{
    display:inline;
	padding-left:10px;
	padding-right:10px;
}


div.content div.msf-hk-galleryview {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
div.blog-recently-top-content .prev-link {
    float: left;
}
div.blog-recently-top-content .next-link {
    float: right;
}
div.region-content div#block-views-related-content-block h2 {
    background-color: rgb(245, 245, 245);
    font-size: 16px;
    color: #ee0000;
    margin-bottom: 8px;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
body.front div.recent-posts h2 {
    display: none;
}
#footer .footer-copyright {
    padding-top: 0px;
}
#block-menu-menu-footer-menu ul.menu {
    margin: 0px;
    padding: 0px;
}
#block-menu-menu-footer-menu ul.menu li {
    display: inline;
    list-style: none;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}

div.views-field span.field-content .blog-body-wrapper{
	width:70%;
	float:right;
}

div.views-field div.blog-item-content {
	width:100%;
}

div.views-field span.field-content img{
	width:25%;
	float:left;
	height:auto;
}

span.blog-comment, span.blog-share{
	display:none;
}

div.view-content div.country-disease-tags-list{
	margin-bottom:20px;
}

div.view-content ul.counrty-disease-tags{
	list-style-type:none;
	display:inline;
}

div.view-content ul.counrty-disease-tags li{
	display:inline;
	padding:10px;
	background-color:rgb(245,245,245);
}

div.title-author h2.blog-title{
	margin-bottom:15px;
}

div.view-content div.views-row{
	margin-bottom:50px;
	border-bottom:1px solid rgb(245,245,245);
	
}

div.content div.field-name-field-featured-image{
	width:25%;
	float:left;
}

div.content div.field-name-field-featured-image img{
	width:100%;
	height:auto;
}

div.view-content div.content div.field-name-body{
	width:70%;
	float:right;
}

ul.links.inline{
	display:none;
}

div.post-date span.post-date-day{
	padding-right:5px;
}


/*** Related News Page ***/
/*** Tag Listing Page ***/
div.view-related-content div.views-row,
div.view-tag-listing div.views-row {
	float:left;
	width:260px;
	margin-bottom:15px;
	overflow:hidden;
	border: 1px solid #f5eeee;
	margin-left:15px;
}

div.view-related-content div.views-row img,
div.view-tag-listing div.views-row img{
	width:260px;
	height:auto;
}






div.view-related-content div.views-row.views-row-even,
div.view-tag-listing div.views-row.views-row-even {
	
}

@media (max-width: 700px) {
	div.view-related-content div.views-row.views-row-even,
	div.view-tag-listing div.views-row.views-row-even {		
        float:left;
    }
}

div.view-related-content div.views-row div.views-field-title,
div.view-tag-listing div.views-row div.views-field-title {
	height:60px;
	overflow:hidden;
	padding:14px 10px;
}

div.view-related-content div.views-row div.views-field-title a,
div.view-tag-listing div.views-row div.views-field-title a {
	display: block;    
    font-weight: bold;    
    line-height: 20px;
    overflow: hidden;
}

div.view-related-content div.views-row div.views-field-nothing,
div.view-tag-listing div.views-row div.views-field-nothing {
	padding:8px 10px 36px 10px;
}

div.view-related-content div.views-row div.views-field-nothing span,
div.view-tag-listing div.views-row div.views-field-nothing span {
	font-size:13px;
	line-height:18px;
}

div.view-related-content div.views-row div.views-field-nothing span.field-content,
div.view-tag-listing div.views-row div.views-field-nothing span.field-content {
	display:block;
	height:57px;
	overflow:hidden;
}

/*** Related Content ***/
div.view-related-content div.item-list ul li {
	list-style:none;
	padding-left:8px;
}

div.view-related-content div.more-link {
	text-align:left;
	padding-left:8px;
}

/*** Tag Clounds ***/
div.region-sidebar-right div.block.block-tagclouds {
	padding:15px;
}

div.region-sidebar-right div.block.block-tagclouds  div.content span.tagclouds-term {
	margin:0px 5px 2px 0px;
}

/*** Frontpage Slideshow ***/
div.block-front-feature-trends { display:block; }
div.responsive-views-slideshow { position:relative; width:984px; height:450px; overflow:hidden; margin:0px auto 10px auto; }
div.responsive-views-slideshow div.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row { 
	position:absolute;
	overflow:hidden;
}

div.responsive-views-slideshow  div.feature-desc {
	position:relative;
	display:block;
}
div.responsive-views-slideshow div.feature-desc div.feature-desc-title {	
	cursor: pointer;
	font-size: 140%;
	font-weight: bold;	
	margin: 0 0 5px 0;
	line-height: 28px;
	padding: 11px 20px 0;
}
div.responsive-views-slideshow div.feature-desc div.feature-desc-title a,
div.responsive-views-slideshow div.feature-desc div.feature-desc-title a:hover {
	color: #fd0005;
	text-decoration:none;
}
div.responsive-views-slideshow div.feature-desc div.feature-desc-body {
    padding: 0 20px;
}
div.responsive-views-slideshow  div.feature-desc div.feature-desc-body p {
    color: #2a2a2a;
    cursor: pointer;
    font-size: 117%;
    line-height: 20px;
    margin: 0;
}

#views_slideshow_controls_text_pause_feature_slideshow-front_feature_slideshow {
    display: none;
}
#views_slideshow_controls_text_previous_feature_slideshow-front_feature_slideshow,
#views_slideshow_controls_text_next_feature_slideshow-front_feature_slideshow {
    position: absolute;
    top: 342px;
    z-index: 100;
}
#views_slideshow_controls_text_previous_feature_slideshow-front_feature_slideshow {
	left:484px;
}
#views_slideshow_controls_text_next_feature_slideshow-front_feature_slideshow {
	right:1px;
}
#widget_pager_bottom_feature_slideshow-front_feature_slideshow {
    bottom: 34px;
    position: absolute;
    right: 29px;
    z-index: 100;
}
#widget_pager_bottom_feature_slideshow-front_feature_slideshow .views-slideshow-pager-field-item {
    float: left;
    padding: 0 0 0 8px;
}
#widget_pager_bottom_feature_slideshow-front_feature_slideshow .views-slideshow-pager-field-item .views-content-counter {
    background: url(/sites/all/themes/msf_hongkong/images/icon-pager.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -999em;
    width: 11px;
}
#widget_pager_bottom_feature_slideshow-front_feature_slideshow .views-slideshow-pager-field-item .views-content-counter:hover, #widget_pager_bottom_feature_slideshow-front_feature_slideshow .views-slideshow-pager-field-item.active .views-content-counter {
    background-position: right top;
}
#views_slideshow_controls_text_previous_feature_slideshow-front_feature_slideshow a, #views_slideshow_controls_text_next_feature_slideshow-front_feature_slideshow a {
    display: block;
    height: 35px;
    text-indent: -999em;
    width: 35px;
}
#views_slideshow_controls_text_next_feature_slideshow-front_feature_slideshow  a {
    background: url(/sites/all/themes/msf_hongkong/images/arrow-r.png) no-repeat scroll left top rgba(0, 0, 0, 0);
}
#views_slideshow_controls_text_previous_feature_slideshow-front_feature_slideshow a {
    background: url(/sites/all/themes/msf_hongkong/images/arrow-l.png) no-repeat scroll left top rgba(0, 0, 0, 0);
}
#views_slideshow_controls_text_next_feature_slideshow-front_feature_slideshow  a:hover,
#views_slideshow_controls_text_previous_feature_slideshow-front_feature_slideshow  a:hover {
	background-position:left -37px;
}

@media (max-width: 992px) {
	.mobile_clear_both{
		clear:both;
	}
}




@media (max-width: 984px) {
	div.responsive-views-slideshow { margin-bottom:0px; }
	div.responsive-views-slideshow  div.feature-desc { height:140px; overflow:hidden; }
	div.responsive-views-slideshow { height:auto; }
	div.responsive-views-slideshow div.feature-desc div.feature-desc-title {
		padding: 11px 0px 0 60px;		
		background: url(/sites/all/themes/msf_hongkong/images/tit-msf-logo.png) no-repeat 15px 11px;
	}	
	#views_slideshow_controls_text_previous_feature_slideshow-front_feature_slideshow { left:5px; }	
	#views_slideshow_controls_text_next_feature_slideshow-front_feature_slideshow { right:5px; }
	#widget_pager_bottom_feature_slideshow-front_feature_slideshow { bottom:10px; }	
	#widget_pager_bottom_feature_slideshow-front_feature_slideshow .views-slideshow-pager-field-item .views-content-counter {
		background:url(/sites/all/themes/msf_hongkong/images/v2/icon-pager.png) no-repeat left top; 
	}	
}
@media (min-width: 984px) {	
	div.responsive-views-slideshow  div.feature-desc {
		background: url(/sites/all/themes/msf_hongkong/images/v2/bg_overlay.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 165px;
		position: absolute;
		right: 15px;
		top: 280px;
		width: 468px;
	}
	
}
.msflang li.option[lang=zh-hant]{display:none!important;}

.btn[data-toggle='dropdown']{
    color: #777777;
}

.open .btn[data-toggle='dropdown']{
    background: #e2001a;
    border-color: #e2001a;
    color: #fff;
}

.other-location .trigger {
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 3px;
    font-size: 12px;
}

.other-location .dropdown-menu {
    margin: 0;
    width: 100%;
    text-align: center;
    top: 35px;
    bottom: auto;
    -webkit-box-shadow: 0 -3px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 -3px 12px rgb(0 0 0 / 18%);
    max-height: 300px;
    overflow-y: auto;
}
.other-location .dropdown-menu > li > a {
    font-size: 14px;
    line-height: 2;
    color:#777777 !important;
}


.other-location .dropdown-menu > li > a:focus, .other-location .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #fff !important;
    background-color: #e2001a;
}

.other-location .dropdown-menu > li + li {
    border-top: 1px solid #efefef;
}

.other-location .open .trigger > .icon-angle-up::before{
    content: '\f107';
}


@media screen and (min-width: 768px){
    .other-location .dropdown-menu {
        width: auto;
        left: auto;
        right: 0;
    }

    .other-location .trigger {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 24px;
        text-align: left;
        font-size: 14px;
    }

    .other-location .dropdown-menu > li > a {
        font-size: 12px;
    }
}