@charset "UTF-8";
.font-en {
  font-family: "CenturyGothic", "Brown", Helvetica, sans-serif, -apple-system !important;
  font-weight: 400;
}
.font-en.font-bold {
  font-family: "CenturyGothic-Bold", "Brown", Helvetica, sans-serif, -apple-system !important;
  font-weight: 400;
}

.font-tc {
  font-family: "DFLiHei-Md-HK-BF", "Brown", Helvetica, sans-serif, -apple-system !important;
  font-weight: 400;
}

@font-face {
  font-family: "CenturyGothic";
  src: url("../font/century-gothic/CenturyGothic.eot"), url("../font/century-gothic/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../font/century-gothic/CenturyGothic.svg#CenturyGothic") format("svg"), url("../font/century-gothic/CenturyGothic.ttf") format("truetype"), url("../font/century-gothic/CenturyGothic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothic-Bold";
  src: url("../font/century-gothic/CenturyGothic-Bold.eot"), url("../font/century-gothic/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../font/century-gothic/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg"), url("../font/century-gothic/CenturyGothic-Bold.ttf") format("truetype"), url("../font/century-gothic/CenturyGothic-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DFLiHei-Md-HK-BF";
  src: url("../font/DFT/DFLiHei-Md-HK-BF.eot"), url("../font/DFT/DFLiHei-Md-HK-BF.eot?#iefix") format("embedded-opentype"), url("../font/DFT/DFLiHei-Md-HK-BF.svg#DFLiHei-Md-HK-BF") format("svg"), url("../font/DFT/DFLiHei-Md-HK-BF.ttf") format("truetype"), url("../font/DFT/DFLiHei-Md-HK-BF.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "apida";
  src: url("../font/apida/fonts/apida.eot?a8yx8x");
  src: url("../font/apida/fonts/apida.eot?a8yx8x#iefix") format("embedded-opentype"), url("../font/apida/fonts/apida.ttf?a8yx8x") format("truetype"), url("../font/apida/fonts/apida.woff?a8yx8x") format("woff"), url("../font/apida/fonts/apida.svg?a8yx8x#apida") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=apida_], [class*=" apida_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "apida" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.apida_icon_14:before {
  content: "";
}

body {
  overflow-x: hidden;
}

.registration-btn {
  position: relative;
}

.registration-btn .button.with-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  min-width: 200px;
}

.mobile-registration-btn {
  height: 52px;
  margin-bottom: 40px;
}

.row.nowrap {
  flex-wrap: inherit !important;
}

.relative {
  position: relative;
}

.profile-image {
  width: 100%;
}

.form-container .cccSectionTitle {
  display: none;
}

.form-container .cccApp .formItem, .cccApp .cccHTML {
  padding: 0;
  margin: 0;
}

.form-container .cccLabel.control-label {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.form-container .cccApp .inputRequired {
  display: none;
}

.form-container .cccApp .cccAlertMessage {
  padding: 0;
}

.form-container .cccform-style-fix + .glyphicon {
  width: 42px;
  height: 42px;
  line-height: 42px;
}

.form-container .cccApp input[type=text],
.form-container .cccApp input[type=email],
.form-container .cccApp input[type=url],
.form-container .cccApp input[type=password],
.form-container .cccApp input[type=search],
.form-container .cccApp input[type=number],
.form-container .cccApp input[type=tel],
.form-container .cccApp input[type=range],
.form-container .cccApp input[type=date],
.form-container .cccApp input[type=month],
.form-container .cccApp input[type=week],
.form-container .cccApp input[type=time],
.form-container .cccApp input[type=datetime],
.form-container .cccApp input[type=datetime-local],
.form-container .cccApp input[type=color],
.form-container .cccApp textarea {
  height: 42px;
  line-height: 42px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.form-container .cccApp textarea {
  height: 200px;
  background: #f2f2f2;
}

.form-container .cccApp input:focus, .form-container .cccApp textarea:focus {
  background: #f2f2f2;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 0, 0, 0.075);
}

.form-container .cccApp .has-error .form-control {
  border-color: #a94442;
}

.form-container .cccApp .has-error .form-control:focus {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.form-container .cccApp .cccAlertMessage {
  color: #a94442;
}

.form-container .btn-primary.outline {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #234c92 !important;
  color: #fff;
  text-transform: none;
}

.form-container .btn-primary.outline:hover {
  background: #cba658 !important;
}

.form-container .btn-primary:not([disabled]):not(.disabled).active,
.form-container .btn-primary:not([disabled]):not(.disabled):active,
.form-container .show > .btn-primary.dropdown-toggle,
.form-container .btn-primary.focus,
.form-container .btn-primary:focus,
.form-container .btn-primary:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.form-container .cccHiddenFormItem label span {
  display: none;
}

.filter-option.pull-left {
  text-align: center;
}

a.previous-page, a.next-page {
  color: #000;
}

a.previous-page:hover, a.next-page:hover {
  color: #cba658;
}

.noPadding {
  padding: 0 !important;
}

.position-name {
  color: #cba658;
}

.background-placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.background-placeholder:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.form-send-button {
  display: inline-block;
  width: 42px;
  margin: 0;
  background: transparent;
  font-size: 20px;
  color: #666666;
}

.form-send-button .glyphicon-send {
  position: relative;
  top: 6px;
}

.form-send-button:hover, .form-send-button:active,
.form-send-button:focus {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #000;
}

.newsletter-form {
  /*border-bottom: 1px solid $color1;*/
}

.newsletter-form input[name=email] {
  width: calc(100% - 50px);
  display: inline-block;
  border-bottom: none;
  padding: 0.7em 0;
}

.form-border-bottom {
  width: 100%;
  height: 1px;
  background: #cba658;
}

.newsletter_msg {
  height: 28px;
  line-height: 28px;
}

.newsletter_msg, .quick_search_msg {
  color: #dc143c;
}

.quick_search_msg {
  margin-left: calc(100vw / 9 * 1);
  margin-right: 40px;
  height: 28px;
  line-height: 28px;
}

.pagination_container {
  font-family: "Brown", Helvetica, sans-serif;
}
.pagination_container .pagination.bootpag li span {
  margin: 0;
}
.pagination_container .pagination.bootpag li a {
  margin: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
  color: #575757;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.pagination_container .pagination.bootpag li.active a {
  color: #000;
  box-shadow: inset 0 0 0 transparent, 0 3px 0 black;
}
.pagination_container .pagination.bootpag li.disabled a {
  color: #ccc;
}
.pagination_container .pagination.bootpag li.disabled a:hover, .pagination_container .pagination.bootpag li.disabled a:focus {
  color: #ccc;
  box-shadow: none;
}

.pagination_container, .page-label, #pagination, .pagination_container, .page-label, #search-pagination {
  display: inline-block;
}

.page-label {
  display: inline-block;
  position: relative;
  top: 20px;
  color: #cba658;
}

.main-content a {
  color: #000;
}

.page-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
  display: inline-block;
  position: relative;
  top: 6px;
}

.banner .banner-container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.landing .content-placeholder p {
  color: #575757;
}

.directory button.dropdown-toggle {
  height: 47px;
  padding: 12px 13px 13px 34px;
  border-radius: 0;
}

.directory button.dropdown-toggle span.bs-caret {
  display: none !important;
}

.directory button.dropdown-toggle::after {
  margin-top: 8px;
}

.directory .btn-group.open .dropdown-toggle,
.directory .btn-group .dropdown-toggle:active,
.directory .btn-group .dropdown-toggle:focus,
.directory .btn-group .dropdown-toggle:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #cba658;
}

.directory .btn-group .dropdown-toggle:hover {
  color: #cba658;
  border-color: #cba658;
}

.directory .bootstrap-select .dropdown-toggle:focus,
.directory .bootstrap-select .dropdown-toggle:visited,
.directory .bootstrap-select .dropdown-toggle:active {
  outline: none !important;
  outline-offset: 0;
  border-color: #cba658;
}

.directory .dropdown-menu > li > a:hover, .directory .dropdown-menu > li.selected > a {
  background-color: #cba658;
  color: #fff;
  background-image: none;
}

/*.directory .dropdown-menu.open.show{*/
/*overflow: visible !important*/
/*}*/
.block {
  display: block;
}

.logo-container:not(:first-child) {
  margin-top: 50px;
}

.logo-title {
  margin-bottom: 10px;
}

.logo-image {
  display: inline-block;
  height: 60px;
  width: auto;
}

.logo-link {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 3px;
  margin-top: 3px;
}

.layer-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}

.clear-margin-right {
  margin-right: 0;
}

blockquote {
  font-size: inherit;
}

.card-body table th {
  width: 20%;
}

.collapse-title-span {
  display: inline-block;
  width: calc(100% - 15px);
}

a.collapse-title {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #bbb;
  display: block;
  color: #000;
}

.collapse-title h5, .collapse-title p {
  margin-bottom: 0;
}

.collapse-title:after {
  position: absolute;
  content: "-";
  top: 4px;
  right: 0;
  font-size: 25px;
}

.collapse-title[aria-expanded=false]:after {
  position: absolute;
  content: "+";
  top: 4px;
  right: 0;
  font-size: 25px;
}

.collapse-title:hover {
  cursor: pointer;
}

.collapse-title p {
  margin-bottom: 0;
}

.gallery-list-container .gallery-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25%;
}
.gallery-list-container .collapse-title {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #bbb;
  display: block;
  color: #000;
}
.gallery-list-container .collapse-title:after {
  content: "+";
}
.gallery-list-container .collapse-title.open:after {
  content: "-";
}

