body {
}

.whats_new .article_list{
	max-height: none;
	overflow-y: visible;
}

#mobileLayer{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 20;
	left: 0;
	top: 0;
}

/*#region share btna*/
.header-nav__tools-sub-holder 
{
	background: rgb(255, 255, 255); 
    padding: 8px 15px 12px; 
    /*left:200px;*/
    top:30px;
    text-align: left; 

    display: none; 
    position: absolute; 

    min-width: 300px; 
    box-shadow: 0px 3px 4px rgba(150,150,150,0.2); 
    transform: translateX(-50%); 
    -webkit-transform: translateX(-50%);
    float:right;
}

.share-btns .share-btns__btn.share-btns__btn--email, .share-btns__btn.share-btns__btn--email:hover {
     background-color: yellowgreen;
}

 .share-btns__btn {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    margin-right: 5px;
    position: relative;
    content: "";
    /*transition: 0.2s;*/
}
 
 .share-btns__btn:before {
    content: '';
    width: 26px;
    height: 26px;
    left: 4px;
    top: 4px;
    display: block;
    position: absolute;
    background: url() center top;
    background-size: 100% auto;
    content: "";
    /*transition: 0.2s;*/
}
.mobile-nav__tools-sub-holder .share-btns__btn::before {
    left: 3px;
    top: 4px;
}
.header-nav__tools-sub-holder::after {
	background: rgba(0, 113, 192, 1); 
    left: 0px; 
    top: 0px;
    width: 100%;
    height: 4px; 
    display: block; 
    position: absolute; 
    content: "";
}
.header-nav__tools-sub-holder {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-right: 20px;
   
    
}
.mobile-nav__tools-sub-holder::after {
	background: rgba(0, 113, 192, 1); 
    left: 0px; 
    top: 0px;
    width: 100%;
    height: 0px; 
    display: block; 
    position: absolute; 
    content: "";
}
#slideMenuLayer .share_button {
 position:relative;
}
.mobile-nav__tools-sub-holder {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0px;
    position:absolute;

    top:50px;
    left:-100px;
}
.mobile-language li a.share-btns__btn {

    display: inline-block;
    transition: 0.2s;
    color: blue;
    padding: 0px;
    font-size: 0px;
    width: 32px;
}
body.large_size .mobile-language li a.share-btns__btn {
    font-size: 0px;


}

.share-btns {
    white-space:nowrap;

}

.share-btns a{
    color: #000;
    text-decoration: none;
}
.share-btns__btn--email.share-btns__btn::before {
	background-image: url("/images/icon/icon-social-email-white.png");
}

.share-btns .share-btns__btn--email.share-btns__btn {
	background-color: #5F7F1F;
}
.share-btns__btn--email.share-btns__btn:hover {
	background-color: #5F7F1F;
}

.share-btns__btn--fb.share-btns__btn::before {
	background-image: url("/images/icon/icon-social-facebook-white.png");
}
.share-btns .share-btns__btn--fb.share-btns__btn {
	background-color: rgb(59, 89, 152);
}
.share-btns__btn--fb.share-btns__btn:hover {
	background-color: rgb(59, 89, 152);
}

.share-btns__btn--wa.share-btns__btn::before {
	background-image: url("/images/icon/icon-social-whatsapp-white.png");
}
.share-btns .share-btns__btn--wa.share-btns__btn {
	background-color: rgb(27, 215, 65);
}
.share-btns__btn--wa.share-btns__btn:hover {
	background-color: rgb(27, 215, 65);
}
.share-btns__btn--wb.share-btns__btn::before {
	background-image: url("/images/icon/icon-social-weibo-white.png");
}
.mob-nav__control .share-btns__btn--wb.share-btns__btn {
	background-color: rgb(223, 32, 41);
}
.share-btns .share-btns__btn--wb.share-btns__btn {
	background-color: rgb(223, 32, 41);
}
.share-btns__btn--wb.share-btns__btn:hover {
	background-color: rgb(223, 32, 41);
}
.share-btns__btn--wc.share-btns__btn::before {
	background-image: url("/images/icon/icon-social-wechat-white.png");
}
.share-btns .share-btns__btn--wc.share-btns__btn {
	background-color: rgb(9, 184, 62);
}
.share-btns__btn--wc.share-btns__btn:hover {
	background-color: rgb(9, 184, 62);
}
.share-btns__btn--tw.share-btns__btn::before {
	background-image: url("/images/icon/icon-social-twitter-white.png");
}
.share-btns .share-btns__btn--tw.share-btns__btn {
	background-color: rgb(0, 0, 0);
}
.share-btns__btn--tw.share-btns__btn:hover {
	background-color: rgb(0, 0, 0);
}
.share-btns__btn--ig.share-btns__btn::before {
	background-image: url("/images/icon/icon-social-ig-white.png");
}
.share-btns .share-btns__btn--ig.share-btns__btn {
	background-color: rgb(188, 42, 141);
}
.share-btns__btn--ig.share-btns__btn:hover {
	background-color: rgb(188, 42, 141);
}
.share-btns__btn--rss.share-btns__btn::before {
	background-image: url("/images/icon/icon-rss.png");
}
.share-btns .share-btns__btn--rss.share-btns__btn {
	background-color: rgb(242, 101, 34);
}
.share-btns__btn--rss.share-btns__btn:hover {
	background-color: rgb(242, 101, 34);
}
/*#region Style for wc-qrcode */
/* ------------------------------------------ */
 .wc-qrcode {
     padding: 30px;
     background: #FFF;
     display: none;
}
 .wc-qrcode.is-active {
     display: block;
}
 .wc-qrcode p {
     font-size: 14px;
     color: #000;
     margin: 0 0 10px;
}
/*#endregion END Style wc-qrcode */
/* ------------------------------------------ */

