@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: "\e80d"; }

* {
  letter-spacing: normal !important; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px; }

body {
  margin: 0; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption,
figure,
main {
  display: block; }

figure {
  margin: 1em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: 1px #767676 dotted;
  text-decoration: none; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: 700; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #eee;
  color: #222; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #bbb;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

ul,
ol {
  margin: 0 0 1.5em;
  /*padding: 0;*/ }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
 Formatting
--------------------------------------------------------------*/
hr {
  background-color: #bbb;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/*--------------------------------------------------------------
 Lists
--------------------------------------------------------------*/
ul,
ol {
  margin: 0 0 1.5em;
  /*padding: 0;*/ }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
 Tables
--------------------------------------------------------------*/
table {
  border-collapse: collapse;
  margin: 0 0 1.5em;
  width: 100%; }

thead th {
  border-bottom: 2px solid #bbb;
  padding-bottom: 0.5em; }

th {
  padding: 0.4em;
  text-align: left; }

tr {
  border-bottom: 1px solid #eee; }

td {
  padding: 0.4em; }

th:first-child,
td:first-child {
  padding-left: 0; }

th:last-child,
td:last-child {
  padding-right: 0; }

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
  clear: both; }

.bg-l-grey {
  background: #dddddd;
  color: #FFF; }

.bg-m-grey {
  background: #666666;
  color: #FFF; }

.bg-d-grey {
  background: #333333;
  color: #FFF; }

.bg-crimson {
  background: #cba658 !important;
  color: #FFF; }

.white-space {
  background-color: #fff !important; }

.bg-white {
  background: #FFF;
  color: #575757; }

.bg-l-grey a,
.bg-m-grey a,
.bg-d-grey a,
.bg-crimson a {
  color: #FFF; }

.text-m-grey {
  color: #666666 !important; }

.text-d-grey {
  color: #333333; }

.text-black {
  color: #000 !important; }

.text-crimson {
  color: #cba658 !important; }

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
@font-face {
  font-family: 'Brown';
  src: url("../font/Brown-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../font/Brown-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Brown-Regular.woff") format("woff"), url("../font/Brown-Regular.ttf") format("truetype"), url("../font/Brown-Regular.svg#e8bb100efb3d47ffea678fdff45642f8") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: 'Brown';
  src: url("../font/Brown-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../font/Brown-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Brown-Bold.woff") format("woff"), url("../font/Brown-Bold.ttf") format("truetype"), url("../font/Brown-Bold.svg#bc16b9b0db9ef0f1430dd17d45a4b42f") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: 'Mercury Display';
  src: url("../font/Mercury-DisplayRoman.eot");
  /* IE9 Compat Modes */
  src: url("../font/Mercury-DisplayRoman.eot?#iefix") format("embedded-opentype"), url("../font/Mercury-DisplayRoman.woff") format("woff"), url("../font/Mercury-DisplayRoman.ttf") format("truetype"), url("../font/Mercury-DisplayRoman.svg#706a1256c5749efcf89fd10edb0d6e01") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: 'Mercury Display';
  src: url("../font/Mercury-DisplayItalic.eot");
  /* IE9 Compat Modes */
  src: url("../font/Mercury-DisplayItalic.eot?#iefix") format("embedded-opentype"), url("../font/Mercury-DisplayItalic.woff") format("woff"), url("../font/Mercury-DisplayItalic.ttf") format("truetype"), url("../font/Mercury-DisplayItalic.svg#d19576345faa5a4f92459e1185a6060d") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: 'Mercury Display Semibold';
  src: url("../font/Mercury-DisplaySemibold.eot");
  /* IE9 Compat Modes */
  src: url("../font/Mercury-DisplaySemibold.eot?#iefix") format("embedded-opentype"), url("../font/Mercury-DisplaySemibold.woff") format("woff"), url("../font/Mercury-DisplaySemibold.ttf") format("truetype"), url("../font/Mercury-DisplaySemibold.svg#72e892873585f3f693226b1a5750a09b") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: 'Mercury Display Semibold';
  src: url("../font/Mercury-DisplaySemiboldItalic.eot");
  /* IE9 Compat Modes */
  src: url("../font/Mercury-DisplaySemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Mercury-DisplaySemiboldItalic.woff") format("woff"), url("../font/Mercury-DisplaySemiboldItalic.ttf") format("truetype"), url("../font/Mercury-DisplaySemiboldItalic.svg#55650252295753a1af9cfb9e84d232bb") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: 700; }
@font-face {
  font-family: 'Mercury Display';
  src: url("../font/Mercury-DisplayBold.eot");
  /* IE9 Compat Modes */
  src: url("../font/Mercury-DisplayBold.eot?#iefix") format("embedded-opentype"), url("../font/Mercury-DisplayBold.woff") format("woff"), url("../font/Mercury-DisplayBold.ttf") format("truetype"), url("../font/Mercury-DisplayBold.svg#b238d0ad4ebc00935aafb9f3e33b57bf") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 900; }
@font-face {
  font-family: 'Mercury Display';
  src: url("../font/Mercury-DisplayBoldItalic.eot");
  /* IE9 Compat Modes */
  src: url("../font/Mercury-DisplayBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Mercury-DisplayBoldItalic.woff") format("woff"), url("../font/Mercury-DisplayBoldItalic.ttf") format("truetype"), url("../font/Mercury-DisplayBoldItalic.svg#f7da414457db7c33495b512da400b112") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: 900; }
head {
  z-index: 10000 !important; }

body,
button,
input,
select,
textarea,
tr, td, p {
  /*color: #333333;*/
  /*font-family: "Mercury Display", "Times New Roman", "Georgia", serif;*/
  font-family: "Brown", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
  font-size: 16px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  margin: 0 0 1.2em;
  padding: 0; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  padding-top: 0; }

h1 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Brown', Helvetica, sans-serif; }

h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: 'Brown', Helvetica, sans-serif; }

h3 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  font-family: 'Brown', Helvetica, sans-serif; }

h4 {
  font-size: 20px;
  font-size: 1.375rem;
  font-weight: 700;
  font-family: 'Brown', Helvetica, sans-serif; }

h5 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700; }

h6 {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700; }

p {
  margin: 0 0 1.8em;
  padding: 0; }

p.no-margin {
  margin: 0; }

@media (min-width: 992px) {
  h1 {
    font-size: 46px;
    font-size: 2.875rem; }

  h2 {
    font-size: 38px;
    font-size: 2.375rem; }

  h3 {
    font-size: 28px;
    font-size: 1.75rem; }

  h4 {
    font-size: 20px;
    font-size: 1.375rem; }

  .sitemap h4 {
    font-size: 18px;
    font-size: 1.125rem; } }
.f-brown {
  font-family: 'Brown', Helvetica, sans-serif; }

.f-mercury {
  font-family: "Mercury Display", "Times New Roman", "Georgia", serif; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  padding-left: 2rem;
  border-left: 2px solid #cba658;
  margin-bottom: 2rem; }

blockquote cite {
  display: block;
  font-style: normal;
  font-weight: 600;
  margin-top: 0.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #eee;
  text-decoration: none; }

big {
  font-size: 125%; }

blockquote {
  quotes: "" ""; }

q {
  quotes: "“" "”" "‘" "’"; }

blockquote:before,
blockquote:after {
  content: ""; }

:focus {
  outline: none; }

/* Typography for Arabic Font */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
  font-family: Tahoma, Arial, sans-serif; }

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
  font-weight: 700; }

/* Typography for Chinese Font */
html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
  font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif; }

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif; }

html[lang^="zh-"] h1,
html[lang^="zh-"] h2 {
  font-weight: 500; }

html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
  font-weight: 300; }

/* Typography for Cyrillic Font */
html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
  font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; }

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
  font-weight: 700;
  line-height: 1.2; }

/* Typography for Devanagari Font */
html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
  font-family: Arial, sans-serif; }

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
  font-weight: 700; }

/* Typography for Greek Font */
html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
  font-weight: 700;
  line-height: 1.3; }

/* Typography for Gujarati Font */
html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
  font-family: Arial, sans-serif; }

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
  font-weight: 700; }