.collapse-container {
  margin: 0 0 3em;
}

.arrow-down {
  border: 5px solid transparent;
  border-top: 7px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.dice-button.scrollToNews:hover .arrow-down {
  top: 56%;
}

.dice-button.right .arrow {
  border: 5px solid transparent;
  border-left: 7px solid #fff;
  width: 0;
  height: 0px;
  position: absolute;
  top: 50%;
  left: 68%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.dice-button.right .arrow:before {
  position: absolute;
  top: 0px;
  content: "";
  height: 1px;
  background: #fff;
  width: 50px;
  right: 7px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.dice-button.right:hover .arrow {
  left: 74%;
}

.dice-button.right:hover .arrow:before {
  width: 70px;
}

.form-container a {
  color: #000;
}

.content-main-container ul li {
  list-style: inherit;
  list-style-position: outside;
}

.content-main-container table h5 {
  margin-bottom: 0;
}

.sitebar ul {
  padding: 0;
}

ul#list-container, ul#search-list-container {
  padding: 0;
}

#fancybox-text a {
  color: #000;
}

.list-header .col-xs-4 {
  padding: 0;
  font-weight: bold;
}

.winners-list-container #list-container .col-xs-4 {
  padding: 0;
  height: 45px;
  position: relative;
}

.winners-list-container .item-year,
.winners-list-container .item-session {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.winners-list-container .row {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}

.winners-list-container .row .col-xs-4:last-child {
  text-align: right;
}

.winners-list-container .small-dice-button {
  width: 45px;
  height: 45px;
}

.small-dice-button .arrow-right {
  border: 5px solid transparent;
  border-left: 7px solid #cba658;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 80%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.arrow-right:before {
  position: absolute;
  top: 50%;
  right: 1px;
  content: "";
  width: 25px;
  height: 1px;
  background: #cba658;
}

.detail-title {
  color: #cba658 !important;
  margin-bottom: 30px !important;
}

.single-filter.filter-wrapper {
  flex-wrap: nowrap;
  display: block;
}

.single-filter.filter-wrapper .filter-menu {
  flex: auto;
  width: 50%;
}

.winner-detail-list img {
  width: 150px;
}

.file-background {
  background-size: cover;
  height: 0;
  padding-bottom: 150%;
  background-position: center;
  background-repeat: no-repeat;
}

.file-title {
  background: #666666;
  padding: 10px;
  text-align: center;
  color: #fff;
}

.imgStyle:hover {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
}

.imgStyle {
  width: 100%;
  padding-top: 65%;
  margin-right: 15px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  background-size: cover;
  position: relative;
}

.fancy-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.imgBox {
  overflow: hidden;
}

.imgContent {
  margin: 5px;
  overflow: hidden;
}

.profile-name {
  font-size: 1.375rem;
  margin-bottom: 10px;
}

.profile-introduction {
  font-size: 1.1rem;
  margin-bottom: 20px;
}

.profile-list ul.loop-board {
  padding: 0;
  margin-bottom: 0;
}

.profile-list ul.loop-board .picture {
  margin-bottom: 0;
}

.loop-board .picture img {
  width: 100%;
}

.profile-list {
  /*margin: 0 -3rem 0 -3rem;*/
}

.news-list-container ul li {
  list-style: none;
}

.banner .banner-container h1 {
  width: 80%;
}

.category-header {
  font-size: 1.25rem;
  font-weight: bold;
}

.sub-menu {
  font-size: 1.375rem;
  line-height: 1.4;
  display: inline-block;
}

#search-container tr th {
  color: #000;
  width: 20%;
}