/*#endregion share btna*/

/*#region mobile menu*/


#mob-nav-open-btn {
	width: 40px;
	height: 40px;
	background-image: url(/images/icon/icon_burger_menu.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 10px 10px;
	border: none;
	box-shadow: none;
	border-radius: 0;
	overflow: hidden;
	line-height: normal;
	margin: 0px 0px 0 0;
	text-indent: -9999px;
}
#mob-nav-open-btn {
	background-image: url('/images/icon/icon_burger_menu_open.png');
	margin: 5px 0px 0px;
}
#slideMenuLayer {
}

.mobileMenuHead {
	height: 50px;
	background-color: #006396;
	margin-bottom: 15px;
	padding: 0px 10px 0px 20px;
}

.mobileMenuHead h2, .mobileMenuHead div.title {
	color: #FFF;
	margin: 10px 0px 0px;
	font-size: 1.1em;
	font-weight: 300;
	display: inline-block;
}

#mobileMenuLayer {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
    background-color:rgba(0, 113, 192, 1);
	visibility: hidden;
	position: fixed;
	top: 0;
	right: -310px;
	width: 280px;
	height: 100%;
	z-index: 25;
	border-left: 1px solid #A0A0A0;
	-webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}

#mobileMenuLayer.on {
	right: 0;
	visibility: visible;
	overflow-y: auto;
}

.mobile-menu-ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.mobile-menu-ul li {
	position:relative;
	font-size: 1em;
	border-bottom: solid 1px #ddd;
	/* font-weight: 600; */
}

.mobile-menu-ul li .navBtn{
	width:40px;
	height:40px;
	position:absolute;
	top:6px;
	right:8px;
	background-color:red;
	cursor:pointer;
	background: url('/images/icon/nav-mobile-right.png') no-repeat right 50% top 50%;	
}
.mobile-menu-ul li.home {
	background-image: none;
}
.mobile-menu-ul li a {
	padding: 15px 20px;
	display:block;
	color: #fff;
    text-decoration:none;
}
.mobile-menu-ul li.BGImg.BGArrow.down .navBtn{
	background-image: url('/images/icon/nav-mobile-down.png');
}
.mobile-menu-ul li .mobile-submenu-ul {
	
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mobile-menu-ul>li>.mobile-submenu-ul {
	display: none;
}
.mobile-menu-ul li .mobile-submenu-ul li {
	border-bottom: none;
	font-weight:400;
	background-position: left 20px center;
	background-repeat:no-repeat;
	background-size: 36px 36px;
    /*background-color: rgba(225, 240, 216, 1);*/
    background-color: rgba(255, 255, 255, 1);
}

.mobile-menu-ul li .mobile-submenu-ul li>a{
	padding: 8px 20px 8px 40px;

}

.mobile-menu-ul li .mobile-submenu-ul li.sub_rvd_menu2 {
    background-image: none;/*url('/images/common/menu-arrow.png');*/
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 98% 14px;
    
}
.mobile-menu-ul li .mobile-submenu-ul li.sub_rvd_menu2.down {
    background-size: 16.7px;
    background-image: none;/*url('/images/common/menu-arrow-down.png');*/
    background-position: 98% 18px;
}

/*#rvdmenu li.rvd_menu  li.sub_rvd_menu2>a::after,.mobile-menu-ul li .mobile-submenu-ul li.sub_rvd_menu2>a::after{
	content: ' \25BC';
    
}
#rvdmenu li.rvd_menu  li.sub_rvd_menu2.down>a::after,.mobile-menu-ul li .mobile-submenu-ul li.sub_rvd_menu2.down>a::after{
	content: ' \25B2';
}*/
#rvdmenu li.rvd_menu  li.sub_rvd_menu2>ul>li>a,.mobile-menu-ul li .mobile-submenu-ul li.sub_rvd_menu2>ul>li>a{
    left:-20px;
    display:flex;
    
}
#rvdmenu li.rvd_menu li.sub_rvd_menu2.down > ul > a, .mobile-menu-ul li .mobile-submenu-ul li.sub_rvd_menu2.down > ul > li > {
    left:-20px;
    display:flex;
}
#rvdmenu li.rvd_menu  li.sub_rvd_menu2>ul>li>a:before,.mobile-menu-ul li .mobile-submenu-ul li.sub_rvd_menu2>ul>li>a:before{
    color:red;
    font-size:10px;
    line-height:27px;
	content: ' \25CF';
    margin-right:20px;
    display:block;
    float:left;
}
#rvdmenu li.rvd_menu li.sub_rvd_menu2.down > ul > a:before, .mobile-menu-ul li .mobile-submenu-ul li.sub_rvd_menu2.down > ul > li > a:before {
    color: red;
    font-size:10px;
    line-height:27px;
	content: ' \25CF';
    margin-right:20px;
    display:block;
    float:left;
}

