@charset "UTF-8";
/* CSS Document */
body {
	-webkit-font-smoothing: auto;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.6;
	}

p { margin-bottom:1.5em; margin-left: 0px; }
a { color: #0a6482; font-weight:600 }
a:hover {color: #333 }
img {
	max-width: 100%;
	margin: 0;
	}

.left { float: left; }
.right { float: right; }

#wrapper, #mainWrap { width: 960px; }
.fullpage_wrap { min-height:975px; height:auto }
.ui-tabs .ui-tabs-panel { height: 780px !important; }
.clip_item td { background-color: #FFF; }

html > body #login_box {
	padding: 0 20px 0 20px;
	}

#main-content {
	background-color: #FFF;
	padding: 50px;
	margin-top: 5px;
	}
.two-column {
	width: 48%;
	}

.three-column {
	width: 30%;
	}

.centre {
	float: left;
	margin: 0 5% 0 5% !important;
	}

.profile img {
	padding-top:30px;
	width:22%;
	float:left;
	}
.profile p {
	width:75%;
	margin:3.5em 0 0 0;
	float:right
	}

.partner-logos {
	width: 20%;
	margin: 15px 45% 0 35%;
	}

.filmpage_wrap {
    width: 626px;
    }




/* ///// SEARCH  ////////////////////// */


.AdvancedSearch_wrap {
   height: 950px;
   margin-bottom: 0;
   margin-left: 5px;
   width: 610px;
	padding: 40px;
	}
.advanced_search_table_wide {
	width: 575px;
	float: none;
	margin: 20px 0 30px 0;
	}

html > body #subject {
	padding: 40px 20px 40px 40px;
	height: 950px;
	}
.advanced_search_table_col_1 {
    width: 150px;
    margin: 2px 0 5px 0;
    }
.advanced_search_table_col_2 {
    width: 450px;
    }

.SearchResults_wrap {
   width: 880px;
	background: none;
	height: auto;
	}

.searchresult_factoid {
	color: #888;
   margin-top: 15px;
	}


.searchresult_title_streaming {
  font-family: 'Noto Sans HK', sans-serif;
  font-size: 1.25em;
	}
	.searchresult_title_streaming a { font-weight: bold }
	.searchresult_title_streaming a:hover { font-weight: bold }

.searchresults_ModifySearch {
   padding: 0 0 0 px;
   float: none;
   margin: -80px 20px 50px 0;
	}

.advsearchterms { width: 100%; }



/* ///// HEADER ////////////////////// */

#Header {
	font-size: 14px;
	width: 960px;
	}
#Header a:hover { text-decoration: none; }


html > body .nav {
	height: auto;
	}

.nav {
	letter-spacing: 0.0625em;
	margin: 2px 0 0 0;
	padding: 10px 15px 10px 15px;
	width: calc(100% - 30px);
	display: inline;
	float: left;
	background-color: #FFF;
	background-image: url('../images/navg_gradient.png');
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(210,231,255) 100%);
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(210,231,255)));
	background-image: -webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(210,231,255) 100%);
	background-image: -o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(210,231,255) 100%);
	background-image: -ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(210,231,255) 100%);
	background-image: linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(210,231,255) 100%);
	border-color: rgb(255,255,255);
	border-style: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd2e7ff,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd2e7ff,GradientType=0);
	clear: both;
	}

.nav a {
    text-decoration: none;
    color: #06505f !important;
    }
.nav a:hover {
	text-decoration: none;
	color: #333 !important;
	}

.headnav { margin: 55px 0 0 0;
}



.active a {
	text-decoration: none;
	border-bottom: 5px solid #06505f;
	padding-bottom:6px;
	margin-bottom:-3px !important;
	}

	.no-active a {	border: none !important; }

.nav img { margin: 0 }

.nav-primary {
	font-family: 'Noto Sans HK', sans-serif;
	position: relative;
	float: left;
	margin: 0 10px 0 10px;
	text-transform: uppercase;
	}
.nav-primary a { font-weight: 900; }


.nav-secondary {
	font-family: 'Noto Sans HK', sans-serif;
	position: relative;
	float: right;
	margin: 0 10px 0 10px;
	}
.nav-secondary { font-weight: 700; }

.Login_WELCOME {
    padding-left: 0;
    padding-right: 10px;
	}

.Login_CHECKOUT,
.Login_cart,
.Login_LICENSES,
.Login_MYACCOUNT  {
    padding-right: 10px;
    padding-left: 10px;
	}






