/* Imported in CMS and Front-end site */
/* Content Styles */
.block {
    font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
    font-size: 18px;
    color: #6c6d71;

    font-weight: 400;	
}

.block p{
    font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
    font-size: 18px;
    color: #6c6d71;

    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 10px 0;
}

.block p.block-normal-title1{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	font-size: 48px;
	color: #403f41;
	font-weight: 400;
	line-height: 1.2;
}

.block p.block-normal-title2{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	font-size: 45px;
	color: #173964;
	font-weight: 400;
	line-height: 1;
}

.block p.block-normal-subtitle{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	font-size: 30px;
	color: #403f41;
	font-weight: 400;
	line-height: 1.1;
}



.block p.block-normal-content1{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	font-size: 18px;
	color: #6c6d71;
	font-weight: 400;
	line-height: 1.4;
}

.block p.block-normal-content2{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	font-size: 18px;
	color: #403f41;
	font-weight: 400;
	line-height: 1.4;
}

.block a.block-link{
	color: #58595a;
	text-decoration: underline;
}

.block a.block-link:hover{
	text-decoration: none;
}


/* Structure Styles */
.block-inner{
	margin-bottom: 25px;
}

.block .content-all{
	width: 100%;
}

.block .image-all{
	width: 100%;
}
.block .image-all figure{
	width: 24.4%;
	margin: 0;
	margin-right: 0.8%;
	margin-bottom: 0.8%;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}
.block .image-all figure:nth-child(4n){
	margin-right: 0;
}
.block .image-all img{
	width: 100%;
}


.block .content-part{
	display: inline-block;
	vertical-align: top;
	width: 75%;
}
.block .content-part > p, .block .content-part > div{
	overflow: hidden;
}

.block .content-part.left{
	padding-left: 20px;
}
.block .content-part.right{
	padding-right: 20px;
}

.block .image-part{
	display: inline-block;
	vertical-align: top;
	width: 25%;
}
.block .image-part figure{
	margin: 0;
	padding: 0;
	margin-bottom: 0.5%;
	margin-bottom: 15px;
}
.block .image-part img{
	width: 100%;
}
.block-accordion-heading{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	/*font-size: 25px;*/ /*deleted by george*/
	font-size: 31px;
	font-weight:300;

	/*color: #403f41;*/ /*deleted by george*/
	color: #960e2b; /*edited by george*/
	cursor: pointer;
	/*padding-left: 30px;*/

	padding-left: 0;
	position: relative;
}
.block .expand-btn{
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	position: absolute;
	/*color: rgb(130,130,130);*/
	color: rgb(191,191,191);
	right: 20px;
}


.block .block-accordion-content {
	/*padding: 25px 0px 0px 25px;*/ /* edited by george*/

	/*edited by george*/
	margin: 15px 0px 0px 25px;

	background-color: #f5f5f5;	
	padding: 2.5% 3.3%;

	margin-left: 0;
}

.block-accordion-content.accordion-close{
	display: none;
}

.block .block-row-heading{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	display: inline-block;
	width: 25%;
	vertical-align: top;
	font-size: 18px;
	font-weight: 600;

}

.block .block-row-content{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	display: inline-block;
	width: 75%;
	vertical-align: top;
	font-size: 18px;
}

.block ul, .block ol{
	margin: 0px 0px 20px 0px;
	font-size: 18px;
	padding-left: 10px;
	color: #6c6d71;
	line-height: 2;
	line-height: 1.6;
	margin-top: -7px;

	font-weight: 400;
}
.block ul{
	/*margin-bottom:0px;
	padding-left: 10px;
    color: #6c6d71;*/
    position: relative;
}

.block li ul, .block li ol{
	line-height: 1.5;
	line-height: 1.3;
}

.block li{
	list-style-type: none;
}
.block li::before{
	content: '\2022';
	position: absolute;
	left:0px;
}

.block ul ul li:before{content: "◦";}


.block a {
	color: #960e2b;
}
.block a:hover {
	color:inherit;
}

.ul-heading {
	color: #eb1846;
	line-height: 1.2;
	font-size: 20px;
}
/*new cms*/


.sub-heading{
	font-family: 'Ubuntu', Arial, Verdana, "Trebuchet MS", 'Heiti TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	font-size: 31px;
	color: #960e2b;
	font-weight:400;
	margin-bottom: 8px;
}