.mobile-menu-ul li .mobile-submenu-ul a{
	color: #2C2C2C;
	padding: 0px 0px 0px 10px;
    border-bottom:1px solid  #CCC;
}
.mobile-menu-ul li .mobile-submenu-ul li:hover {
	background-color: rgba(90, 128, 46, 1);
	/*background-color: rgba(194, 221, 182, 1); /*#c2ddb6;*/
}


/*.mobile-menu-ul li .mobile-submenu-ul li:last-child {
	margin-bottom: 15px;
}*/

/*.mobile-menu-ul li .mobile-submenu-ul a:hover {
    color:white;
}*/

.mobile-menu-ul li.sub_rvd_menu2 .mobile-submenu-ul li{
	color: #2C2C2C;
	background-color: #f6e9c2;
}
.mobile-menu-ul li.sub_rvd_menu2 .mobile-submenu-ul li:hover {
	/*background-color: rgba(235, 112, 29, 1);*/ /*#f5c69e;*/
	background-color: #D86213;
}

.mobile-language ul {
	list-style: outside none none;
	margin: 15px 0;
	padding: 0;
}
.mobile-language li {
	display: inline-block;
	font-size: 0.8em;
	font-weight: 300;
}
.mobile-language li a {
	color: #fff;
	padding: 5px 5px 5px 5px;
	display: block;
    font-size:20px;

}
/*@media screen and (min-width: 992px) {
    .d-lg-none {
        display: block !important;
    }
}*/
/*@media screen and (min-width: 1280px) {
    .d-lg-none {
        display: none !important;
    }
}*/
/*#endregion mobile menu ends*/

/*#region search box*/

.searchBoxHolder {
	position: absolute;
	right: 0;
	bottom: 25px;
	font-size: 0.813em;
}
.searchBoxHolder .siteSearchBtn{
	display: block;
	position: absolute;
	width: 35px;
	height: 35px;
	right: 0;
	top: 0;
	text-indent: -99999px;
	background: url('/images/icon/icon-search.png') no-repeat center center;
	background-size: 22px 22px;
    border:none;
}
.searchBoxHolder input[class^="searchBox"] {
	border: 2px solid #FECA46;
	padding: 6px 8px;
	font-weight: 300;
	width: 280px;
	color: #2c2c2c;
	/* background: url('../img/icon-search.png') no-repeat right 5px center;
	background-size: 22px 22px; */
	padding-right: 35px;
}
.searchBoxHolder input[class^="searchBox"]::placeholder, .searchBoxHolder input[class^="searchBox"]:-ms-input-placeholder, .searchBoxHolder input[class^="searchBox"]::-ms-input-placeholder, .searchBoxHolder input[class^="searchBox"]::-webkit-input-placeholder, .searchBoxHolder input[class^="searchBox"]::-moz-placeholder {
    color: #2c2c2c;
}