#main-nav .site-logo {
  display: block;
  width: 72%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#main-nav .mobileLang {
  display: none;
  position: absolute;
  right: 32px;
  top: 32px;
}

#main-nav .mobileLang > a {
  color: #cba658 !important;
  font-size: 18px;
}

.mobile.quick-search-container {
  display: none;
}

.diceBtn .line {
  position: absolute;
  height: 1px;
  width: 30%;
  background: #FFF;
  transition: all 500ms;
  left: 38%;
  top: 50%;
}

.diceBtn .line:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6.9px 4px 0;
  border-color: transparent white transparent transparent;
  line-height: 0px;
  _border-color: #000000 white #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000");
  left: -6px;
  top: -3.5px;
}

.diceBtn.right {
  transform: rotateY(180deg);
}

.banner-link {
  cursor: pointer;
}

.scrollToNews {
  display: table;
  width: calc(100vw / 9 * .96);
  height: calc(100vw / 9 * .96);
}

.scrollToNews a.button {
  margin: 0;
  color: #fff;
  border: none;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  /*display: table-cell;*/
  /*vertical-align: middle;*/
  padding: 0;
}

.scroll-span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.scrollToNews a.button.with-arrow:after {
  background: url(../img/hkida/svg/arrow-right-white.svg) no-repeat;
}