/* Typography for Hebrew Font */
html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
  font-family: "Arial Hebrew", Arial, sans-serif; }

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
  font-weight: 700; }

/* Typography for Japanese Font */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; }

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
  font-weight: 700; }

/* Typography for Korean font */
html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; }

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
  font-weight: 600; }

/* Typography for Thai Font */
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
  line-height: 1.65;
  font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; }

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
  line-height: 1.8;
  font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Remove letter-spacing for all non-latin alphabets */
html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
  letter-spacing: 0 !important; }

/*--------------------------------------------------------------
Icon
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
  color: #222;
  text-decoration: none;
  transition: all .1s linear; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active, a.active {
  color: #000;
  outline: 0;
  text-decoration: none; }

a.t-white:hover,
a.t-white:active {
  color: #FFF; }

a.button {
  color: #cba658;
  width: 100%;
  border: 1px solid #cba658;
  margin: .5rem auto;
  padding: 15px 25px 13px;
  font-family: 'Brown', Helvetica, sans-serif;
  font-weight: 700;
  display: inline-block;
  text-align: center; }

a.button:hover {
  background: #cba658;
  color: #FFF !important; }

a.button.with-arrow {
  padding-right: 42px; }

.scrollToNews a.button:hover .scroll-span:after {
  right: -25px; }

/*.scroll-span:after{*/
/*content: " ";*/
/*background: url("../img/hkida/svg/arrow-right-white.svg") no-repeat;*/
/*width: 17px;*/
/*height: 17px;*/
/*display: inline-block;*/
/*position: absolute;*/
/*top: 50%;*/
/*right: -20px;*/
/*transform: translateY(-50%);*/
/*-webkit-transform: translateY(-50%);*/
/*-moz-transform: translateY(-50%);*/
/*-ms-transform: translateY(-50%);*/
/*-o-transform: translateY(-50%);*/
/*transition: all 300ms;*/
/*}*/
a.button.with-arrow:after {
  content: " ";
  background: url("../img/hkida/svg/arrow-right-blue.svg") no-repeat;
  margin-left: 8px;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  transition: all 300ms; }

a.button.with-arrow:hover:after {
  background: url("../img/hkida/svg/arrow-right.svg") no-repeat;
  margin-left: 10px; }

a.button.inverse {
  background: #cba658;
  border: 1px solid #cba658;
  color: #FFF; }

a.button.inverse:hover {
  background: none;
  color: #cba658 !important;
  border: 1px solid #cba658; }

a.forget-password {
  display: block;
  margin-top: 1rem; }

@media (min-width: 768px) {
  a.button {
    width: auto;
    margin: 1rem auto; }

  a.button + a.button {
    margin-left: 10px; }

  a.forget-password {
    display: inline-block;
    margin-left: 1rem; } }
@media (min-width: 992px) {
  a.button {
    margin: 2rem auto; } }
/* Hover effects */
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
  box-shadow: inset 0 -1px 0 #0f0f0f;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; }

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
  box-shadow: inset 0 -1px 0 white;
  text-decoration: none;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; }

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
  color: #000;
  box-shadow: inset 0 0 0 transparent, 0 3px 0 black; }

/* Fixes linked images */
.entry-content a img,
.widget a img {
  box-shadow: 0 0 0 8px #fff; }

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
  color: #222; }

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
label {
  color: #666666;
  display: block;
  font-weight: 800;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
  font-family: 'Brown';
  font-size: 14px; }

fieldset {
  margin-bottom: 1em; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #000;
  background: #f2f2f2;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: block;
  padding: 0.7em;
  width: 100%; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #000;
  border-color: #cccccc;
  box-shadow: 0px 0px 6px #cccccc; }

select {
  border: 1px solid #bbb;
  border-radius: 3px;
  height: 3em;
  max-width: 100%; }

input[type="radio"],
input[type="checkbox"] {
  margin-right: 0.5em; }

input[type="radio"] + label,
input[type="checkbox"] + label {
  font-weight: 400; }

button,
input[type="button"],
input[type="submit"] {
  width: 100%;
  background-color: #cba658;
  font-family: "Brown", sans-seft;
  border: 0;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin-top: 2rem;
  padding: 1em 6em;
  text-shadow: none;
  transition: background 0.2s; }

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
  background-color: #ddd;
  color: #222; }

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: #767676;
  outline: 0; }

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
  background: #bbb; }

@media (min-width: 768px) {
  button,
  input[type="button"],
  input[type="submit"] {
    width: auto; } }
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
  color: #666666; }

:-moz-placeholder {
  color: #666666; }

::-moz-placeholder {
  color: #666666;
  opacity: 1;
  /* Since FF19 lowers the opacity of the placeholder by default */ }

:-ms-input-placeholder {
  color: #666666; }

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

.vh-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto; }

.v-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  /*position: relative;*/ }

/*.v-center > div{*/
/*position: absolute;*/
/*top:50%;*/
/*-webkit-transform: translateY(-50%);*/
/*-moz-transform: translateY(-50%);*/
/*-ms-transform: translateY(-50%);*/
/*-o-transform: translateY(-50%);*/
/*transform: translateY(-50%);*/
/*}*/
.full-vh {
  height: 100%;
  width: 100%; }

.h-sep {
  height: 1px;
  width: 100%;
  display: block;
  clear: both;
  background-color: #cccccc;
  margin: 4rem 0; }

.divider {
  display: -ms-flexbox;
  display: flex;
  margin: 3rem 0 0; }

.divider h4 {
  margin-right: 15px; }

.divider .line {
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  border-top: 1px solid #cccccc;
  margin-top: 12px;
  maegin-left: 20px; }

.divider-mid {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  border-top: 6px solid #cccccc;
  padding-top: 2rem;
  width: calc(100% + 2rem);
  margin-left: -1rem; }

.divider-mid h5 {
  margin-left: 16px;
  margin-right: 16px; }

.divider-mid .line {
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  border-top: 1px solid #cccccc;
  margin-top: 10px; }

.trans {
  transition: all .4s linear; }

#page {
  position: relative;
  word-wrap: break-word; }

.wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 2400px;
  padding-left: 0;
  padding-right: 0; }

.wrap:after {
  clear: both;
  content: "";
  display: block; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }

.row {
  margin-left: 0;
  margin-right: 0; }

.cols-1 {
  width: calc(100% / 9); }

.cols-2 {
  width: calc(100% / 9 * 2); }

.cols-3 {
  width: calc(100% / 9 * 3);
  max-width: calc(100% / 9 * 3); }

.cols-4 {
  width: calc(100% / 9 * 4); }

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

.cols-6 {
  width: calc(100% / 9 * 6); }

.cols-7 {
  width: calc(100% / 9 * 7); }

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

.cols-9 {
  width: 100%; }

div[class*='col-'] {
  padding: 0 5px; }

.pt-6 {
  padding-top: 4rem; }

.pb-6 {
  padding-bottom: 4rem; }

.ml-h {
  margin-left: 0; }

.mr-h {
  margin-right: 0; }

.row-05 {
  height: calc(100vw / 9 * .5); }

.row-1 {
  height: calc(100vw / 9 * 1); }

.grid-base {
  position: fixed;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  opacity: .3; }

.grid-base .row {
  height: 100%;
  width: 100%; }

.grid-base .row .cols-1 {
  border-right: 1px solid #FFF;
  display: none;
  width: calc(100% / 3); }