@media screen and (max-width: 960px){
	
}


@media screen and (max-width: 768px){
	.sub-heading{font-size: 20px;} /*new cms*/
	.sub-heading.mobile{display: none;} /*new cms*/
	.block p{
	    font-size: 16px;
	}
	.block ul{
		font-size: 16px;
	}
	.block p.block-normal-title1{
		font-size: 40px;
	}

	.block p.block-normal-title2{
		font-size: 35px;
	}

	.block p.block-normal-subtitle{
		font-size: 25px;
	}
	.block p.block-normal-content1{
		font-size: 16px;
	}

	.block p.block-normal-content2{
		font-size: 16px;
		
	}

	.block-accordion-heading{
		font-size: 20px;
	}
	.block .block-row-heading{
		font-size: 16px;
	}

	.block .block-row-content{
		font-size: 16px;
	}

	/*.block-rt img{
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 10px !important;
	}*/
	.block-rt img{
		width: 100%;
		margin: 0px;
	}

	.block-rt img.icon-img {
		width: auto !important;
	}

	.block .content-part{
		display: block;
		width: 100%;
	}
	.block .content-part.right, .block .content-part.left{
		padding-right: 0;
		padding-left: 0;
	}
	.block .image-all figure{
		width: 100%;
		width: 80%;
		margin-right: 0;
		margin: auto;
		display: block;
		margin-bottom: 15px;
	}
	.block .image-part figure{
		width: 80%;
		margin: auto;
		margin-bottom: 15px;
	}
	.block-rt .image-part{
		padding-left: 0px;
		padding-bottom: 15px;
		width: 100%;
		float: none;
	}
}
@media screen and (max-width: 576px){
	.block .image-all figure{
		width: 100%;
	}
	.block .image-part figure{
		width: 100%;
	}
}


/*milestone*/
@media screen and (min-width: 10px){
	.milestone-wrapper * {
		outline: none;
	}
	.milestone-wrapper{
		box-sizing: border-box;
		position: relative;

		width: 100%;
		/*height: 1000px;*/

		margin: auto;
		margin-top: 30px;
		font-size: 0px;
	}
	.milestone-img{
		margin: 0 20px;
	}
	.milestone-caption-box{
		/*position: absolute;*/
		width: 100%;
		padding: 20px;
		margin: 0 20px;
		padding-bottom: 30px;
		color: #6c6d71;
		text-align: left;
		/*top: 60%;*/
	}
	.milestone-caption-box{
		outline: none;		
	}
	.milestone-year{
		font-size: 22px;
		line-height: 1.5;
		font-weight: 400;

		color: #173a64;
	}
	.milestone-caption{
		font-size: 18px;
		line-height: 1.5;
		font-weight: 300;	
	}

	.milestone-prev, .milestone-next{
		display: inline-block;
		position: absolute;
		font-size: 40px;
		color: #173a64;

	 	top: 50%;
	    -ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);

	    padding: 20px 20px;
	    z-index: 1;
	    cursor: pointer;
	}
	.milestone-prev{
		left: -60px;
	}
	.milestone-next{
		right: -60px;
	}
	.milestone-next:hover, .milestone-prev:hover{
		background-color: rgba(0,0,0,0.2);
	}

	ul.milestone-caption{ margin-bottom:0px; padding-left: 10px; line-height: 1.5; color: #6c6d71; position: relative; } 
	.milestone-caption li{ list-style-type: none; } 
	.milestone-caption li::before{ content: "\2022"; position: absolute; left:0px; }
}
@media screen and (max-width: 1380px){
	.milestone-prev, .milestone-next{
		color: white;
		background-color: rgba(0,0,0,0.2);
	}
	.milestone-next:hover, .milestone-prev:hover{
		background-color: rgba(0,0,0,0.5);
	}
	.milestone-prev{
		left: 10px;
	}
	.milestone-next{
		right: 10px;
	}
}
@media screen and (max-width: 992px){

	.milestone-caption-box{
		padding: 20px 10px;
	}
}
@media screen and (max-width: 576px){
	.milestone-caption-box{
		padding: 20px 0;
		margin: 0 10px;
	}
	.milestone-img{
		margin: 0;
	}
	.milestone-prev{
		left: 0px;
	}
	.milestone-next{
		right: 0px;
	}
}