.searchBoxHolder {
	position: relative;
	right: auto;
	left: auto;
	top: auto;
	bottom: auto;
}
.searchBoxHolder .siteSearchBtn{
	right: 24px;
}
.searchBoxHolder input[class^="searchBox"] {
	margin-left: 20px;
	width: 240px;
}
/*#endregion */


/*#region The Modal (background) */

.clearfix:before, .clearfix:after {
	display:table;
	content:" ";
}
.clearfix:after {
	clear:both;
}

.function_area .mini_nav .subnav {
	position: absolute;
	left: 30%;
	transform:translateX(-50%);
	-wetransform:translateX(-50%);
	top: 100%;
	background-color:#03325c;
	transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;
	/*border-radius:45px;*/
	border-radius:10px;
}
.function_area .mini_nav .subnav > ul {
	margin:0 6px;
	max-height: 0;
	text-align:left;
	overflow: hidden;
	transition:max-height .3s ease 0s;
	-webkit-transition:max-height .3s ease 0s;
}

.function_area .mini_nav:hover > .subnav > ul,
.function_area .mini_nav:active > .subnav > ul
{
	max-height:200px;
}
.function_area .mini_nav .subnav > ul > li {
	display:inline-block;
	position:relative;
	text-align:center;
	margin-top:6px;
}
.function_area .mini_nav .subnav> ul > li:last-child{ 
    margin-bottom:6px;
}
.function_area .mini_nav .subnav > ul > li > a {
	/*width:34px;
	height:34px;
	line-height:34px;*/
	width:110px;
	height:34px;
	line-height:34px;
	display:inline-block;
	color:#fff;
	/*border-radius:50%;*/
	border-radius:0%;	
	text-align: left;
	padding-left: 10px;
}


/*
.function_area .mini_nav .subnav ul.fontsize {
	position: absolute;
	left: 30%;
	transform:translateX(-70%);
	-wetransform:translateX(-50%);
	top: 100%;
	background-color:#03325c;
	transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;
	border-radius:25px;
	padding: 5px;
}
.function_area .mini_nav .subnav > ul.fontsize {
	margin:0 6px;
	max-height: 0;
	text-align:left;
	overflow: hidden;
	transition:max-height .3s ease 0s;
	-webkit-transition:max-height .3s ease 0s;
}

.function_area .mini_nav:hover > .subnav > ul.fontsize,
.function_area .mini_nav:active > .subnav > ul.fontsize
{
	max-height:200px;
}
.function_area .mini_nav .subnav > ul.fontsize > li {
	display:inline-block;
	position:relative;
	text-align:center;
	margin-top:6px;
}
.function_area .mini_nav .subnav> ul.fontsize > li:last-child{ 
    margin-bottom:6px;
}
.function_area .mini_nav .subnav > ul.fontsize > li > a {
	width:34px;
	height:34px;
	line-height:34px;
	border-radius:50%;
	text-align: center;
	padding-left: 0px;
}
*/

.function_area .mini_nav .subnav > ul.fontsize > li > a {
	width:34px;
	height:34px;
	line-height:34px;
	border-radius:50%;
	text-align: center;
	padding-left: 0px;
}

.function_area .mini_nav .subnav > ul:not(.socialmeida) > li > a{
	background-color:#035676;
	transition:background .3s ease 0s;
	-webkit-transition:background .3s ease 0s;
}

.function_area .mini_nav .subnav > ul:not(.socialmeida) > li > a.selected, 
.function_area .mini_nav .subnav > ul:not(.socialmeida) > li > a:hover, 
.function_area .mini_nav .subnav > ul:not(.socialmeida) > li > a.focus
{ 
    background-color:#008671;
}

.function_area .mini_nav .subnav ul.fontsize > li > a.small > span {
	font-size:16px;
}
.function_area .mini_nav .subnav ul.fontsize > li > a.middle > span {
	font-size:22px;
}
.function_area .mini_nav .subnav ul.fontsize > li > a.large > span {
	/*font-size:1.7em;*/
	font-size:30px;
}

.overlayMobileMenu > div.text-center > ul > li > a.small > span {
	font-size:17.5px;
}
.overlayMobileMenu > div.text-center > ul > li > a.middle > span {
	font-size:22px;
}
.overlayMobileMenu > div.text-center > ul > li > a.large > span {
	/*font-size:1.7em;*/
	font-size:25.5px;
}


.small_size {
	font-size: 100%;
	/*line-height:110%;*/
}
.middle_size {
	font-size:112%;
	/*line-height:120%;*/
}
.large_size {
	font-size:125%;
	/*line-height:140%;*/
}

.language.mini_nav>a{
    padding-left:3px;
}
/*#endregion */

/*#region quick button*/