/* ///// FOOTER ////////////////////// */

#footer_container {
	font-size: 13px;
	line-height: 1.6;
	width: 100%;
	margin-top: 3px;
	}

#footer {
	margin-top: 3em;
   border-top: none;
   float: none;
   color: #EEE;
   }


.footer-share a:hover { text-decoration: none; }
.footer-share img {
	width: 20px;
	margin-bottom: -5px;
	}

.fb-share-button {
    padding-left: 0;
	}

/* ///// COLUMNS ////////////////////// */

.two-columns {
	column-count:2;
	column-width: 50%;
	column-gap: 5%;
	}
.three-columns {
	column-count:3;
	column-width: 33%;
	column-gap: 5%;
	}

.category_container {
	border-bottom-style: none;
    display: inline-grid;
    margin: 0 4.5% 1.25em 0;
    width: 45%;
    clear: both;
	}

.subject-list .col-2 { width: 100%; }

.subject-list .col-2 ul.link_list {
   margin-bottom: 2.5em;
	}
.subject-list .col-2 ul, li {
    margin: 0;
    padding: 0 !important;
	}

.title_special_landing {
    border:none;
    margin: 0 0 3em 0;
    padding: 40px;
    background-color: #F5F5F3;
	}


.container h1 { display: none; }

.inactive_title {
	color: white;
}

.inactive_title a {
	color: #d2e7ff;
}




/* /////  NEWS & UPDATES   ////////////////////// */

.updates-onecolumn { margin-top: 1.5em; }
.updates-onecolumn img { margin:-40px -40px 15px -40px; max-width:860px }

.updates-twocolumn { width:38%; }
.updates-twocolumn img { margin:-40px -40px 15px -40px; max-width:407px; }
.updates-twocolumn h2 { margin:5px 0 15px 0; color:#128ec2; }

.news-date {
	color: #BBB;
	margin: 0 0 .5em 0;
	}







/* ///// CONTACT FORM  ////////////////////// */


.contact_us_table_col_1 {
   width: 200px;
    text-align: right;
    margin: 5px 15px 5px 0;
    font-size: 13px;
	}

#colwrap7 {
	height: auto !important;
	background-image: none;
	background-color: #FFF;
	padding: 40px;
	width: 878px;
	font-size: 14px;
	}

.input, textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    border: 2px solid #AAA;
    font-size: 14px;
    background-image: none;
    color: #333;
    font-family: 'Open Sans', Sans-Serif;
    max-width: 100%;
	}

.contact_us_table_wide {
    width: 600px;
    float: left;
    margin: 0 0 10px 225px;
	}

.contact_us_table_wide .ui-button {
	float: right;
   margin: -50px 100px 50px 0 !important;
   }




/* ///// TYPOGRAPHY ////////////////////// */

b,strong { font-weight: 700; }
em { font-style: italic; }
.bold-bold {font-weight: 900 }
.sponsor {
	color: #999;
	margin: 5em 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
	 width: 100%;
   text-align: center;
   border-bottom: 3px solid #EEE;
   line-height: 0.1em;
	}
.sponsor span {
	 background:#FFF;
    padding:0 20px;
    }

h1, h2, h3, h4 {
  font-family: 'Noto Sans HK', sans-serif;
  font-weight: 700;
  }

h1 {
  font-size: 2.25em;
  line-height: 1.2em;
  margin: 0 0 1.5em 0;
  color: #06505f;
}

.head1 {
	font-size: 24px;
	color: #06505f;
	font-family: 'Noto Sans HK', sans-serif;
	letter-spacing: 1px;
	padding-left: 0px;
	padding-top: 0px;
	}

h2 {
	font-size: 1.5em;
	line-height:1.4em;
	margin: 2em 0 .5em 0;
	}

h2-homepage {
	font-family: 'Noto Sans HK', sans-serif;
	color: #128ec2;
	font-size:1.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom:.5em;
	}

.dark h2 {
	color: white;
	}

h2.plus {
	text-align: center;
	margin: 0 auto 1.5em;
	width: 90%;
  	font-family: 'Noto Sans HK', sans-serif;
	}

h2.plus span {
  	display: inline-block;
  	position: relative;
  	padding: 0.1em 1em 0.25em;
  	max-width: 560px;
	}
h2.plus i {
  	font-size: 12px;
  	position: absolute;
	}
h2.plus i:first-child {
  	top: 0;
  	left: 0;
	}
h2.plus i:nth-child(2) {
  	bottom: 0;
  	left: 0;
	}