.grid-base .row .cols-1:nth-child(1) {
  display: block; }

.grid-base .row .cols-1:nth-child(2) {
  display: block; }

.grid-base .row .cols-1:nth-child(3) {
  display: block; }

main {
  position: relative;
  z-index: 2; }

footer {
  position: relative;
  z-index: 1; }

@media (min-width: 768px) {
  div[class*='col-'] {
    padding: 0 15px; }

  .ml-h {
    margin-left: calc(100% / 9 / 2); }

  .mr-h {
    margin-right: calc(100% / 9 / 2); }

  .divider-mid {
    padding-top: 0;
    border: 0; }

  .grid-base .row .cols-1 {
    width: calc(100% / 6); }

  .grid-base .row .cols-1:nth-child(4) {
    display: block; }

  .grid-base .row .cols-1:nth-child(5) {
    display: block; }

  .grid-base .row .cols-1:nth-child(6) {
    display: block; } }
@media (min-width: 992px) {
  .grid-base .row .cols-1 {
    width: calc(100% / 9); }

  .grid-base .row .cols-1:nth-child(7) {
    display: block; }

  .grid-base .row .cols-1:nth-child(8) {
    display: block; }

  .grid-base .row .cols-1:nth-child(9) {
    display: block; } }
/*--------------------------------------------------------------
Image
--------------------------------------------------------------*/
img {
  /*width: 100%;*/
  height: auto; }

.img-v-center img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto auto;
  width: 100%;
  height: auto; }

/*--------------------------------------------------------------
Video
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Global
--------------------------------------------------------------*/
.dice-button {
  width: calc(100vw / 9 * 1);
  height: calc(100vw / 9 * 1);
  background: #cba658;
  text-align: center;
  cursor: pointer;
  position: relative; }

.dice-button a {
  width: 100%;
  height: 100%; }

.dice-button .icon-arrow {
  vertical-align: middle;
  height: 100%; }

.dice-button:hover {
  background: #cccccc; }

.dice-button:hover .icon-arrow {
  margin-top: 5px;
  transition: all 500ms; }

.dice-button .line {
  position: absolute;
  height: 1px;
  width: 30%;
  background: #FFF;
  transition: all 500ms; }

.dice-button.left .line {
  top: 50%;
  left: 35%; }

.dice-button.left .icon-arrow {
  transform: translateX(-18px);
  -webkit-transform: translateX(-18px);
  -moz-transform: translateX(-18px);
  -ms-transform: translateX(-18px);
  -o-transform: translateX(-18px); }

.dice-button.left:hover .line {
  width: 40%;
  transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px); }

.dice-button.left:hover .icon-arrow {
  margin-top: 0;
  transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px); }

.dice-button.right .line {
  top: 49.5%;
  right: 35%; }

.dice-button.right .icon-arrow {
  transform: translateX(18px);
  -webkit-transform: translateX(18px);
  -moz-transform: translateX(18px);
  -ms-transform: translateX(18px);
  -o-transform: translateX(18px); }

.dice-button.right:hover .line {
  width: 40%;
  transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px); }

.dice-button.right:hover .icon-arrow {
  margin-top: 0;
  transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -o-transform: translateX(30px); }

.back-to-top {
  display: none;
  position: fixed;
  right: 0;
  top: calc(100vw / 9 * 2);
  z-index: 3;
  transition: all .6s; }

.back-to-top .dice-button {
  background: #666666; }

.back-to-top p {
  line-height: 3rem;
  color: #666666; }

.back-to-top.fixed {
  top: 0; }

.small-dice-button {
  border: 1px solid #cba658;
  width: 60px;
  height: 60px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0; }

.small-dice-button .icon-arrow {
  vertical-align: middle;
  height: 100%;
  margin-left: 20px; }

.small-dice-button .line {
  position: absolute;
  height: 1px;
  width: 40%;
  background: #cba658;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.banner .banner-container {
  min-height: calc(100vw / 9 * 6);
  background: #666666;
  width: 100%;
  text-align: center;
  position: relative; }

.banner .banner-container h1 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 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%); }

.banner .cols-8 {
  width: 100%; }

.banner .cols-1 {
  display: none; }

.sitebar {
  display: none;
  padding: 4rem 3rem; }

.sitebar ul {
  margin: 3.5rem 0 0 0;
  width: 90%; }

.sitebar ul li {
  margin: 0;
  list-style: none; }

.sitequote {
  width: calc(100vw / 9 * 3);
  height: calc(100vw / 9 * 3);
  padding: 2rem; }

.sitequote h4 {
  line-height: 1.8; }

.input-wrapper,
.filter-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem; }

.input-wrapper::after,
.filter-wrapper::after {
  content: '';
  width: 100%; }

.input-wrapper .filter-menu,
.filter-wrapper .filter-menu {
  -ms-flex: 1;
  flex: 1;
  position: relative; }

.input-wrapper .filter-menu:nth-child(n + 2),
.filter-wrapper .filter-menu:nth-child(n + 2) {
  -ms-flex-order: 1;
  order: 1; }

.input-wrapper > div,
.filter-wrapper > div {
  margin-right: 10px;
  margin-bottom: 10px; }

.input-wrapper > div:nth-child(3n),
.filter-wrapper > div:nth-child(3n) {
  margin-right: 0; }

.input-wrapper > div:last-child,
.filter-wrapper > div:last-child {
  margin-right: 0; }

.input-wrapper input[type="text"],
.filter-wrapper input[type="text"] {
  margin-right: 0;
  margin-bottom: 5px; }

.input-wrapper input[type="text"]:last-child,
.filter-wrapper input[type="text"]:last-child {
  margin-right: 0; }

.input-wrapper:nth-child(1),
.filter-wrapper:nth-child(1) {
  -ms-flex-order: 1;
  order: 1; }

.input-wrapper:nth-child(2),
.filter-wrapper:nth-child(2) {
  -ms-flex-order: 2;
  order: 2; }

.input-wrapper:nth-child(3),
.filter-wrapper:nth-child(3) {
  -ms-flex-order: 3;
  order: 3; }

@media screen and (min-width: 0 \0 ) {
  /* IE9 and IE10 rule sets go here */
  .input-wrapper .mini-search,
  .filter-wrapper .mini-search {
    -ms-flex-order: 4;
    order: 4; }

  .input-wrapper input[type="search"]::-ms-clear,
  .filter-wrapper input[type="search"]::-ms-clear {
    display: none; } }
button.dropdown-toggle {
  margin: 0;
  width: 100%;
  background-color: #FFF;
  color: #cba658;
  border: 1px solid #cba658;
  padding: 1rem .5rem; }

button.dropdown-toggle span {
  display: inline-block !important; }

button.dropdown-toggle::after {
  position: absolute;
  right: 12px;
  margin-top: 5px; }