.quick_link a.quick_link_open{
    height:62px;
    background-image:url('/images/nav-moblie-arrow_up.svg');
    background-position: top center;
    background-repeat:no-repeat;
    /*background-size:100%;*/
    background-size:auto 100%;
}

.quick_link a.quick_link_open.arr_down{
    background-image:url('/images/nav-moblie-arrow_down.svg');
}
.flip-rotate90 {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */
}

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1); 
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: fliph;
}

.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv; /*IE*/
}

.back_line {
    border-bottom:solid black 2px;
}
/*#endregion*/

/*#region calculator*/
.divCalculator .result {
    font-size:19.2px;
    color:#006699;
}
.divCalculator .h3_payable {
    font-size:17.92px;
    color:#006699;
}
.divCalculator select, .divCalculator input.calInput{
    border:solid gray 2px;
    border-radius:5px;
}
.divCalculator select:hover, .divCalculator input.calInput:hover
{
    border:solid #008000 2px;
}
.divCalculator select.active, .divCalculator input.calInput.active
{
    border:solid #008000 2px;
}
.divCalculator select.error, .divCalculator input.calInput.error
{
    border:solid #CB0101 2px;
}
.divCalculator .err_msg
{
    /*margin-top:10px;*/
    line-height:20px;
    color:#CB0101;
}
.divCalculator #calResult .row h3{
    font-weight:bold;
}

.divCalculator table th {
    font-weight:normal;
    text-align:center;
}
.divCalculator .result_title table th, .divCalculator .result_title table td {
    border:black solid 1px;
}
.divCalculator .result_title table td {
    min-width:174px;
}
.divCalculator .result_title table
{
    background-color:rgba(252, 227, 160, 1);
}
.divCalculator .result_title table>tbody>tr>td
{
    text-align:center;
}
.divCalculator .result_title table>tbody>tr>td:first-child
{
    text-align:left;
}
.divCalculator #err_msg 
{
    border:solid #CB0101 1px;
    padding:10px;
	background: #FFFFFF;
}
.divCalculator #err_msg span
{
    line-height:20px;
    color:#CB0101;
}
.divCalculator #err_msg ::marker
{
    color: #CB0101;
}
.divCalculator #err_msg span>img
{
    margin-bottom:8px;
    margin-left:3px;
}
.divCalculator #err_msg>ul
{
    list-style-type:disc;
    padding-left:10px;
    margin-bottom:0px !important;
}

.divCalculator #calResult .row_notes> ol >li{
    padding-right:20px;
}
.divCalculator #calResult .row_notes li>div.sper {
    font-size:0%;
    line-height:5px;
    width:100%;
    height:5px;
    display:inline-block;
    /*border-top:solid 1px black;*/
    position: relative;
    left: -20px;
    padding-left: 20px;
}
.divCalculator #calResult .row_notes li>div.row_content {
    margin-right:20px;
}
/*#endregion*/


.a_message,.d_message {
    max-width:468px;
    padding:30px 30px;
        
}
.rates_payable th, .rent_payable th {
    /*font-size:*/
    padding:12px;
}
/*#ebdregion calculator */

@media screen and (min-width:1280px){
	.whats_new .article_list{
		height: 270px;
		overflow-y: scroll;
	}
	.article_list::-webkit-scrollbar{
			width: 0.5vw;
		}
		.article_list::-webkit-scrollbar-track{
			background: lightgrey;
			border-radius: 100vw;
			margin-block:0.5em;
			
		}
		.article_list::-webkit-scrollbar-thumb{
			background: linear-gradient(cyan,#006699);
			/*border: 0.25em solid darkgrey;*/
			border-radius: 100vw;
		}
		.article_list::-webkit-scrollbar-thumb:hover{
			background:rgba(0, 113, 192, 1);
		}
    /*#region calculator */

    
    /*#ebdregion calculator */
}

@media screen and (max-width:991px)
{
    .header-nav__tools-sub-holder {
	    display: none !important;
    }
    
    /*#region calculator */

    /*#ebdregion calculator */
}
@media screen and (max-width:414px) {

    
    /*#region calculator */
    /*table th.rates_1_column {
        width:100px;
    }*/
    
    .rates_payable th, .rent_payable th,
    .rates_payable td, .rent_payable td {
        font-size:10px;
        padding:3px 3px 3px 3px;
    }
    .rates_payable td.a_message,.rent_payable td.d_message {
       padding:10px 10px; 
    }
    .divCalculator .result_title table td {
        min-width:unset;
    }
    /*#ebdregion calculator */
}