h2.plus i:nth-child(3) {
  	top: 0;
 	right: 0;
	}
h2.plus i:nth-child(4) {
  bottom: 0;
  right: 0;
	}
h3 {
  font-size: 1.1em;
  font-weight: 700;
}
h4 {
  font-size: 1.1em;
  font-weight: 300;
  }

li.heading {
  background-color: #1F2833;
  color: #fff;
  font-weight: 900;
  font-size: 1.1em;
  padding: 10px;
  width: 47px;
  text-align: center;
  margin: 0 0 1em 0;
  }
nav.footer li {
  line-height: 1em;
  text-decoration: none!important;
  list-style: none;
  margin-bottom: 1em;
  }
ul.link_list li a {
  font-weight:500;
  }
ul.pagination {
  text-align: center;
  margin: 1em 0 2em 0;
  }
ul.pagination li {
  display: inline;
  text-align: center;
  margin:0 .15em;
  }
ul.pagination li a.box {
  color: #333!important;
  border: solid 1px #37827F;
  padding: 7px 10px;
  font-weight:normal;
  }
ul.pagination li a.box.active, ul.pagination li a.box:hover {
  color:#fff!important;
  font-weight:bold;
  background-color:#37827F;
  text-decoration:none;
  }
.row:after {
  display: block;
  clear: both;
  content: '';
  }
.row [class^="col-"] {
  float: left;
  margin-right: 3%;
  box-sizing: border-box;
  width: 100%;
  min-height: 1px;
  position: relative;
  margin-top: 0;
  }
.row [class^="col-"]:last-child {
  margin-right: 0%;
	}
.row [class^="col-"].nomargin {
  margin-top:0px!important;
  width:auto;
	}

n-ul {
   font-size:16px;
	list-style-type: none;
    margin: 0;
    padding: 0;
    width: 10px;
    background-color: #f1f1f1;
	}

n-li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
	}

n-li a.active {
    background-color: #128ec2;
    color: white;
	}

n-li a:hover:not(.active) {
   background-color: #555;
	color: white;
	}


blockquote {
  background: #f9f9f9;
  border-left: 10px solid #EEE;
  margin: 1.5em 0;
  padding: 2em;
  quotes: "\201C""\201D""\2018""\2019";
	}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
	}
blockquote p {
	display: inline;
	}

blockquote:after {
	color: #eee;
	content: close-quote;
	}

GEJnav {
  position: sticky;
  position: -webkit-sticky;
  top: 0; /* required */
}

ul {
	margin: 1em 0 3em 0;
	padding-inline-start: 2em;
	}
li { padding-left: 0.5em; }

h1, h2, h3, h4, h5, h6 {
margin-left: 0;
}

.list-rp {
margin-left: 20px;
padding-left: 280px;
}

.col-2 {
  width: 50%;
  float:left;
}

.three-columns .col-2 {
  width: 100%;
  float:left;
}

.three-columns .col-2 ul {
	margin: 0 0 3em 0;
	padding-inline-start: 0 !important;
	}

ul.link_list {
  list-style-type:none!important;
  margin-bottom:1.5em;
}
ul.link_list li a {
  font-weight:500;
}
li {
  line-height: 1.4em;
  margin-bottom:.4em;
}
li.heading {
  background-color: #001d25;
  color: #fff;
  font-weight: 900;
  font-size: 1.1em;
  padding: 10px !important;
  width: 47px;
  text-align: center;
  margin: 0 0 1em 0;
}

.searchresult_oneline {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	}


.click {
    display: inline-block;
    border: none;
    padding: 1rem 1.5rem;
    margin: 1em auto 0 auto;
    text-decoration: none;
    background: #0a6482;
    color: #FFF;
    text-align: center;
    transition: background 33ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-transform: none!important;
	font-family: 'Noto Sans HK', sans-serif;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 0.0625em;
  }
  .click a{ border-bottom:none!important }
  .click:hover,.click:focus{ background:#333;color:#FFF }


 .cc-quote {
	 background:#F5F5F3 url('../images/quotation.png') no-repeat 8px 74px;
	 background-size:40px 30px;
	 padding:2% 3% 3% 4.5%;
	 width:43.5%;
	 margin-top:-20px;
	 }


.searchresult_title_streaming a { color: #0a6482; }
.searchresult_title_streaming a:hover { color: #333; text-decoration: none; }





/* ///// MISCELLANEOUS ////////////////////// */


.group:after {
  content: "";
  display: table;
  clear: both;
}