.dropdown-menu {
  border-radius: 0;
  border: 0;
  width: 100%;
  margin: 0;
  border-color: #cccccc;
  box-shadow: 0px 0px 6px #cccccc; }

.dropdown-menu a {
  color: #cba658;
  text-align: center;
  font-family: "Brown", sans-serif;
  padding: .6rem 0;
  font-size: 16px;
  letter-spacing: -.4px;
  word-spacing: 3px; }

.dropdown-menu a:first-child {
  padding-top: 1rem; }

.dropdown-menu a:last-child {
  padding-bottom: 1rem; }

.directory .dropdown-menu a {
  padding: .3rem 0; }

.directory .dropdown-menu a:first-child {
  padding-top: 1rem; }

.directory .dropdown-menu a:last-child {
  padding-bottom: 1rem; }

.mini-search {
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative; }

.mini-search input[type="search"] {
  border-radius: 0;
  border: 1px solid #cba658;
  border-right: 0;
  border-top: 0;
  padding-left: 1.5rem;
  width: 100%;
  min-width: 100%;
  height: 47px;
  background: transparent; }

.mini-search:after {
  content: " ";
  background: url("../img/hkida/svg/icon-search.svg") no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 35%;
  right: 6px; }

.overflow-scroll {
  padding: .5rem 1rem;
  border: 1px solid #cccccc;
  margin: 2rem 0;
  height: 10rem;
  overflow: hidden;
  overflow-y: scroll;
  border-radius: 3px; }

.newsletter input[type="text"] {
  background: none;
  color: #575757 !important; }
  .newsletter input[type="text"]:focus, .newsletter input[type="text"]:focus-visible {
    box-shadow: none; }
.newsletter input[type="text"]::-webkit-input-placeholder {
  color: #575757 !important; }
.newsletter input[type="text"]:-moz-placeholder {
  color: #575757 !important; }
.newsletter input[type="text"]::-moz-placeholder {
  color: #575757 !important;
  opacity: 1; }
.newsletter input[type="text"]:-ms-input-placeholder {
  color: #575757 !important; }
.newsletter .form-border-bottom {
  background: #575757 !important; }

.loader-containner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.overlap-line {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: .2; }

.overlap-line .row {
  height: 100%;
  width: 100%; }

.overlap-line .row .cols-1 {
  border-right: 1px solid #FFF;
  display: none;
  width: calc(100% / 3); }

.overlap-line .row .cols-1:nth-child(1) {
  display: block; }

.overlap-line .row .cols-1:nth-child(2) {
  display: block; }

.overlap-line .row .cols-1:nth-child(3) {
  display: block; }

@media (min-width: 768px) {
  .sitebar {
    display: block; }

  .banner .cols-1 {
    display: block; }

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

  .banner .banner-container {
    min-height: calc(100vw / 9 * 4); }

  .back-to-top {
    display: block; }

  .input-wrapper,
  .filter-wrapper {
    margin-bottom: 2rem; }

  .input-wrapper .filter-menu:nth-child(n + 2),
  .filter-wrapper .filter-menu:nth-child(n + 2) {
    -ms-flex-order: initial;
    order: initial; }

  .input-wrapper > div,
  .filter-wrapper > div {
    margin-bottom: 0; }

  .input-wrapper > div:nth-child(3n),
  .filter-wrapper > div:nth-child(3n) {
    margin-right: 10px; }

  .input-wrapper input[type="text"],
  .filter-wrapper input[type="text"] {
    margin-right: 10px;
    margin-bottom: 0; }

  button.dropdown-toggle {
    padding: 1rem .2rem; }

  button.dropdown-toggle::after {
    right: 7px; }

  .overlap-line .row .cols-1 {
    width: calc(100% / 5.35); }

  .overlap-line .row .cols-1:nth-child(4) {
    display: block; }

  .overlap-line .row .cols-1:nth-child(5) {
    display: block; } }
@media (min-width: 992px) {
  .sitebar {
    display: block;
    padding: 6rem 3rem; }

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

  .sitequote {
    padding: 4rem; }

  button.dropdown-toggle {
    padding: 1rem 1rem; }

  button.dropdown-toggle::after {
    right: 20px; }

  .overlap-line .row {
    height: 100%; }

  .overlap-line .row .cols-1 {
    width: calc(100% / 8);
    height: 100%; }

  .overlap-line .row .cols-1:nth-child(6) {
    display: block; }

  .overlap-line .row .cols-1:nth-child(7) {
    display: block; }

  .overlap-line .row .cols-1:nth-child(8) {
    display: block;
    border-right: none; } }
.page-pagin {
  margin-top: 3rem; }

.page-pagin span {
  font-family: 'Brown', Helvetica, sans-serif; }

.page-pagin span.label {
  margin-right: .5em;
  color: #cba658; }

.page-pagin span.active a {
  color: #000; }

.page-pagin span a {
  color: #cccccc;
  padding: 0 .4rem; }

.page-pagin span a:hover {
  color: #000; }

.page-pagin.text-m-grey span a {
  color: #666666; }

.page-pagin.text-m-grey span.active a {
  color: #000; }

@media (min-width: 768px) {
  .page-pagin.label {
    margin-right: 1.4rem; }

  .page-pagin span a {
    padding: 0 .7rem; } }
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
header {
  z-index: 2;
  position: relative; }

.lang-switcher {
  position: absolute;
  z-index: 9999;
  top: calc(100vw / 9 * 1);
  right: 0;
  width: calc(100vw / 9 * 1);
  height: calc(100vw / 9 * 1);
  background: #FFF; }

nav.main-nav {
  position: relative; }

nav.main-nav .logo-container {
  position: relative; }

nav.main-nav .logo-container .site-logo {
  width: 150px;
  position: absolute;
  left: -80px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none; }

nav.main-nav .cols-1 {
  width: 100%;
  background: #FFF; }

nav.main-nav .cols-1 a {
  font-size: 22px;
  font-weight: 700;
  color: #575757 !important; }

nav.main-nav .cols-1 a.text-black {
  color: #cba658 !important; }

nav.main-nav .cols-1 a.active {
  color: #000; }

nav.main-nav .store-1,
nav.main-nav .store-2 {
  min-height: 0;
  height: 0;
  overflow: hidden; }

nav.main-nav .store-1 .cols-1,
nav.main-nav .store-2 .cols-1 {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: .7rem;
  padding-bottom: .7rem; }

nav.main-nav .store-1 .cols-1:nth-child(2) {
  padding-top: 2rem; }

nav.main-nav .store-2 {
  min-height: 0;
  transition: all 500ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }

nav.main-nav .bg-l-grey-turn-crimson {
  transition: all 500ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }

nav.main-nav[aria-expanded="true"] .store-1 {
  height: auto; }

nav.main-nav[aria-expanded="true"] .store-2 {
  height: auto;
  transition-delay: 500ms; }

nav.main-nav[aria-expanded="true"] .bg-l-grey-turn-crimson {
  background: #cba658; }

nav.main-nav[aria-expanded="false"] .store-2 {
  min-height: 0; }

nav.main-nav[aria-expanded="false"] .bg-l-grey-turn-crimson {
  transition-delay: 500ms; }

nav.main-nav .menu-secondary {
  display: none;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 0;
  padding-left: 3rem;
  list-style: none; }

nav.main-nav .menu-secondary[aria-expanded="true"] {
  display: block; }

nav.main-nav .menu-secondary[aria-expanded="false"] {
  display: none; }

nav.mobile-nav .logo-container {
  position: relative;
  height: calc(100vw / 9 * 3); }

/*nav.mobile-nav .logo-container .site-logo {*/
/*width: 120px;*/
/*position: absolute;*/
/*left: -80px;*/
/*right: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*margin: auto;*/
/*}*/
.hunberger-menu {
  width: 50px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 330ms ease-out;
  -webkit-transition: transform 330ms ease-out;
  -moz-transition: transform 330ms ease-out;
  -ms-transition: transform 330ms ease-out;
  -o-transition: transform 330ms ease-out;
  transition: transform 330ms ease-out;
  margin: 0 auto; }

.hunberger-menu[aria-expanded="true"] .line-menu.start {
  transform: translateY(-7px); }

.hunberger-menu[aria-expanded="true"] .line-menu.mid {
  transform: translateY(10px); }

.hunberger-menu[aria-expanded="true"] .line-menu.end {
  transform: translateY(10px); }

.hunberger-menu[aria-expanded="true"] .label {
  transform: translateY(12px); }

.hunberger-menu .line-menu {
  background: #fff !important;
  border-radius: 0px;
  width: 100%;
  height: 1px; }

.hunberger-menu .line-menu.start {
  transition: transform 500ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform: translateY(17px); }

.hunberger-menu .line-menu.mid {
  transition: transform 500ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform: translateY(0); }

.hunberger-menu .line-menu.end {
  -ms-flex-item-align: end;
  align-self: flex-end;
  transition: transform 500ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform: translateY(-17px); }

.hunberger-menu .label {
  transition: transform 500ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }

@media (min-width: 768px) {
  nav.mobile-nav .logo-container {
    position: relative;
    height: calc(100vw / 9 * 1); }

  /*nav.mobile-nav .logo-container .site-logo {*/
  /*left: calc(100vw / 9 * -4 + 3rem);*/
  /*}*/
  nav.mobile-nav .cols-3 {
    width: calc(100% / 9 * 2); }

  nav.mobile-nav .cols-6 {
    width: calc(100% / 9 * 7); } }
@media (min-width: 992px) {
  .mobile-nav {
    display: none; }

  nav.main-nav .logo-container .site-logo {
    display: block; }

  nav.main-nav .cols-1 {
    width: calc(100% / 9);
    height: calc(100vw / 9 * 1);
    background: #cba658; }

  nav.main-nav .cols-1 a {
    font-size: 15px;
    font-weight: 300;
    color: #575757 !important;
    word-wrap: break-word; }

  nav.main-nav .cols-1 a.text-black {
    color: #000 !important; }

  nav.main-nav .cols-1:last-child {
    width: calc(100% / 9.01); }

  nav.main-nav .store-1 {
    min-height: calc(100vw / 9 * 1); }

  nav.main-nav .store-1 .cols-1:nth-child(2) {
    padding-top: 0; }

  nav.main-nav .store-2 {
    height: 0; }

  nav.main-nav .store-1 .cols-1,
  nav.main-nav .store-2 .cols-1 {
    padding-left: 40px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0; }

  nav.main-nav[aria-expanded="true"] .store-2 {
    height: calc(100vw / 9 * .5); }

  nav.main-nav[aria-expanded="false"] .store-2 {
    min-height: 0; }

  nav.main-nav .menu-secondary {
    display: none; } }
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.newsletter .bg-white {
  background: none !important; }

.newsletter .cols-2 {
  width: 100%; }

.newsletter .cols-5 {
  width: 100%; }

.newsletter .ssn-container {
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  height: calc(100vw / 9 * 3); }

.newsletter .ssn-container a {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.newsletter .ssn-container a object {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); }

.newsletter input[type="text"] {
  border: none;
  border-bottom: 1px solid #cba658;
  border-radius: 0;
  padding: 0 0 .7rem 0; }

.sitemap {
  padding: 2rem 1.5rem;
  background: #FFF; }

.sitemap span {
  display: block; }

.sitemap .block-union img {
  display: inline-block; }

.sitemap .block-union img:nth-child(2) {
  width: 55% !important;
  margin-right: 10px;
  margin-top: 15px; }

.sitemap .block-union img:nth-child(3) {
  width: 35% !important; }

.sitemap .cols-2 {
  width: 100%; }

.sitemap a {
  width: 100%;
  color: #666666; }

.sitemap a .text-black {
  color: #000; }

.sitemap a .text-crimson {
  color: #cba658; }

.sitemap a:hover {
  color: #000; }

.sitemap img {
  margin-bottom: 20px; }

.newsletter .form-send-button {
  padding: 0; }
  .newsletter .form-send-button .arrow-right-icon {
    font-size: 32px;
    color: #cba658 !important; }
@media only screen and (max-width: 767px) {
  .newsletter .newsletter-container {
    width: 100%;
    padding: 0 1.5rem; } }

@media (min-width: 768px) {
  .newsletter .bg-white {
    background: #FFF !important; }

  .newsletter .cols-2 {
    width: calc(100% / 9 * 3); }

  .newsletter .cols-5 {
    width: calc(100% / 9 * 4); }

  .newsletter .pb-5, .newsletter .py-5 {
    padding: 3rem 0 !important; }

  .newsletter .newsletter-container {
    padding: 0; }

  .newsletter .ssn-container {
    height: auto; }

  .newsletter input[type="text"] {
    max-width: calc(100vw / 9 * 3.5); }

  .sitemap {
    padding: 0rem; }

  .sitemap span {
    display: inline-block; }

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

  .sitemap .block-union img {
    display: block; }

  .sitemap .block-union img:nth-child(2) {
    width: 80% !important;
    margin-right: 0;
    margin-top: 0; }

  .sitemap .block-union img:nth-child(3) {
    width: 55% !important; } }
@media (min-width: 992px) {
  .newsletter .cols-2 {
    width: calc(100% / 9 * 2); }

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

  .newsletter input[type="text"] {
    max-width: calc(100vw / 9 * 3); }

  .sitemap .cols-2:last-child {
    width: calc(100% / 9 * 1.9); } }
/*--------------------------------------------------------------
Landing
--------------------------------------------------------------*/
.landing-slider {
  background: #fff !important; }

.landing-slider .cols-1 {
  display: none; }

.landing-slider .cols-8 {
  width: 100%; }

.landing-slider .slider-container {
  min-height: calc(100vw / 9 * 5);
  /*background: #666666;*/
  width: 100%; }

.landing-slider .swiper-container {
  height: calc(100vw / 9 * 5); }

.landing-slider .quick-search-container {
  min-height: calc(100vw / 9 * 2);
  background: #cba658 !important;
  margin-top: calc(100vw / 9 * -1);
  z-index: 2;
  display: none; }
  .landing-slider .quick-search-container .dice-button {
    background: #dddddd !important; }
  .landing-slider .quick-search-container input {
    color: #fff !important; }
    .landing-slider .quick-search-container input:focus, .landing-slider .quick-search-container input:focus-visible {
      box-shadow: none; }

.landing-slider .quick-search-container form {
  margin-left: calc(100vw / 9 * 1);
  margin-right: 40px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem; }

.landing-slider .quick-search-container form .form-label {
  color: #fff !important;
  margin: .5rem 0 .5rem 1rem;
  max-width: 80px; }

.landing-slider .quick-search-container form input[type="text"] {
  background: none;
  border: 0;
  font-family: "Brown", sans-serif; }

.landing-slider .quick-search-container form input[type="text"]::-webkit-input-placeholder {
  color: #fff !important; }
.landing-slider .quick-search-container form input[type="text"]:-moz-placeholder {
  color: #fff !important; }
.landing-slider .quick-search-container form input[type="text"]::-moz-placeholder {
  color: #fff !important;
  opacity: 1; }
.landing-slider .quick-search-container form input[type="text"]:-ms-input-placeholder {
  color: #fff !important; }

.quick-search-container form .quick-search-button {
  padding: 0; }
  .quick-search-container form .quick-search-button .arrow-right-icon {
    font-size: 32px;
    color: #fff !important; }

.main-nav .quick-search-container form .quick-search-button .arrow-right-icon {
  color: #cba658 !important; }

.statement {
  margin-top: -50px;
  background: #fff !important; }
  .statement .inner-statement {
    padding-right: 35px; }
  .statement .text-title {
    color: #cba658 !important;
    margin-bottom: 15px; }
  .statement .text-crimson {
    font-weight: 700;
    font-size: 20px;
    color: #575757 !important; }
  @media only screen and (max-width: 767px) {
    .statement {
      margin-top: 0;
      padding-bottom: 35px; }
      .statement .mobile-registration-btn {
        margin: 0; }
        .statement .mobile-registration-btn .registration-btn a {
          margin: 0; }
      .statement .inner-statement {
        width: calc(100% - 3rem);
        padding-right: 0; } }

.statement .cols-1 {
  width: 1.5rem; }

.statement .cols-5 {
  width: calc(100% - 3rem); }

.statement .cols-3 {
  width: 1.5rem; }

.statement .pb-4 {
  padding-bottom: 0 !important; }

.our-people, .our-people a {
  color: #575757 !important; }
.our-people a:hover {
  color: #000 !important; }

.our-people .cols-1 {
  width: 0; }

.our-people .cols-2 {
  width: 100%;
  padding: 0 1.5rem; }

.our-people .cols-5 {
  width: 100%;
  padding: 0 1.5rem; }

.news .cols-1 {
  width: 1.5rem; }

@media only screen and (max-width: 767px) {
  .news .cols-7 {
    width: calc(100% - 3rem); } }

.news-carousel .loading-container {
  position: relative;
  text-align: center; }
  .news-carousel .loading-container img {
    width: 50px; }
.news-carousel .swiper-container {
  width: 100%;
  overflow: hidden; }
  .news-carousel .swiper-container .item .background-holder {
    position: relative;
    width: 100%;
    padding-top: 110%;
    height: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .news-carousel .swiper-container .item .content-placeholder {
    background: white;
    padding: 20px;
    font-size: 1.1rem;
    color: #575757 !important;
    height: 130px; }
    .news-carousel .swiper-container .item .content-placeholder .date {
      margin-bottom: 10px; }
    .news-carousel .swiper-container .item .content-placeholder .inner-content {
      display: flex; }
      .news-carousel .swiper-container .item .content-placeholder .inner-content .left {
        width: calc(100% - 25px); }
        .news-carousel .swiper-container .item .content-placeholder .inner-content .left .title {
          height: 54px;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 2;
          display: -webkit-box;
          /*! autoprefixer: off */
          -webkit-box-orient: vertical; }
      .news-carousel .swiper-container .item .content-placeholder .inner-content .item-link {
        text-align: right;
        font-size: 25px;
        height: 20px;
        line-height: 20px;
        width: 25px;
        color: #cba658 !important; }
  .news-carousel .swiper-container .owl-nav {
    position: relative;
    margin: 20px 0;
    height: 40px; }
    .news-carousel .swiper-container .owl-nav .owl-prev {
      left: 0;
      position: absolute; }
    .news-carousel .swiper-container .owl-nav .owl-next {
      right: 0;
      position: absolute; }
    .news-carousel .swiper-container .owl-nav .owl-prev, .news-carousel .swiper-container .owl-nav .owl-next {
      background: transparent;
      margin: 0;
      padding: 0; }
      .news-carousel .swiper-container .owl-nav .owl-prev .dice-button, .news-carousel .swiper-container .owl-nav .owl-next .dice-button {
        background: transparent;
        height: 40px; }
        .news-carousel .swiper-container .owl-nav .owl-prev .dice-button .line, .news-carousel .swiper-container .owl-nav .owl-next .dice-button .line {
          width: 40px;
          left: 10px;
          background: #cba658 !important; }
          .news-carousel .swiper-container .owl-nav .owl-prev .dice-button .line:before, .news-carousel .swiper-container .owl-nav .owl-next .dice-button .line:before {
            border-color: transparent #cba658 transparent transparent; }
        .news-carousel .swiper-container .owl-nav .owl-prev .dice-button:hover .line, .news-carousel .swiper-container .owl-nav .owl-next .dice-button:hover .line {
          width: 40px;
          transform: none;
          -webkit-transform: none;
          -o-transform: none;
          -ms-transform: none;
          -moz-transform: none; }

.pagin-controler .dice-button.left,
.carousel-controler .dice-button.left {
  margin-top: calc(100vw / 9 * -1); }

.see-all-more {
  color: #575757 !important; }
  .see-all-more:hover {
    color: #000 !important; }

.copy-right-container {
  color: #cba658 !important; }

@media only screen and (max-width: 767px) {
  .landing-video .landing-inner-video {
    width: 100%;
    padding: 0 1.5rem; } }

.landing-news-container .section-header, .landing-video .section-header, .newsletter .section-header {
  position: relative; }
  .landing-news-container .section-header:before, .landing-video .section-header:before, .newsletter .section-header:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    transform: translateY(-50%);
    background: #cba658 !important; }
  .landing-news-container .section-header .header-text, .landing-video .section-header .header-text, .newsletter .section-header .header-text {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    font-weight: 700;
    font-size: 1.8rem;
    color: #cba658 !important;
    background: #dddddd !important;
    max-width: 80%; }
  .landing-news-container .section-header.small-section-header .header-text, .landing-video .section-header.small-section-header .header-text, .newsletter .section-header.small-section-header .header-text {
    font-size: 1.15rem; }

.landing-carousel.carousel-controler .dice-button {
  background-color: transparent;
  height: 35px; }
  .landing-carousel.carousel-controler .dice-button.left {
    margin-top: 0; }
    .landing-carousel.carousel-controler .dice-button.left .line {
      left: 10px; }
  .landing-carousel.carousel-controler .dice-button.right .line {
    left: 10px; }
  .landing-carousel.carousel-controler .dice-button .line {
    background: #cba658 !important; }
    .landing-carousel.carousel-controler .dice-button .line:before {
      border-color: transparent #cba658 transparent transparent; }

@media (min-width: 768px) {
  .landing-slider .cols-1 {
    display: block; }

  .landing-slider .cols-8 {
    width: calc(100% / 9 * 8); }

  .landing-slider .slider-container {
    min-height: calc(100vw / 9 * 4); }

  .landing-slider .swiper-container {
    height: calc(100vw / 9 * 4); }

  .landing-slider .quick-search-container {
    display: block; }

  .our-people .cols-1,
  .statement .cols-1 {
    width: calc(100% / 9); }

  .our-people .cols-2,
  .statement .cols-2 {
    width: calc(100% / 9 * 2);
    padding: 0; }

  .our-people .cols-3,
  .statement .cols-3 {
    width: calc(100% / 9 * 3); }

  .our-people .cols-5,
  .statement .cols-5 {
    width: calc(100% / 9 * 5);
    padding: 0; }

  .our-people .pb-4,
  .statement .pb-4 {
    padding-bottom: 1.5rem !important; }

  .news .cols-1 {
    width: calc(100% / 9); }

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

  .news .carousel-controler {
    display: -ms-flexbox;
    display: flex; } }
@media (min-width: 992px) {
  .landing-slider .quick-search-container form {
    margin-top: 2.5rem; } }
@media (min-width: 1200px) {
  .dice-button .line {
    width: 30%;
    max-width: 50px; }

  .dice-button.left .line {
    left: 38%; }

  .dice-button.right .line {
    right: 38%; } }
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.page-content {
  margin-bottom: 0;
  z-index: 2;
  position: relative; }

.page-content .cols-1 {
  display: none; }

.page-content .cols-3 {
  display: none; }

.page-content .cols-5 {
  width: 100%; }

.page-content .cols-7 {
  width: 100%;
  margin: .5em; }

.page-content ul li {
  list-style: none; }

.page-content .content-body {
  padding: 2rem 1.5rem; }

.page-content .content-body h3 {
  color: #cba658; }

.page-content .content-body .page-title h2 {
  color: #cba658 !important; }

.page-content .content-body .page-content h1, .page-content .content-body .page-content h2, .page-content .content-body .page-content h3, .page-content .content-body .page-content h4, .page-content .content-body .page-content h5 {
  font-family: 'Brown', Helvetica, sans-serif; }

.page-content .content-body .page-content h1, .page-content .content-body .page-content h2, .page-content .content-body .page-content h3 {
  margin-bottom: 0; }

.page-content .content-body .page-content a {
  color: #cba658; }

@media (min-width: 768px) {
  .page-content {
    margin-bottom: calc(100vw / 9 * 1); }

  .page-content .cols-1 {
    display: block; }

  .page-content .cols-3 {
    display: block; }

  .page-content .cols-5 {
    width: calc(100% / 9 * 5); }

  .page-content .cols-7 {
    margin: 0;
    width: calc(100% / 9 * 7); }

  .page-content .content-body {
    padding: 2rem 2rem 3rem 2rem; } }
@media (min-width: 992px) {
  .page-content .content-body {
    padding: 3rem 3rem 5rem 3rem; } }
/*--------------------------------------------------------------
Exco
--------------------------------------------------------------*/
.loop-board p {
  margin-bottom: 0; }

.loop-board .col-7 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  padding: 0; }

.loop-board .col-5 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  padding: .5rem 0 2rem; }

.loop-board .picture {
  position: relative;
  border-bottom: 2px solid #cba658;
  margin-bottom: 4px;
  overflow: hidden; }

.loop-board .picture:after {
  content: " ";
  display: block;
  padding-top: 66%; }

.loop-board .picture img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto; }

@media (min-width: 768px) {
  .loop-board .col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .loop-board .col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    padding: 0 0 0 2rem; } }
@media (min-width: 992px) {
  .loop-board .col-5 {
    padding: 0 0 0 4rem; } }
/*--------------------------------------------------------------
Directory
--------------------------------------------------------------*/
.directory .loop-header {
  border-bottom: 2px solid #f2f2f2;
  padding: 1rem 0; }

.directory .loop-member li.item {
  padding: 1rem 0;
  border-bottom: 1px solid #f2f2f2; }

/*--------------------------------------------------------------
Materials
--------------------------------------------------------------*/
.materials .row-1,
.category .row-1,
.single-supplier .row-1 {
  height: calc(100vw / 9 * 2); }

.materials .cols-2,
.category .cols-2,
.single-supplier .cols-2 {
  display: none; }

.materials .page-title,
.category .page-title,
.single-supplier .page-title {
  height: 100%;
  margin: 0 1rem; }

.materials .divider-mid,
.category .divider-mid,
.single-supplier .divider-mid {
  border-top: 0;
  padding: 0; }

.materials .page-content h2,
.category .page-content h2,
.single-supplier .page-content h2 {
  margin-bottom: 0; }

.materials .page-content .content-body,
.category .page-content .content-body,
.single-supplier .page-content .content-body {
  padding: 1rem 1rem 2rem 1rem; }

.materials .page-content .content-body .page-content-body,
.category .page-content .content-body .page-content-body,
.single-supplier .page-content .content-body .page-content-body {
  padding: 0; }

.materials a.button.inverse,
.category a.button.inverse,
.single-supplier a.button.inverse {
  width: 95%; }

.featured-list .loop-supplier,
.supplier-list .loop-supplier {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -.5rem;
  margin-right: -.5rem;
  margin-bottom: 0; }

.featured-list .loop-supplier.raw,
.supplier-list .loop-supplier.raw {
  margin-left: 0;
  margin-right: 0; }

.featured-list .loop-supplier .item,
.supplier-list .loop-supplier .item {
  position: relative;
  width: 100%; }

.featured-list .loop-supplier .item.raw,
.supplier-list .loop-supplier .item.raw {
  padding: .8rem 0;
  border-bottom: 1px solid #f2f2f2; }

.featured-list .loop-supplier .item.raw .row,
.supplier-list .loop-supplier .item.raw .row {
  height: 100%; }

.featured-list .loop-supplier .item.wide,
.supplier-list .loop-supplier .item.wide {
  width: 100%;
  margin: 0 .5rem 1rem; }

.featured-list .loop-supplier .item.narrow,
.supplier-list .loop-supplier .item.narrow {
  width: 100%;
  margin: 0 .5rem 1rem; }

.featured-list .loop-supplier .item h5,
.supplier-list .loop-supplier .item h5 {
  margin-bottom: .1rem; }

.featured-list .loop-supplier .item .logo,
.supplier-list .loop-supplier .item .logo {
  width: 40px;
  height: 40px;
  margin-right: 17px; }

.featured-list .loop-supplier .item .thumbnail,
.supplier-list .loop-supplier .item .thumbnail {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 1rem; }

.featured-list .loop-supplier .item .thumbnail::after,
.supplier-list .loop-supplier .item .thumbnail::after {
  content: "";
  display: block;
  margin-top: 66%; }

.featured-list .loop-supplier .item .thumbnail img,
.supplier-list .loop-supplier .item .thumbnail img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: transform 500ms;
  -webkit-transition: transform 500ms;
  -moz-transition: transform 500ms;
  -ms-transition: transform 500ms;
  -o-transition: transform 500ms; }

.featured-list .loop-supplier .item .thumbnail:hover img,
.supplier-list .loop-supplier .item .thumbnail:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1); }

.featured-list .loop-supplier .item p,
.supplier-list .loop-supplier .item p {
  margin-bottom: .5rem;
  margin-top: .5rem; }

.category-list .loop-category {
  margin-left: -8px;
  margin-right: -8px; }

.category-list .loop-category .item {
  padding-right: 8px;
  padding-left: 8px; }

.category-list .loop-category .item h4 {
  margin-top: .5rem;
  margin-bottom: .1rem; }

.category-list .loop-category .item .thumbnail {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 0;
  overflow: hidden; }

.category-list .loop-category .item .thumbnail::after {
  content: "";
  display: block;
  margin-top: 66%; }

.category-list .loop-category .item .thumbnail img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: transform 500ms;
  -webkit-transition: transform 500ms;
  -moz-transition: transform 500ms;
  -ms-transition: transform 500ms;
  -o-transition: transform 500ms; }

.category-list .loop-category .item .thumbnail:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1); }

.supplier-content .logo {
  width: 40px;
  height: auto;
  max-height: 60px;
  margin-right: 20px; }

.supplier-content h4.supplier-title {
  margin-top: .5rem; }

@media (min-width: 768px) {
  .materials .row-1,
  .category .row-1,
  .single-supplier .row-1 {
    height: calc(100vw / 9 * 1); }

  .materials .cols-2,
  .category .cols-2,
  .single-supplier .cols-2 {
    display: block; }

  .materials .page-title,
  .category .page-title,
  .single-supplier .page-title {
    margin: 0; }

  .materials .page-content .page-content-body,
  .category .page-content .page-content-body,
  .single-supplier .page-content .page-content-body {
    padding: 1.5rem 1.5rem 2rem 1.5rem; }

  .materials a.button.inverse,
  .category a.button.inverse,
  .single-supplier a.button.inverse {
    width: auto; }

  .featured-list .loop-supplier .item.wide,
  .supplier-list .loop-supplier .item.wide {
    width: calc(50% - 1rem); }

  .featured-list .loop-supplier .item.narrow,
  .supplier-list .loop-supplier .item.narrow {
    width: calc(100% / 3 - 1rem); } }
/*--------------------------------------------------------------
Single Profile
--------------------------------------------------------------*/
.single-profile .row-1 {
  height: calc(100vw / 9 * 2); }

.single-profile .page-title {
  height: 100%;
  margin: 0 1rem; }

.single-profile .page-content h2 {
  margin-bottom: 0; }

.single-profile .page-content .content-body {
  /*padding: 1rem 1rem 2rem 1rem;*/
  padding: 1rem 1rem 5rem 1rem; }

.single-profile .page-content .page-content-body {
  margin: 0;
  padding: 0; }

.single-profile .page-content .page-content-body ul {
  padding-bottom: .5rem; }

.single-profile .page-content .page-content-body ul li {
  padding: 1rem 0;
  border-bottom: 1px solid #f2f2f2; }

.single-profile .page-content .page-content-body ul li:last-child {
  border: 0; }

@media (min-width: 768px) {
  .single-profile .row-1 {
    height: calc(100vw / 9 * 1); }

  .single-profile .page-title {
    height: 100%;
    margin: 0; }

  .single-profile .page-content .content-body {
    padding: 1.5rem 1.5rem 5rem 1.5rem; } }
/*--------------------------------------------------------------
Job List
--------------------------------------------------------------*/
.job-list ul li {
  margin-bottom: 2rem;
  position: relative; }

.job-list ul li .small-dice-button {
  margin-top: 1.5rem; }

.job-list ul li p {
  width: 75%; }

/*--------------------------------------------------------------
News
--------------------------------------------------------------*/
.what-is-on .page-title {
  padding: 0 1.5rem;
  height: 100%; }

.what-is-on .page-title h2 {
  margin-bottom: 0; }

.news-list ul {
  padding-left: 0; }

.news-list .loop-news {
  width: 100%;
  overflow: hidden; }

.news-list .loop-news .item {
  width: 100%;
  margin-right: 11%;
  margin-bottom: 2rem;
  position: relative; }

.news-list .loop-news .item:nth-child(3n) {
  /*margin-right: 0;*/ }

.news-list .loop-news .item.clear-margin-right {
  margin-right: 0; }

.news-list .loop-news .item .img-placeholder {
  width: 100%;
  background: #222;
  overflow: hidden;
  position: relative; }

.news-list .loop-news .item .img-placeholder img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto;
  height: 100%;
  width: auto;
  opacity: .5;
  transition: all 500ms; }

.news-list .loop-news .item .img-placeholder a {
  width: 100%;
  height: 100%;
  display: block; }

.news-list .loop-news .item .img-placeholder:after {
  content: '';
  display: block;
  padding-top: 160%; }

.news-list .loop-news .item .img-placeholder:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1); }

.news-list .loop-news .item .content-placeholder {
  margin-top: 1.2rem; }

.news-list .loop-news .item .content-placeholder h5 {
  margin-bottom: 0; }

.news-list .loop-news .item .content-placeholder p {
  margin-bottom: 0; }

@media (min-width: 768px) {
  .what-is-on .page-title {
    padding: 0; }

  .news-list .loop-news .item {
    width: calc(78% / 3);
    float: left;
    margin-bottom: 3rem; } }
/*--------------------------------------------------------------
Contact Us
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Plugin
--------------------------------------------------------------*/
.gallery-containner {
  background: #000;
  margin-bottom: 2rem;
  position: relative; }

.gallery-containner .gallery-wrapper {
  overflow: hidden;
  padding: 1rem;
  position: relative; }

.gallery-containner .gallery-wrapper:after {
  content: "";
  display: block;
  padding-top: 60%; }

.gallery-containner .gallery-wrapper img {
  height: calc(100% - 1.4rem);
  width: auto;
  transition: all 1600ms;
  position: absolute;
  top: .7rem;
  opacity: 0; }

.gallery-containner .gallery-wrapper img.active {
  opacity: 1; }

.gallery-containner .gallery-wrapper img.right {
  right: .7rem; }

.gallery-containner .gallery-wrapper img.left {
  left: .7rem; }

.swiper-container {
  width: 100%;
  z-index: 1; }

.swiper-wrapper .swiper-slide {
  overflow: hidden; }

.swiper-wrapper.wide .swiper-slide img {
  width: 100%;
  height: auto; }

.swiper-wrapper.narrow .swiper-slide img {
  width: auto;
  height: 100%; }

.swiper-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px; }

.swiper-pagination-bullet-active {
  background: #FFF; }

.recaptcha {
  display: block; }

.recaptcha .g-recaptcha {
  margin-bottom: 1rem; }

@media (min-width: 992px) {
  .recaptcha {
    display: -ms-flexbox;
    display: flex; }

  .recaptcha div {
    -ms-flex: 1;
    flex: 1; }

  .recaptcha .g-recaptcha {
    margin-bottom: 0; } }
/*--------------------------------------------------------------
SVG
--------------------------------------------------------------*/
.svg {
  position: relative;
  display: inline-block; }

.svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.ss-icon svg {
  width: 20px; }

/*--------------------------------------------------------------
SVGs Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
  display: none; }

.no-svg .svg-fallback {
  display: inline-block; }

.no-svg .dropdown-toggle {
  padding: 0.5em 0 0;
  right: 0;
  text-align: center;
  width: 2em; }

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  /* Chrome, Safari, Opera */
  /* IE 9 */
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg); }

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
  /* Chrome, Safari, Opera */
  /* IE 9 */
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0); }

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
  content: "\005E"; }

/* Social Menu fallbacks */
.no-svg .social-navigation a {
  background: transparent;
  color: #222;
  height: auto;
  width: auto; }

/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
  clip: auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  height: auto;
  position: relative !important;
  /* overrides previous !important styles */
  width: auto; }

/*--------------------------------------------------------------
Print
--------------------------------------------------------------*/
@media print {
  /* Hide elements */
  form,
  button,
  input,
  select,
  textarea,
  .navigation-top,
  .social-navigation,
  #secondary,
  .content-bottom-widgets,
  .header-image,
  .panel-image-prop,
  .icon-thumb-tack,
  .page-links,
  .edit-link,
  .post-navigation,
  .pagination.navigation,
  .comments-pagination,
  .comment-respond,
  .comment-edit-link,
  .comment-reply-link,
  .comment-metadata .edit-link,
  .pingback .edit-link,
  .site-footer aside.widget-area,
  .site-info {
    display: none !important; }

  .entry-footer,
  #comments,
  .site-footer,
  .single-featured-image-header {
    border: 0; }

  /* Font sizes */
  body {
    font-size: 12pt; }

  h1 {
    font-size: 24pt; }

  h2 {
    font-size: 22pt; }

  h3 {
    font-size: 17pt; }

  h4 {
    font-size: 12pt; }

  h5 {
    font-size: 11pt; }

  h6 {
    font-size: 12pt; }

  .page .panel-content .entry-title,
  .page-title,
  body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 10pt; }

  /* Layout */
  .wrap {
    padding-left: 5% !important;
    padding-right: 5% !important;
    max-width: none; }

  /* Site Branding */
  .site-header {
    background: transparent;
    padding: 0; }

  .custom-header-media {
    padding: 0; }

  .twentyseventeen-front-page.has-header-image .site-branding,
  .twentyseventeen-front-page.has-header-video .site-branding,
  .home.blog.has-header-image .site-branding,
  .home.blog.has-header-video .site-branding {
    position: relative; }

  .site-branding {
    margin-top: 0;
    margin-bottom: 1.75em !important;
    /* override styles added by JavaScript */ }

  .site-title {
    font-size: 25pt; }

  .site-description {
    font-size: 12pt;
    opacity: 1; }

  /* Posts */
  .single-featured-image-header {
    background: transparent; }

  .entry-meta {
    font-size: 9pt; }

  /* Colors */
  body,
  .site {
    background: none !important;
    /* Brute force since user agents all print differently. */ }

  body,
  a,
  .site-title a,
  .twentyseventeen-front-page.has-header-image .site-title,
  .twentyseventeen-front-page.has-header-video .site-title,
  .twentyseventeen-front-page.has-header-image .site-title a,
  .twentyseventeen-front-page.has-header-video .site-title a {
    color: #222 !important;
    /* Make sure color schemes don't affect to print */ }

  h2,
  h5,
  blockquote,
  .site-description,
  .twentyseventeen-front-page.has-header-image .site-description,
  .twentyseventeen-front-page.has-header-video .site-description,
  .entry-meta,
  .entry-meta a {
    color: #777 !important;
    /* Make sure color schemes don't affect to print */ }

  .entry-content blockquote.alignleft,
  .entry-content blockquote.alignright {
    font-size: 11pt;
    width: 34%; }

  .site-footer {
    padding: 0; } }

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