nav ul.main > li {margin-bottom: 40px;}

 

.left-1 > ul {

    padding-left: 0;

}

 

.left-1 > ul > li {

    margin-bottom: 20px;

}

 

.nav-bar-raw-html {

    max-width: 300px;

    width: 100%;

    float: right;

    height: 65px;

    display: inline-block;

    background: red;

    right: 60px;

    position: relative;

}

 

.left-1 {display: inline-block; float: left; width: 25%; padding-right: 5%; box-sizing: border-box;}

 

.left-2 {display: inline-block; float: left; width: 25%; padding-right: 5%; box-sizing: border-box;}

 

.left-3 {display: inline-block; float: left; width: 25%; padding-right: 5%; box-sizing: border-box;}

.left-4 {display: inline-block; float: right; width: 25%; height: 300px; background-color: #cccccc;}

 

.left-1 > ul > li.ewin-horse-icon {

  margin-bottom: 24px;

}

 

 

.raw-html {

    height: 300px;

    background-color: #cccccc;

    width: 100%;

    display: inline-block;

    margin-top: 20px;

}

 

ul.ewin-list > li {

    margin-bottom: 0px !important;

    padding: 0px;

}

 

ul.ewin-list > li > a {

    margin: 0px !important;

    padding: 0px !important;

    line-height: 20px;

}

 

 

ul.nav-left-column {

    list-style: none;

    display: inline-block;

    float: left;

}

 

ul.nav-left-column>li {

    display: inline-block;

    width: 100%;

}

 

ul.nav-left-column>li>img {

    display: inline-block;

    float: left;

}

 

ul.ewin-list {

    display: inline-block;

    float: left;

    box-sizing: border-box;

    padding-left: 10px;

}

 

ul.ewin-list>li {

    list-style: none;

    font-size: 12px;

    color: #fff;

    line-height: 14px;

}

 

ul.ewin-list>li>a {

    list-style: none;

    font-size: 12px;

    color: #fff;

    line-height: 14px;

}

 

li.ewin-horse-icon>a>img {

    max-width: 120px;

}

 

ul.nav-left-column>li.menu-social-icon {

    display: inline-block;

    float: left;

    margin-right: 20px;

    width: 32px;

}

 

.hidden {

    display: none !important;

}

 

 

ul.main li > ul > li {

    list-style-type: none;

    font-size: 14px;

    line-height: 1.5em;

    color: #fff;

}

 

ul.main li > ul > li > ul {

    margin-top: 20px;

    margin-bottom: 30px;

}

 

ul.main li > ul {

    padding-left: 10px;

    margin-top: 10px;

}

 

.burger-container {

    padding: 10px 20px;

    display: inline-block;

    width: 100%;

    background: #fff;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 999;

}

 

.hkjc-logo {display: inline-block; float: left;}

/*  BURGER

========================================== */

.burger {

  width: 50px;

  height: 50px;

  position: fixed;

  top: 15px;

  right: 20px;

  border-radius: 4px;

  z-index: 99999;

}

.burger span {

  position: relative;

  margin-top: 9px;

  margin-bottom: 9px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -15px;

  margin-top: -1.5px;

}

.burger span, .burger span::before, .burger span::after {

  display: block;

  width: 30px;

  height: 3px;

  background-color: #2a2a2a;

  outline: 1px solid transparent;

  -webkit-transition-property: background-color, -webkit-transform;

  -moz-transition-property: background-color, -moz-transform;

  -o-transition-property: background-color, -o-transform;

  transition-property: background-color, transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  -o-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.burger span::before, .burger span::after {

  position: absolute;

  content: "";

}

.burger span::before {

  top: -9px;

}

.burger span::after {

  top: 9px;

}

.burger.clicked span {

  background-color: transparent;

}

.burger.clicked span::before {

  -webkit-transform: translateY(9px) rotate(45deg);

  -moz-transform: translateY(9px) rotate(45deg);

  -ms-transform: translateY(9px) rotate(45deg);

  -o-transform: translateY(9px) rotate(45deg);

  transform: translateY(9px) rotate(45deg);

}

.burger.clicked span::after {

  -webkit-transform: translateY(-9px) rotate(-45deg);

  -moz-transform: translateY(-9px) rotate(-45deg);

  -ms-transform: translateY(-9px) rotate(-45deg);

  -o-transform: translateY(-9px) rotate(-45deg);

  transform: translateY(-9px) rotate(-45deg);

}

.burger.clicked span:before, .burger.clicked span:after {

  background-color: #ffffff;

}

.burger:hover {

  cursor: pointer;

}

/*  NAV

========================================== */

nav {

  background-color: #19234C;

  position: fixed;

  z-index: 9999;

  top: 0;

  right: 0;

  height: 100%;

  max-width: 100%;

  width: 100%;

  padding: 80px 40px 40px 40px;

  overflow-y: auto;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}

nav.show {

  -webkit-transform: translateX(0px);

  -moz-transform: translateX(0px);

  -ms-transform: translateX(0px);

  -o-transform: translateX(0px);

  transform: translateX(0px);

}

nav.show ul.main li {

  -webkit-transform: translateX(0px);

  -moz-transform: translateX(0px);

  -ms-transform: translateX(0px);

  -o-transform: translateX(0px);

  transform: translateX(0px);

  opacity: 1;

}

nav.show ul.main li:nth-child(1) {

  transition-delay: 0.15s;

}

nav.show ul.main li:nth-child(2) {

  transition-delay: 0.3s;

}

nav.show ul.main li:nth-child(3) {

  transition-delay: 0.45s;

}

nav.show ul.main li:nth-child(4) {

  transition-delay: 0.6s;

}

nav.show ul.main li:nth-child(5) {

  transition-delay: 0.75s;

}

nav.show ul.main li:nth-child(6) {

  transition-delay: 0.9s;

}

nav.show ul.main li:nth-child(7) {

  transition-delay: 1.05s;

}

nav.show ul.main li:nth-child(8) {

  transition-delay: 1.2s;

}

nav.show ul.main li:nth-child(9) {

  transition-delay: 1.35s;

}

nav.show .about, nav.show .social, nav.show ul.sub {

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

  -o-transform: translateY(0px);

  transform: translateY(0px);

  opacity: 1;

  transition-delay: 0.85s;

}

 

nav ul.main {

  list-style-type: none;

  padding-left: 0px;

}

nav ul.main li {

  margin-bottom: 20px;

  -webkit-transform: translateX(40px);

  -moz-transform: translateX(40px);

  -ms-transform: translateX(40px);

  -o-transform: translateX(40px);

  transform: translateX(40px);

  opacity: 0;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

nav ul.main li:last-of-type {

  margin-bottom: 0px;

}

nav ul.main li a {

  color: #ffffff;

  font-family: "Raleway", sans-serif;

  text-decoration: none;

  text-transform: uppercase;

  font-size: 1.5rem;

  display: block;

  letter-spacing: 5px;

  font-weight: 600;

  padding: 0;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

nav ul.main li a span {

  color: #b7ac7f;

}

nav ul.main li a:hover {

  color: #b7ac7f;

}

nav .about {

  margin-top: 40px;

  -webkit-transform: translateY(30px);

  -moz-transform: translateY(30px);

  -ms-transform: translateY(30px);

  -o-transform: translateY(30px);

  transform: translateY(30px);

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

nav .about p {

  color: #ffffff;

  font-family: "Spectral", serif;

  font-size: 1.05rem;

  letter-spacing: 0.5px;

  line-height: 170%;

}

nav .social {

  margin-top: 40px;

  position: relative;

  padding-bottom: 30px;

  -webkit-transform: translateY(30px);

  -moz-transform: translateY(30px);

  -ms-transform: translateY(30px);

  -o-transform: translateY(30px);

  transform: translateY(30px);

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

nav .social:after {

  content: "";

  width: 230px;

  height: 2px;

  background-color: #b7ac7f;

  position: absolute;

  bottom: 0;

  left: 0;

}

nav .social a {

  display: inline-block;

  width: 30px;

  height: 30px;

  margin-right: 25px;

}

nav .social a:last-of-type {

  margin-right: 0px;

}

nav .social a:hover svg path, nav .social a:hover svg circle {

  fill: #b7ac7f;

}

nav .social a svg {

  width: 100%;

  height: 100%;

}

nav .social a svg path, nav .social a svg circle {

  fill: #ffffff;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

nav ul.sub {

  list-style-type: none;

  margin-top: 40px;

  -webkit-transform: translateY(30px);

  -moz-transform: translateY(30px);

  -ms-transform: translateY(30px);

  -o-transform: translateY(30px);

  transform: translateY(30px);

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

nav ul.sub li {

  margin-bottom: 10px;

}

nav ul.sub li:last-of-type {

  margin-bottom: 0px;

}

nav ul.sub li a {

  color: #ffffff;

  font-family: "Raleway", sans-serif;

  letter-spacing: 1px;

  font-size: 0.9rem;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

nav ul.sub li a:hover {

  color: #b7ac7f;

}

/*  OVERLAY

========================================== */

.overlay {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

background-color: rgb(0,0,3);

    opacity: 0;

    visibility: hidden;

    z-index: 999;

}

.overlay.show {

  opacity: 0.8;

  visibility: visible;

}

 

ul.nav-language-column {

    list-style: none;

    float: left;

    width: 100%;

    display: inline-block;

}

 

ul.nav-language-column li a {

    font-size: 20px;

    color: #fff;

}

 

ul.nav-language-column li a:hover {

    color: #b7ac7f;

}

 

@media only screen and (max-width: 768px)  {

 

 

 

  nav {

    padding: 80px 24px 24px 24px;

  }

 

    .nav-bar-raw-html {display: none;}

 

    .left-1 {

    display: inline-block;

    float: left;

    width: 25%;

    box-sizing: border-box;

    padding-right: 5%; box-sizing: border-box;

}

 

.left-2 {

    display: inline-block;

    float: left;

    width: 37.5%;

    box-sizing: border-box;

    padding-right: 5%; box-sizing: border-box;

}

 

    .left-3 {   

        display: inline-block;

    float: left;

    width: 37.5%;

    box-sizing: border-box;

    padding-right: 5%; box-sizing: border-box;

}

 

    .left-4 {    width: 100%; height: 150px; float: left; margin-top: 20px;}

 

}

 

 

@media only screen and (max-width: 600px)  {

 

 

    ul.nav-language-column {float: right; width: auto;}

 

 

  nav ul.main > li {margin-bottom: 32px;}

 

 

  .raw-html {

    margin-top: 0px;

}

 

  .left-1 {

    display: inline-block;

    float: left;

    width: 100%;

    box-sizing: border-box;

    padding-right: 0%; box-sizing: border-box; margin-bottom: 20px;

}

 

.left-2 {

    display: inline-block;

    float: left;

    width: 100%;

    box-sizing: border-box;

    padding-right: 0%; box-sizing: border-box; margin-bottom: 20px;

}

 

    .left-3 {    

        display: inline-block;

    float: left;

    width: 100%;

    box-sizing: border-box;

    padding-right: 0%; box-sizing: border-box; margin-bottom: 20px;

}

 

    .left-4 {    width: 100%; height: 150px; float: left; margin-top: 0px;}

 

}







/* Footer */
.social-media-icons > ul > li > a > span > svg {

  width: 34px;

}



.social-media-icons > ul > li > a > span > svg > .cls-1 {fill: #fff;}



.social-media-icons > ul > li > a > span > svg > .cls-2 {fill: #19234C;}



  .footer-container {background-color: #19234C; display: inline-block; width: 100%;}



  .footer-container-inner {

      max-width: 1170px;

  margin: 0 auto;

  box-sizing: border-box;

  margin-top: 40px;

  }



  .footer-third-row-left h2 {

  font-size: 16px;

 font-weight: bold;

  color: #fff;

  position: relative;

  top: 10px;

}



.footer-third-row-right ul {

  list-style: none;

  padding-left: 0;

}



.footer-third-row-right ul li {

  display: inline-block;

  float: left;

  max-width: 32px;

  margin-right: 20px;

}



.footer-third-row {

  display: inline-block;

  width: 100%;

  border-bottom: 1px solid #fff;

  padding-bottom: 30px;

  margin-bottom: 30px;

}





.footer-third-row-right {

  display: inline-block;

  float: left;

}





.footer-third-row-left {

  display: inline-block;

  float: left;

  margin-right: 20px;

  margin-bottom: 20px;

}



  .footer-second-row {

  padding-bottom: 30px;

  border-bottom: 1px solid #fff;

  margin-bottom: 30px;

}



.footer-second-row-raw {

  display: inline-block;

  width: 100%;

  background-color: red;

  height: 80px;

  box-sizing: border-box;

}





.footer-fourth-row {

  padding-bottom: 30px;

  border-bottom: 1px solid #fff;

  margin-bottom: 30px;

}



.footer-fourth-row-raw {

  display: inline-block;

  width: 100%;

  background-color: red;

  height: 80px;

  box-sizing: border-box;

}



.footer-fifth-row-left i {

  font-size: 18px;

  color: #fff;

}



.footer-fifth-row-left {

  display: inline-block;

  float: left;

  width: 30%;

  font-size: 16px;

  line-height: 24px;

  color: #fff;

  font-weight: bold;

  margin-top: 0px;

}

.footer-fifth-row-left a {
  color: #fff;
  display: flex;
    align-items: center;
}

.footer-fifth-row-left a:hover {
  text-decoration: underline;
  color: #FFD503;
}


.footer-fifth-row-left a svg {
    margin-right: 10px;
}


.footer-fifth-row-left a:hover svg path {
  fill: #FFD503;
}

.footer-fifth-row {

  border-bottom: 1px solid #fff;

  display: inline-block;

  width: 100%;

  padding-bottom: 32px;

  margin-bottom: 32px;

}



.footer-fifth-row-right {

  display: inline-block;

  float: left;

  width: 70%;

}


.footer-fifth-row-right ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 12px;
}


.footer-fifth-row-right ul li {

  color: #fff;

  font-size: 14px;

  margin-bottom: 10px;

}





  .footer-nav-raw {

  width: 40%;

  height: 200px;

  background-color: red;

  display: inline-block;

  float: right;


}

li.menu-item {
    margin-bottom: 16px;
}

.racing-social-media a:hover svg path {
    fill: #FFD503;
}


  .footer-first-row {

      display: inline-block;

  width: 100%;

  border-bottom: 1px solid #fff;

  padding-bottom: 32px;

  margin-bottom: 32px;

  }



  .footer-nav {

  color: #fff;

  display: inline-block;

  width: 25%;

  float: left;

  padding-right: 20px;

  box-sizing: border-box;

}



  .footer-nav ul li {color: #fff; font-size: 14px; text-align: left;}



  .footer-nav h4 {margin-bottom: 14px; margin-top: 0; margin-bottom: 0;}



  .footer-nav h4 a {color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 14px;}



  .footer-nav h4 a:hover {color: #FFD503;}



  .footer-nav ul {

  list-style: none;

  padding-left: 0;

}



.footer-nav ul li {margin-bottom: 10px;}



.footer-nav ul li  a {color: #fff;}



.footer-nav ul li  a:hover {color: #FFD503;}



.footer-sixth-row-left ul {

  list-style: none;

  padding-left: 0;

  margin-top: 0px;

  vertical-align: top;

  margin-bottom: 24px;

}



.footer-sixth-row-left ul li {

  display: inline-block;

  padding-right: 10px;

  border-right: 1px solid #fff;

  padding-left: 10px;

}



.footer-sixth-row-left ul li a {

  color: #fff;

  font-size: 13px;

  line-height: 1.2em;

}



.footer-sixth-row-left ul li a:hover {

  color: #FFD503;

}



.footer-sixth-row-left ul li:first-child {

  padding-left: 0px;

}



.footer-sixth-row-left ul li:last-child {

  padding-right: 0px;

  border: none;

}



.footer-nav-group {

display: inline-block;

width: 60%;

text-align: left;
margin-bottom: 32px;
}


ul#menu-menu-1 {
    float: left;
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}




.footer-sixth-row {display: inline-block; width: 100%; margin-bottom: 20px;}



.footer-sixth-row-left {

  display: inline-block;

  float: left;

  width: 60%;

}



.footer-sixth-row-right {

  display: inline-block;

  float: right;

  width: 40%;

  text-align: right;

}



.footer-sixth-row-right p {font-size: 13px; color: #fff;}



@media (max-width:1150px) {




  .footer-nav {width: 50%; margin-bottom: 20px;}

}



@media (max-width:1200px) {

  .footer-container-inner {margin-left: 15px; margin-right: 15px;}



  .footer-sixth-row-left {width: 100%;}



  .footer-sixth-row-right {    width: 100%; text-align: left; padding-top: 32px; border-top: 1px solid #fff; }

}



@media (max-width:768px) {



  .footer-nav ul {display: none;}



  .footer-fifth-row-left  {width: 40%;}



  .footer-fifth-row-right {width: 60%;}



}



@media (max-width:600px)  {

  .footer-nav {width: 100%;}



  .footer-nav-group {width: 100%;}



  .footer-nav-raw {width: 100%;}



  .footer-third-row-right {margin-top: 20px;}



  .footer-fifth-row-left {width: 100%; margin-top: 0px; margin-bottom: 16px;}



  .footer-fifth-row-right {width: 100%;}

  .footer-nav h4 a {font-size: 14px;}

}







/* Additional */
#content{
  padding-top: 85px;
}

.langToggle ul{
  display: none;
}

.widget_custom_post_widget .container{
    width: auto;
}

li.nav-left-column-first-child > a > img {
  float: left;
}