/*two col*/
@media screen and (min-width: 10px){
	.two-col-box{
		float: left;
		width: 48.3%;
		color: #6c6d71;
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 3.4%;
	}
	.two-col-box:nth-of-type(2){
		float: right;
	}
	.two-col-box img{
		/*padding: 0 10px;*/
	}

	.two-col-box table{
		border-collapse: collapse;
	}
	.two-col-box th{
		background-color: #6c6d71;
		color: white;
		font-weight: 500;
		padding: 10px 23px;
		text-align: left;
		border: 1px solid #6c6d71;
	}
	.two-col-box td{
		padding: 13px 23px;
		border: 1px solid #dbdbdb;
	}
	.two-col-box tbody tr{
		border-bottom: 1px solid #6c6d71;
	}
	.two-col-box tbody tr:nth-child(odd){
		background-color: #e1e1e1;
	}
	.two-col-box tbody tr:nth-child(even){
		background-color: #e9e9e9;
	}
	.two-col-box td:nth-child(2){
	}

	.two-col-plan{
		position: relative;
	}
	.two-col-plan img{
		width: 100%;
	}
	.leaflet-ul{
		padding-top: 30px;
	}
	.leaflet-ul ul{
		margin: 0;
	}
	.two-col-spacer{
		font-size: 0px;
	}
}

@media screen and (max-width: 768px){
	.form-right{
		float: none;
	}
	.two-col-box{
		width:100%;
		float: none;
		margin-right: none;
		margin-top: 0;
		margin-bottom: 25px;
	}	
}
/*two col*/

/*career opportunities*/
@media screen and (min-width: 10px){
	.accord-header{
		/*background-color: #3464d4;*/
		background-color: #666666;
		color: white;
		font-size: 21px;
		cursor: pointer;
		margin-bottom: 10px;
		margin-top: 15px;
		padding: 10px 20px;
		position: relative;
	}
	.accord-header .expand-btn{
		color:white;
	}
	.accord-content{
		padding-left: 20px;
		background-color: white;
		padding-top: 10px;
		padding-right: 20px;
	}
	.accord-content ul{
		margin: 0px;
	}
	.job-ref-no{
		background-color: #cccccc;
		color: black;
		top: -10px;
		position: relative;
		padding: 5px 20px;
		margin-bottom: -10px;
	}
}
/*career opportunities*/



.block-content-wrapper{
    padding: 2.5% 3.3%;
    background-color: #f1f2f2;
    margin-top: 15px;
	margin-bottom:25px;
}
.block-content-wrapper::after{clear:both;content:'';display: block;}


.block table{
	border-collapse: collapse;
}
.block th{
	background-color: #6c6d71;
	color: white;
	font-weight: 500;
	padding: 10px 23px;
	text-align: left;
	border: 1px solid #888;
}
.two-col-box th {
	border: 1px solid #6c6d71;	
}
.rent-list th{
	text-align: center;
}
.block td{
	padding: 13px 23px;
	border: 1px solid #dbdbdb;
}
.block tbody tr{
	border-bottom: 1px solid #6c6d71;
}
.block tbody tr:nth-child(odd){
	background-color: #e1e1e1;
}
.block tbody tr:nth-child(even){
	background-color: #e9e9e9;
}

.shuttle-table td{
	padding: initial;
	border: none;
}
.shuttle-table td.shuttle-table-col1 {
	padding-left: 8px;
	padding-right: 8px;
}
.shuttle-table td.shuttle-table-col2 {
	padding: 10px;
}
.shuttle-table tbody tr{
	border-bottom: none;
}
.shuttle-table tbody tr:nth-child(odd){
	background-color: inherit;
}
.shuttle-table tbody tr:nth-child(even){
	background-color: inherit;
}

.block a.shuttle-btn-a {
	display: inline-block;
	padding: 12px 15px;

	color: white;
	font-size: 14px;
	line-height: 1;
	background-color: #277a80;
	
	cursor: pointer;
	transition: 0.3s;
	text-decoration: none;
}
.block a.shuttle-btn-a:hover {
	background-color: #034973;
}

.table-wrap
{
	width: 100%;
	position: relative;
	overflow: auto;
}