h2.video-title {
  color: #cba658 !important;
  text-align: center;
}

.mobile-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mobile-menu .hunberger-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fancybox-nav span {
  visibility: visible;
}

.video-container,
.video-container-footer {
  position: relative;
  cursor: pointer;
}

.video-container .video-cover-image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.video-container-footer .video-cover-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.video-container .play-button,
.video-container-footer .play-button {
  width: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .video-container .play-button,
.video-container-footer .play-button {
    width: 60px;
  }
}

.scrollToNews.dice-button {
  height: calc(100vw / 9 * .975);
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #cba658;
}

.mobile-landingTriangle {
  border: 1px solid #cba658;
  text-align: center;
}

.mobile-landingTriangle a {
  color: #cba658;
  display: block;
  padding: 14px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.mobile-landingTriangle a:hover {
  background-color: #cba658;
  color: #fff;
}

.landingTriangle a {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.landingTriangle a:hover {
  background-color: #ccc;
}

.landingTriangle .scroll-span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #cba658 !important;
  width: 85%;
  font-weight: 400;
}

.menu-bar .logo-container {
  background: #fff !important;
}

@media (max-width: 1500px) and (min-width: 1199px) {
  .scrollToNews.dice-button {
    height: calc(100vw / 9 * .96);
  }
}
@media (max-width: 1200px) {
  .dice-button.right .arrow:before {
    width: 40px;
  }

  .dice-button.right:hover .arrow:before {
    width: 56px;
  }

  /*.scroll-span:after {*/
  /*width: 0;*/
  /*height: 0;*/
  /*}*/
}
@media (min-width: 992px) {
  a.button.back-to-previous {
    margin-top: 7rem;
    margin-bottom: 0;
  }

  .desktop-menu {
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .scrollToNews.dice-button {
    height: calc(100vw / 9 * .96);
  }
}
@media (max-width: 991px) {
  .desktop-sitemap .cols-3 {
    display: none;
  }

  .desktop-sitemap .cols-5 {
    width: calc(100% / 9 * 8);
  }

  .dice-button.right .arrow {
    left: 72%;
  }

  .dice-button.right:hover .arrow {
    left: 78%;
  }

  .mobile.quick-search-container {
    display: block;
  }
  .mobile.quick-search-container .form-label {
    font-size: 14px;
  }
  .mobile.quick-search-container input:focus-visible, .mobile.quick-search-container input:focus {
    box-shadow: none;
  }

  .mobile.quick-search-container form {
    border-bottom: 1px solid #cba658;
    border-left: 1px solid #cba658;
    margin-top: 1rem;
    padding-left: 20px;
  }

  .mobile.quick-search-container form input[type=text] {
    width: calc(100% - 48px);
    display: inline-block;
    background: none;
    border: 0;
    font-family: "Brown", sans-serif;
    padding-left: 0;
    padding-right: 0;
  }

  .mobile.quick-search-container form h5 {
    color: #000;
    margin-bottom: 0;
  }

  .mobile.quick-search-container .quick_search_msg {
    height: 28px;
    padding-bottom: 0;
    line-height: 28px;
    margin: 0;
    padding-left: 20px;
  }

  /*#main-nav .mobileLang {*/
  /*display: block;*/
  /*}*/
  #main-nav .site-logo {
    display: none;
  }

  .video-container .play-button {
    width: 80px;
  }

  .menu-parent {
    position: relative;
  }

  .menu-parent:after {
    position: absolute;
    content: "+";
    margin-left: 10px;
  }

  .menu-parent.opened:after {
    content: "-";
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mobile-nav .site-logo {
    display: block;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .scrollToNews.dice-button {
    /*width: calc(100vw / 9 * 2);*/
    height: calc(100vw / 9 * .935);
  }

  a.button.with-arrow:hover:after {
    margin-left: 5px;
  }

  a.button.with-arrow:after {
    right: 5px;
  }

  .landingTriangle .scroll-span {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .newsletter-form {
    max-width: calc(100vw / 9 * 3);
  }

  .no-margin-bottom .page-content {
    /*margin-bottom: calc(100vw / 9 * 1);*/
    margin-bottom: 0;
  }

  .book-list-container .col-md-6 {
    max-width: 49.8%;
  }
}
@media (max-width: 767px) {
  .desktop-sitemap .cols-5 {
    width: 100%;
  }

  .f-brown.d-inline.mr-h {
    display: block !important;
  }

  .single-filter.filter-wrapper .filter-menu {
    width: 100%;
  }

  .pb-4.copy-right-container {
    padding-bottom: 0 !important;
  }

  .form-container .ccc-grecaptcha {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }

  .single-profile .page-content .cols-7 {
    width: calc(100% - 1em);
  }

  .mobile-nav .site-logo {
    display: block;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .profile-list .loop-board .row.nowrap {
    flex-wrap: wrap !important;
  }

  .video-container .play-button {
    width: 60px;
  }
}
/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #cba658 !important;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}

/*# sourceMappingURL=hkida.css.map */