/* Navbar container */
.xf_menu_navbar {
 overflow: hidden;
 background-color: #fff;
 font-family: Arial;
}

/* Links inside the navbar */
.xf_navbar_item {
  float: left;
  color: #CE122D;
  text-align: center;
  padding: 24px 16px;
}

.xf_main_links {
  text-decoration: none;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  background-color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.xf_navbar_item_icon {
  width: 12px;
  fill: #CE122D;
  margin-bottom: -5px;
  margin-left: 14px;
}

/* The dropdown container */
.xf_menu_dropdown {
 float: left;
 overflow: hidden;
}

/* Dropdown button */
.xf_menu_dropdown .xf_menu_dropbtn {
 border: none;
 outline: none;
 cursor: pointer;
 color: #CE122D;
 padding: 24px 16px;
 margin: 0; /* Important for vertical align on mobile phones */
}

.xf_menu_dropbtn {
}


/* Add a red background color to navbar links on hover */
.xf_menu_navbar a:hover, .xf_menu_dropdown:hover .xf_menu_dropbtn {
 /*background-color: red;*/
}

/* Dropdown content (hidden by default) */
.xf_menu_dropdown-content {
 display: none;
 position: absolute;
 background-color: #fff;
 /*width: calc(100% - 224px);*/
 width: 100%;
 /*padding-left: 112px;*/
 padding-left: 248px;
 padding-right: 112px;
 padding-top: 32px;
 left: 0;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 99;
}

.xf_menu_ic_up {
  display: none;
}

.xf_menu_ic_up, .xf_menu_ic_down{
  width: 12px;
  fill: #CE122D;
  margin-bottom: -5px;
  margin-left: 14px;
}

/* Show the dropdown menu on hover */
.xf_menu_dropdown:hover .xf_menu_dropbtn {
  color: #877B7B;
}

.xf_menu_dropdown:hover .xf_menu_dropbtn svg {
  fill: #877B7B;
}

.xf_menu_dropdown:hover .xf_menu_dropdown-content {
 display: block;
}

.xf_menu_dropdown:hover .xf_menu_ic_up {
 display: inline;
}

.xf_menu_dropdown:hover .xf_menu_ic_down {
 display: none;
}


/* Create three equal columns that floats next to each other */
.xf_menu_column {
 float: left;
 width: calc(33.33% - 20px);
 padding: 10px;
 height: 350px;
}



/* Clear floats after the columns */
.xf_menu_row:after {
 content: "";
 display: table;
 clear: both;
}


.xf_menu_col_title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;

  /* identical to box height, or 200% */
  letter-spacing: 0.02em;
  text-transform: uppercase;

  /* XENON/RED */
  color: #CE122D;
}

.xf_ic_col_link {
  width: 12px;
  fill: #CE122D;
  margin-bottom: -3px;
}


.xf_menu_col_link {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: block;

  /* identical to box height, or 150% */

  /* XENON/BLACK */
  color: #252222;
}

.xf_menu_col_text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0px;

  /* or 143% */

  /* XENON/GREY 700 */
  color: #877B7B;
}