@charset "UTF-8";
/*

dark blue #233268

*/
/* these colour vars are needed by the RL addon */
/* faster when compiling than including all bootstrap */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Quicksand:300,400,500,700");
html, body {
  overflow-x: hidden;
}

body.dmopener {
  height: 100vh;
  overflow-y: hidden;
}
body.droopmenu-dmopen {
  height: 100vh;
  overflow-y: hidden;
}

/*	-------------------------------------------------------
	:: Droopmenu Wrapper Containers
	------------------------------------------------------- */
.droopmenu-navbar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  color: #898989;
  background: #1b242a;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
  transform: translateX(0px);
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
  transition: transform 0.4s 0s, visibility 0s 0s;
}
.droopmenu-navbar * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.droopmenu-navbar a {
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
}

/*	-------------------------------------------------------
	:: Droopmenu General Links
	------------------------------------------------------- */
/*	-------------------------------------------------------
	:: Droopmenu Maximum Width
	------------------------------------------------------- */
.droopmenu-inner, .droopmenu-boxed {
  /* max-width:1140px; */
  position: relative;
  margin: 0 auto;
  z-index: 10;
}

.droopmenu-inner, .droopmenu-boxed {
  padding-right: 44px;
  padding-left: 34px;
}

@media (min-width: 576px) {
  .droopmenu-inner, .droopmenu-boxed {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .droopmenu-inner, .droopmenu-boxed {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .droopmenu-inner, .droopmenu-boxed {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .droopmenu-inner, .droopmenu-boxed {
    max-width: 1580px;
  }
  .droopmenu-inner {
    height: 90px;
    padding: 0;
    max-width: 100%;
  }
}
.dm-fullspan {
  max-width: 100%;
}

/*	-------------------------------------------------------
	:: Droopmenu | LOGO | TOGGLE MOBILE | 
	------------------------------------------------------- */
.droopmenu-brand, .droopmenu-header {
  float: left;
}

.droopmenu-brand {
  /*margin-right:20px; */
  margin-right: 20px;
  margin-left: 10px;
}
@media screen and (min-width: 992px) {
  .droopmenu-brand {
    margin-right: 10px;
  }
}

.dm-nav-brand a img, .droopmenu-brand img {
  height: 70px;
  max-height: 79px;
  position: relative;
  top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dm-nav-brand a, .droopmenu-brand {
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  color: #71818C;
}

/*	-------------------------------------------------------
	:: Droopmenu Extra Menu
	------------------------------------------------------- */
.droopmenu-extra {
  float: right;
}
.droopmenu-extra > ul > li {
  display: inline-block;
}

/*	-------------------------------------------------------
	:: Droopmenu | Menu Styles
	------------------------------------------------------- */
.droopmenu {
  float: left;
  margin: 0;
  list-style: none;
}
.droopmenu li {
  margin: 0;
  list-style: none;
}
.droopmenu li i:not(.fa-2x) {
  font-size: 24px;
  font-size: 20px;
  line-height: normal;
}
.droopmenu > li {
  font-size: 14px;
  position: relative;
  font-weight: 600;
  float: left;
}
.droopmenu > li > a, .droopmenu > li > span {
  color: #71818C;
  display: block;
  text-transform: capitalize;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  letter-spacing: 0px;
  padding: 8px 8px;
}
.droopmenu > li a.droopmenu-button span {
  text-align: center;
  border: 2px solid #71818C;
  -webkit-transition: border-color 0.5s ease, color 0s ease;
  -moz-transition: border-color 0.5s ease, color 0s ease;
  -ms-transition: border-color 0.5s ease, color 0s ease;
  -o-transition: border-color 0.5s ease, color 0s ease;
  transition: border-color 0.5s ease, color 0s ease;
  display: inline-block;
  border-radius: 24px;
  line-height: 44px;
  padding: 0 20px;
  height: 44px;
}
.droopmenu > li a.droopmenu-button:hover span {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}

.dmcentered .droopmenu {
  text-align: center;
  float: none;
}
.dmcentered .droopmenu > li {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

/*	-------------------------------------------------------
	:: Droopmenu Height | LOGO HEADER | TOP LINKS
	------------------------------------------------------- */
.droopmenu-header {
  height: 80px;
}

.droopmenu > li > a, .droopmenu > li > span {
  line-height: 70px;
}
.droopmenu > li i {
  vertical-align: middle;
}
.droopmenu li > ul {
  display: block;
  background: #fff;
  position: absolute;
  -webkit-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  visibility: hidden;
  left: -9999em;
  width: 180px;
  z-index: 99;
  opacity: 0;
  top: 100%;
}
.droopmenu li.dmopener > ul {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.droopmenu li ul {
  padding: 10px 0;
}
.droopmenu li li {
  position: relative;
}
.droopmenu li li > ul {
  margin-top: -13px;
  margin: 0;
  top: 0;
}
.droopmenu li li.dmopener > ul {
  left: 100%;
}
.droopmenu li:hover > a, .droopmenu li li:hover > a {
  color: #CCCCCC;
}
.droopmenu li ul li a {
  display: block;
  padding: 10px 25px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  font-weight: 600;
  font-size: 18px;
  color: #000000;
}
.droopmenu li ul li a i {
  vertical-align: middle;
  margin-right: 5px;
}
.droopmenu .droopmenu-navbar span {
  color: #ff0000;
}
.droopmenu .dm-arrow {
  width: 0;
  height: 0;
  position: relative;
  border-bottom: 0 solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  z-index: 9999;
  bottom: 9px;
}
.droopmenu li.dmopener .dm-arrow {
  border-bottom: 10px solid #fff;
  margin-bottom: -10px;
}

/*	-------------------------------------------------------
	:: Droopmenu | LEVEL I DROPDOWN 
	------------------------------------------------------- */
/*	-------------------------------------------------------
	:: Droopmenu | LEVEL II DROPDOWN 
	------------------------------------------------------- */
/*	-------------------------------------------------------
	:: Droopmenu | DECORATIVE ARROW
	------------------------------------------------------- */
.dmarrow-down .droopmenu .dm-arrow {
  border-bottom: 0;
  border-top: 0 solid transparent;
  bottom: 1px;
}
.dmarrow-down .droopmenu li.dmopener .dm-arrow {
  border-bottom: 0;
  border-top: 4px solid #233268;
  margin-bottom: -10px;
  width: 80%;
}

/*	-------------------------------------------------------
	:: Droopmenu | EXTENDED HOVER AREA
	------------------------------------------------------- */
.droopmenu li > ul:after {
  content: "";
  position: absolute;
  background: transparent;
  height: 8px;
  width: 100%;
  bottom: 100%;
  left: 0;
}
.droopmenu li li > ul:after {
  top: 0;
  left: auto;
  right: 100%;
  bottom: auto;
  height: 100%;
  width: 8px;
}
.droopmenu li li.droopmenu-parent > a {
  padding-right: 40px;
}
.droopmenu li a .droopmenu-indicator {
  display: inline-block;
  line-height: normal;
}

/*	-------------------------------------------------------
	:: Droopmenu | ARROW INDICATORS
	------------------------------------------------------- */
.droopmenu-extra .droopmenu-indicator {
  display: none !important;
}

.droopmenu li a .droopmenu-indicator em {
  font-style: normal;
}
.droopmenu li a .droopmenu-indicator em:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  /*font-family: "Ionicons";*/
  display: inline-block;
  position: relative;
  font-size: 16px;
  margin-left: 4px;
  top: 1px;
}
.droopmenu li li a .droopmenu-indicator em:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  /*font-family: "Ionicons";*/
  display: inline-block;
  position: relative;
  font-size: 16px;
  margin-left: 4px;
  top: 1px;
  content: "\f3d1";
  position: absolute;
  right: 18px;
  top: 25%;
}
.droopmenu li.droop-left > ul {
  right: 0;
  top: 100%;
  left: auto;
}
.droopmenu li li.droop-left > ul {
  top: 0;
  right: 100%;
  left: auto;
}
.droopmenu li li.droop-left > ul:after {
  top: 0;
  left: 100%;
  right: auto;
  bottom: auto;
  height: 100%;
  width: 8px;
}
.droopmenu ul.droopmenu-grid {
  width: auto;
}
.droopmenu ul.droopmenu-grid ul {
  width: auto;
}
.droopmenu .droopmenu, .droopmenu ul.droopmenu-grid, .droopmenu .droopmenu-grid ul, .droopmenu .droopmenu-mega ul {
  padding: 0;
}
.droopmenu > li.droopmenu-mega {
  position: static;
}
.droopmenu > li.droopmenu-mega > a {
  position: relative;
}
.droopmenu > li.droopmenu-mega > ul {
  width: 100%;
}
.droopmenu .droopmenu-grid-container {
  padding: 30px;
  width: 100%;
}
.droopmenu .droopmenu-grid-container ul {
  display: block;
  box-shadow: none;
  background: transparent;
  position: static;
  text-align: left;
  margin-left: 0;
  border-top: 0;
  opacity: 1;
}
.droopmenu .droopmenu-grid-container ul.droopmenu-col {
  padding-left: 10px;
  padding-right: 10px;
}

/*	-------------------------------------------------------
	:: Droopmenu | DROP RIGHT-LEFT DIRECTION
	------------------------------------------------------- */
/*	-------------------------------------------------------
	:: Droopmenu | MEGAMENU | GRID CONTAINER
	------------------------------------------------------- */
/*	-------------------------------------------------------
	:: Droopmenu | MEGAMENU GRID CONTAINER SIZES
	------------------------------------------------------- */
.droopmenu-grid-9, .droopmenu ul.droopmenu-grid-9 {
  width: 960px;
}

.droopmenu-grid-8, .droopmenu ul.droopmenu-grid-8 {
  width: 840px;
}

.droopmenu-grid-7, .droopmenu ul.droopmenu-grid-7 {
  width: 720px;
}

.droopmenu-grid-6, .droopmenu ul.droopmenu-grid-6 {
  width: 640px;
}

.droopmenu-grid-5, .droopmenu ul.droopmenu-grid-5 {
  width: 580px;
}

.droopmenu-grid-4, .droopmenu ul.droopmenu-grid-4 {
  width: 480px;
}

.droopmenu-grid-3, .droopmenu ul.droopmenu-grid-3 {
  width: 320px;
}

.droopmenu-grid-2, .droopmenu ul.droopmenu-grid-2 {
  width: 240px;
}

.droopmenu-grid-1, .droopmenu ul.droopmenu-grid-1 {
  width: 180px;
}

/*	-------------------------------------------------------
	:: Droopmenu | GRID ROWS COLUMNS
	------------------------------------------------------- */
.droopmenu-row {
  margin: 0 -10px;
}

.droopmenu-col, .droopmenu ul.droopmenu-grid ul.droopmenu-col {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  float: left;
}

.droopmenu-col1, .droopmenu ul.droopmenu-grid ul.droopmenu-col1 {
  width: 8.33%;
}

.droopmenu-col2, .droopmenu ul.droopmenu-grid ul.droopmenu-col2 {
  width: 16.66%;
}

.droopmenu-col3, .droopmenu ul.droopmenu-grid ul.droopmenu-col3 {
  width: 25%;
}

.droopmenu-col4, .droopmenu ul.droopmenu-grid ul.droopmenu-col4 {
  width: 33.33%;
}

.droopmenu-col5, .droopmenu ul.droopmenu-grid ul.droopmenu-col5 {
  width: 41.66%;
}

.droopmenu-col6, .droopmenu ul.droopmenu-grid ul.droopmenu-col6 {
  width: 50%;
}

.droopmenu-col7, .droopmenu ul.droopmenu-grid ul.droopmenu-col7 {
  width: 58.33%;
}

.droopmenu-col8, .droopmenu ul.droopmenu-grid ul.droopmenu-col8 {
  width: 66.66%;
}

.droopmenu-col9, .droopmenu ul.droopmenu-grid ul.droopmenu-col9 {
  width: 75%;
}

.droopmenu-col10, .droopmenu ul.droopmenu-grid ul.droopmenu-col10 {
  width: 83.33%;
}

.droopmenu-col11, .droopmenu ul.droopmenu-grid ul.droopmenu-col11 {
  width: 91.66%;
}

.droopmenu-col12, .droopmenu ul.droopmenu-grid ul.droopmenu-col12 {
  width: 100%;
}

.droopmenu-col1-5, .droopmenu ul.droopmenu-grid ul.droopmenu-col1-5 {
  width: 20%;
}

.droopmenu-col1-8 {
  width: 12.5%;
}

.droopmenu ul.droopmenu-grid ul.droopmenu-col1-8 {
  width: 12.5%;
}
.droopmenu:after, .droopmenu:before {
  content: "";
  display: table;
}

/*	-------------------------------------------------------
	:: Droopmenu Clear Floats
	------------------------------------------------------- */
.droopmenu-row:after, .droopmenu-row:before {
  content: "";
  display: table;
}

.droopmenu-inner:after, .droopmenu-inner:before {
  content: "";
  display: table;
}

.droopmenu:after, .droopmenu-row:after, .droopmenu-inner:after {
  clear: both;
}

/*	-------------------------------------------------------
	:: Droopmenu | STICKY FOR HORIZONTAL MENU
	------------------------------------------------------- */
.dmfixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}

.dmpos-bottom.dmfixed {
  width: 100%;
  bottom: 0;
  top: auto;
}
.dmpos-bottom .droopmenu li > ul {
  bottom: 100%;
  top: auto;
  margin: 0;
}
.dmpos-bottom .droopmenu li > ul:after {
  top: 100%;
  bottom: auto;
}
.dmpos-bottom .droopmenu li li > ul:after {
  top: 0;
  left: auto;
  right: 100%;
  bottom: auto;
}
.dmpos-bottom .droopmenu li li.drop-left > ul:after {
  top: 0;
  left: 100%;
  right: auto;
  bottom: auto;
  height: 100%;
  width: 8px;
}
.dmpos-bottom .droopmenu li li > ul {
  top: auto;
  bottom: 0;
  margin: 0;
  margin-bottom: -13px;
}
.dmpos-bottom .droopmenu li > ul {
  border: 0;
  -webkit-box-shadow: 0px -12px 22px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px -12px 22px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px -22px 46px 0px rgba(0, 0, 0, 0.12);
}
.dmpos-bottom .droopmenu .dm-arrow {
  bottom: 59px;
  border-bottom: 0;
  border-top: 10px solid transparent;
  margin-top: -11px;
}
.dmpos-bottom .droopmenu li.dmopener .dm-arrow {
  border-bottom: 0;
  border-top: 10px solid #fff;
}
.dmpos-bottom.dmarrow-down .droopmenu .dm-arrow {
  bottom: 69px;
  border-top: 0;
  border-bottom: 0 solid transparent;
}
.dmpos-bottom.dmarrow-down .droopmenu li.dmopener .dm-arrow {
  border-top: 0;
  border-bottom: 10px solid #fff;
}

/*	-------------------------------------------------------
	:: Droopmenu | BOTTOM POSITION
	------------------------------------------------------- */
/*	-------------------------------------------------------
	:: Droopmenu | VERTICAL MENU | ADJUST MIN-HEIGHT
	------------------------------------------------------- */
.droopmenu-vertical {
  width: 100%;
  min-height: 100vh;
  position: static;
  margin: 0;
}
.droopmenu-vertical .droopmenu .dm-arrow, .droopmenu-vertical.dmarrow-down .droopmenu .dm-arrow {
  display: none;
}
.droopmenu-vertical .droopmenu-header {
  padding-right: 20px;
  padding-left: 20px;
}
.droopmenu-vertical .droopmenu, .droopmenu-vertical .droopmenu-header {
  float: none;
}
.droopmenu-vertical .droopmenu > li {
  float: none;
  display: block;
}
.droopmenu-vertical .droopmenu > li > a {
  height: auto;
  line-height: 42px;
  padding: 0 20px;
  display: block;
}
.droopmenu-vertical .droopmenu > li > a > i {
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  padding: 0;
}
.droopmenu-vertical .droopmenu > li > span {
  height: auto;
  line-height: 42px;
  padding: 0 20px;
  display: block;
}
.droopmenu-vertical .droopmenu li a .droopmenu-indicator em:after {
  content: "\f3d1";
  position: absolute;
  right: 18px;
  top: 28%;
}
.droopmenu-vertical .droopmenu li > ul {
  margin: 0;
  left: 100%;
  top: 0;
}
.droopmenu-vertical .droopmenu li > ul:after {
  width: 8px;
  height: 100%;
  bottom: auto;
  right: 100%;
  left: auto;
  top: 0;
}
.droopmenu-vertical .droopmenu li.droop-bottom > ul {
  top: auto;
  bottom: 0;
}
.droopmenu-vertical .droopmenu li.droop-bottom > ul:before {
  top: auto;
  bottom: 22px;
}
.droopmenu-vertical.dmpos-right .droopmenu li > ul {
  right: 100%;
  left: auto;
}
.droopmenu-vertical.dmpos-right .droopmenu li > ul:after {
  right: auto;
  left: 100%;
}

/*	-------------------------------------------------------
	:: Droopmenu | VERUICAL | DROP BOTTOM-TOP DIRECTION
	------------------------------------------------------- */
/*	-------------------------------------------------------
	:: Droopmenu | VERUICAL | RIGHT POSITION
	------------------------------------------------------- */
.droopmenu-vertical-wrapper {
  width: 240px;
}

/*	-------------------------------------------------------
	:: Droopmenu | CONTENT STYLING
	------------------------------------------------------- */
.droopmenu-left {
  float: left;
}

.droopmenu-right {
  float: right;
}

.droopmenu-col img {
  max-width: 100%;
  display: block;
}
.droopmenu-col .droopmenu-media {
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
  height: 0;
}
.droopmenu-col .droopmenu-media video, .droopmenu-col .droopmenu-media embed, .droopmenu-col .droopmenu-media object, .droopmenu-col .droopmenu-media iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  left: 0;
  top: 0;
}
.droopmenu-col h4 {
  font-weight: 300;
  font-size: 22px;
}

.droopmenu .droopmenu-col li a {
  display: block;
  padding: 5px 0;
  border-bottom: 0;
  font-weight: 300;
  font-size: 15px;
}
.droopmenu .droopmenu-col li:last-child a {
  padding-bottom: 0;
}
.droopmenu .droopmenu-col ul li:hover > a {
  text-decoration: none;
  background: none;
}
.droopmenu .dm-bottom-separator {
  border-bottom: 1px solid #E3E9ED;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.droopmenu .dm-block-title {
  font-weight: 400;
  overflow: hidden;
  padding: 6px 25px;
  font-size: 18px;
}
.droopmenu .droopmenu-content {
  padding-bottom: 20px;
}
.droopmenu .droopmenu-content h4 {
  margin-bottom: 15px;
}
.droopmenu .droopmenu-content p a {
  color: #A9B4BA;
  display: inline;
  padding: 0;
  font-size: inherit;
}
.droopmenu .droopmenu-content .dm-small {
  color: #A9B4BA;
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
}
.droopmenu .droopmenu-content .dm-italic {
  font-style: italic;
}
.droopmenu .droopmenu-content p {
  line-height: 1.8em;
  margin: 0 0 1.2em 0;
}
.droopmenu .droopmenu-content .droopmenu-icon-link p {
  margin: 0;
}
.droopmenu .droopmenu-content p:last-child {
  margin-bottom: 0;
}
.droopmenu .droopmenu-content p a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.droopmenu .droopmenu-content p a:hover i {
  margin-left: 5px;
}
.droopmenu .droopmenu-content p a i {
  font-size: 14px;
  margin-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.droopmenu .dm-border-right {
  border-right: 1px solid #ddd;
  padding-right: 20px;
}
.droopmenu .dm-border-bottom {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #ddd;
  margin: 20px 0;
}
.droopmenu .droopmenu-content .droopmenu-social-icons {
  padding-bottom: 15px;
}
.droopmenu .droopmenu-content .droopmenu-social-icons a {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.droopmenu .droopmenu-content .droopmenu-social-icons a i {
  position: relative;
  top: -1px;
}
.droopmenu .droopmenu-icon-links li {
  display: block;
  position: relative;
  margin: 15px 0;
}
.droopmenu .droopmenu-icon-links li a {
  width: 100%;
  height: 100%;
  font-size: 0;
  display: block;
  text-indent: -9999px;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
}
.droopmenu .droopmenu-icon-links li .dm-details {
  display: block;
  padding: 0px 0px 0px 50px;
}
.droopmenu .droopmenu-icon-links li .dm-details span {
  font-size: 20px;
  font-weight: 300;
  transition: all 500ms ease-in-out;
}
.droopmenu .droopmenu-icon-links li .dm-icon-holder {
  width: 32px;
  height: 32px;
  position: absolute;
  line-height: 32px;
  text-align: center;
  background: #898989;
  transition: all 500ms ease-in-out;
  border-radius: 50%;
  color: #ffffff;
  left: 0px;
  top: 6px;
}
.droopmenu .droopmenu-icon-links li .dm-icon-holder i {
  font-size: 18px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.droopmenu .droopmenu-icon-links li a:hover ~ .dm-details span {
  color: #A9B4BA;
}
.droopmenu .droopmenu-icon-links li a:hover ~ .dm-icon-holder {
  background: #A9B4BA;
}

.dm-equalize {
  overflow: hidden;
}
.dm-equalize > .droopmenu-col {
  display: table-cell;
  float: none;
}
.dm-equalize > .droopmenu-col .droopmenu-content {
  padding-bottom: 10000px;
  margin-bottom: -10000px;
}

/*	-------------------------------------------------------
	:: SOCIAL ICONS
	------------------------------------------------------- */
.droopmenu-social-icons {
  display: block;
}

.droopmenu-extra .droopmenu-social-icons {
  line-height: 70px;
}

.droopmenu-social-icons a {
  width: 32px;
  height: 32px;
  line-height: 28px;
  text-align: center;
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: 2px solid;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: color 1s, background 1s;
  -moz-transition: color 1s, background 1s;
  -ms-transition: color 1s, background 1s;
  -o-transition: color 1s, background 1s;
  transition: color 1s, background 1s;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  cursor: pointer;
  color: #71818C;
}
.droopmenu-social-icons a:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.droopmenu-social-icons a:hover:after {
  animation: sonarEffect 450ms ease-out;
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2), 0 0 10px 10px #fff, 0 0 0 10px rgba(0, 0, 0, 0.2);
    opacity: 0.5;
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2), 0 0 10px 10px #fff, 0 0 0 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.6);
    opacity: 0;
  }
}
.droopmenu li .droopmenu-social-icons a i {
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  margin: 0;
  top: 0;
}

.droopmenu-extra .droopmenu .droopmenu-social-icons a {
  border-color: #71818C;
}
.droopmenu-extra .droopmenu .droopmenu-social-icons a i {
  color: #71818C;
}
.droopmenu-extra .droopmenu .droopmenu-social-icons a:hover {
  border-color: #CCCCCC;
}
.droopmenu-extra .droopmenu .droopmenu-social-icons a:hover i {
  color: #CCCCCC;
}

.droopmenu-social-icons .dm-twitter, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-twitter {
  background: #28AAE1;
  border-color: #28AAE1;
}

.droopmenu-social-icons .dm-facebook, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-facebook {
  background: #3B5998;
  border-color: #3B5998;
}

.droopmenu-social-icons .dm-googleplus, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-googleplus {
  background: #DC4E41;
  border-color: #DC4E41;
}

.droopmenu-social-icons .dm-linkedin, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-linkedin {
  background: #0073B2;
  border-color: #0073B2;
}

.droopmenu-social-icons .dm-youtube, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-youtube {
  background: #E52D27;
  border-color: #E52D27;
}

.droopmenu-social-icons .dm-pinterest, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-pinterest {
  background: #BD081C;
  border-color: #BD081C;
}

.droopmenu-social-icons .dm-rss, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-rss {
  background: #FF8B00;
  border-color: #FF8B00;
}

.droopmenu-social-icons .dm-instagram, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-instagram {
  background: #3F729B;
  border-color: #3F729B;
}

.droopmenu-social-icons .dm-whatsapp, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-whatsapp {
  background: #3BB931;
  border-color: #3BB931;
}

.droopmenu-social-icons .dm-twitter:hover, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-twitter:hover {
  background: #53BBE7;
  border-color: #53BBE7;
}

.droopmenu-social-icons .dm-facebook:hover, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-facebook:hover {
  background: #627AAC;
  border-color: #627AAC;
}

.droopmenu-social-icons .dm-googleplus:hover, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-googleplus:hover {
  background: #E56348;
  border-color: #E56348;
}

.droopmenu-social-icons .dm-linkedin:hover, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-linkedin:hover {
  background: #338FC1;
  border-color: #338FC1;
}

.droopmenu-social-icons .dm-youtube:hover, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-youtube:hover {
  background: #E52D27;
  border-color: #E52D27;
}

.droopmenu-social-icons .dm-pinterest:hover, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-pinterest:hover {
  background: #BD081C;
  border-color: #BD081C;
}

.droopmenu-social-icons .dm-rss:hover, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dm-rss:hover {
  background: #FFA233;
  border-color: #FFA233;
}

.droopmenu-social-icons .dms-icon i, .droopmenu-social-icons .dms-icon:hover i {
  color: #fff;
}

.droopmenu-extra .droopmenu .droopmenu-social-icons a.dms-icon i, .droopmenu-extra .droopmenu .droopmenu-social-icons a.dms-icon:hover i {
  color: #fff;
}

/*	-------------------------------------------------------
	:: MODAL SEARCH
	-------------------------------------------------------*/
.dm-body-fix, .dm-search-open {
  overflow: hidden;
}

.dm-modal-search {
  width: 100%;
  height: 100%;
  z-index: 1040;
  position: fixed;
  -webkit-transition: opacity 0.3s 0s, visibility 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s;
  transition: opacity 0.3s 0s, visibility 0s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.dm-search-open .dm-modal-search {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  visibility: visible;
  opacity: 1;
}

.dm-search-overlay {
  width: 100vw;
  height: 100vw;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  -moz-transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  -ms-transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  -o-transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  right: -50vw;
  top: -50vw;
  opacity: 0.4;
  z-index: 10;
}

.dm-search-open .dm-search-overlay {
  opacity: 1;
  -webkit-transform: scale(2) translate(-25%, 25%);
  -moz-transform: scale(2) translate(-25%, 25%);
  -ms-transform: scale(2) translate(-25%, 25%);
  transform: scale(2) translate(-25%, 25%);
  -moz-transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  -ms-transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  -o-transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  transition: all 0.6s cubic-bezier(0.67, 0.4, 0.67, 0.37);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.dm-search-wrapper {
  display: block;
  position: absolute;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  width: 100%;
  height: 100vh;
  z-index: 13;
  opacity: 0;
}

.dm-search-open .dm-search-wrapper {
  opacity: 1;
}

.dm-modal-form {
  width: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 1200px;
  z-index: 999;
  height: 70px;
  padding: 0;
  top: 50%;
}

.dm-search-open .dm-modal-form {
  -webkit-animation-name: searchShow;
  -webkit-animation-duration: 1.2s;
  animation-name: searchShow;
  animation-duration: 1.2s;
}

.dm-modal-form input {
  color: #FFF;
  display: block;
  height: 70px;
  margin: 0 auto;
  padding: 0 70px 0 5px;
  opacity: 1;
  font-size: 48px;
  border: 0;
  background: 0;
  position: relative;
  font-weight: 200;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: none;
  width: 100%;
  z-index: 2;
  top: 0;
}
.dm-modal-form button {
  border: 0;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 32px;
  position: absolute;
  background: none;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: none;
  height: 100%;
  width: 70px;
  z-index: 2;
  right: -10px;
  top: 0;
}
.dm-modal-form input::placeholder, .dm-modal-form input:-moz-placeholder, .dm-modal-form input::-moz-placeholder, .dm-modal-form input::-webkit-input-placeholder, .dm-modal-form input:-ms-input-placeholder {
  color: #FFF;
  opacity: 1;
}
.dm-modal-form input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.dm-modal-form input::-webkit-search-cancel-button {
  display: none;
}
.dm-modal-form label {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  outline: none;
  z-index: 1;
  top: 0;
}
.dm-modal-form label:before, .dm-modal-form label:after {
  content: "";
  bottom: -3px;
  position: absolute;
  background: #fff;
  -webkit-transition: all 500ms cubic-bezier(0.68, 0, 0.265, 1);
  -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 2;
  height: 3px;
  width: 0;
  z-index: 2;
}
.dm-modal-form label:before {
  left: 50%;
}
.dm-modal-form label:after {
  right: 50%;
}
.dm-modal-form input:focus {
  top: -10px;
}
.dm-modal-form input:focus ~ label:after, .dm-modal-form input:focus ~ label:before {
  width: 50%;
}
.dm-modal-form input:focus ~ button {
  right: -15px;
}

@-webkit-keyframes searchShow {
  0% {
    opacity: 0;
    margin-top: 40px;
    height: 100px;
  }
  67% {
    opacity: 0;
    margin-top: 40px;
    height: 100px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
    height: 70px;
  }
}
@keyframes searchShow {
  0% {
    opacity: 0;
    margin-top: 40px;
    height: 100px;
  }
  67% {
    opacity: 0;
    margin-top: 40px;
    height: 100px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
    height: 70px;
  }
}
.dm-search-close {
  width: 50px;
  height: 70px;
  position: absolute;
  font-size: 64px;
  z-index: 999;
  color: #fff;
  right: -5px;
  top: -15px;
  opacity: 0;
  text-decoration: none;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  outline: none;
}

.dm-search-open .dm-search-close {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 1;
}

.dm-search-slidedown .dm-search-overlay {
  position: fixed;
  -webkit-transition: all 800ms cubic-bezier(1, 0, 0.07, 1);
  -moz-transition: all 800ms cubic-bezier(1, 0, 0.07, 1);
  -o-transition: all 800ms cubic-bezier(1, 0, 0.07, 1);
  transition: all 800ms cubic-bezier(1, 0, 0.07, 1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  width: 100%;
  height: 0%;
  right: 0;
  left: 0;
  top: 0;
}

.dm-search-open .dm-search-slidedown .dm-search-overlay {
  height: 100%;
}

.dm-search-slidedown .dm-modal-form {
  margin-top: 100px;
  -webkit-transition: all 600ms cubic-bezier(1, 0, 0.07, 1);
  -moz-transition: all 600ms cubic-bezier(1, 0, 0.07, 1);
  -o-transition: all 600ms cubic-bezier(1, 0, 0.07, 1);
  transition: all 600ms cubic-bezier(1, 0, 0.07, 1);
}

.dm-search-open .dm-search-slidedown .dm-modal-form {
  margin-top: 0;
}

.dm-search-slidedown .dm-search-wrapper {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/*	-------------------------------------------------------
	:: Droopmenu | TABS | MOBILE FIRST
	------------------------------------------------------- */
.droopmenu .droopmenu-tabs {
  display: block;
}
.droopmenu .droopmenu-tabcontent {
  border-bottom: 1px solid #E3E9ED;
  padding: 20px 30px;
  background: #fff;
  display: none;
}
.droopmenu .droopmenu-tabcontent.droopmenu-tab-active {
  display: block;
}
.droopmenu .droopmenu-tabnav {
  display: none;
}
.droopmenu .droopmenu-tabnav a {
  text-transform: uppercase;
}
.droopmenu .droopmenu-tabheader {
  padding: 1em;
  color: #71818C;
  display: block;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
}
.droopmenu .droopmenu-tabnav:after, .droopmenu .droopmenu-tabnav:before {
  display: table;
  content: "";
}
.droopmenu .droopmenu-tabheader:after, .droopmenu .droopmenu-tabheader:before {
  display: table;
  content: "";
}

.droopmenu-tabs.droopmenu-tabs-vertical:after, .droopmenu-tabs.droopmenu-tabs-vertical:before {
  display: table;
  content: "";
}

.droopmenu .droopmenu-tabnav:after, .droopmenu .droopmenu-tabheader:after {
  clear: both;
}

.droopmenu-tabs.droopmenu-tabs-vertical:after {
  clear: both;
}

.droopmenu .droopmenu-tabheader:hover, .droopmenu .droopmenu-tabheader:focus {
  text-decoration: none;
}
.droopmenu .droopmenu-tabheader.has-children:before {
  float: right;
  content: "+ ";
}
.droopmenu .droopmenu-tabheader.droopmenu-tab-active {
  background: #F1F4F8;
}
.droopmenu .droopmenu-tabheader.droopmenu-tab-active:before {
  content: "– ";
}

/*	-------------------------------------------------------
	:: Droopmenu | MOBILE TOGGLE BUTTON
	------------------------------------------------------- */
.droopmenu-toggle:not(.no-hamburger) {
  width: 50px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  text-align: center;
  padding-top: 12px;
  cursor: pointer;
  display: none;
  float: right;
  right: 0;
  top: 16px;
}
.droopmenu-toggle:not(.no-hamburger) i {
  width: 28px;
  height: 2px;
  display: block;
  position: relative;
  -webkit-transition: all 700ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -moz-transition: all 700ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -o-transition: all 700ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 700ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  margin-bottom: 7px;
  margin-right: auto;
  margin-left: auto;
}
.droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(2) {
  opacity: 1;
}
.droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(2):after, .droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(2):before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.1s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.08s;
  -moz-transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.1s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.08s;
  -o-transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.1s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.08s;
  transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.1s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.08s;
}
.droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(1) {
  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
  -moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
  -ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
  -o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
}
.droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(1):after, .droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(1):before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4), opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4);
  -moz-transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4), opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4);
  -o-transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4), opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4);
  transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4), opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4);
}
.droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(3) {
  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
  -moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
  -ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
  -o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
}
.droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(3):after, .droopmenu-toggle:not(.no-hamburger) .dm-burg:nth-child(3):before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.2s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.18s;
  -moz-transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.2s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.18s;
  -o-transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.2s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.18s;
  transition: transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.2s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.18s;
}
.droopmenu-toggle:not(.no-hamburger) i:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  pointer-events: none;
  background: #71818C;
}
.droopmenu-toggle:not(.no-hamburger) i:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  pointer-events: none;
  background: #71818C;
  opacity: 1;
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.droopmenu-toggle:not(.no-hamburger) i:after {
  opacity: 0;
  -webkit-transform: translate3d(50%, 0, 0);
  -moz-transform: translate3d(50%, 0, 0);
  -ms-transform: translate3d(50%, 0, 0);
  -o-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.droopmenu-toggle:not(.no-hamburger):hover i:before {
  opacity: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.droopmenu-toggle:not(.no-hamburger):hover i:after {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.droopmenu-toggle:not(.no-hamburger).dmt-active i {
  -webkit-transition: all 700ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -moz-transition: all 700ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -o-transition: all 700ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 700ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.droopmenu-toggle:not(.no-hamburger).dmt-active .dm-burg:nth-child(1) {
  -webkit-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
  -moz-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
  -ms-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
  -o-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
  transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
}
.droopmenu-toggle:not(.no-hamburger).dmt-active .dm-burg:nth-child(2) {
  opacity: 0;
}
.droopmenu-toggle:not(.no-hamburger).dmt-active .dm-burg:nth-child(3) {
  margin-bottom: 0;
  -webkit-transform: translate3d(0, -11px, 0) rotate3d(0, 0, 1, 45deg);
  -moz-transform: translate3d(0, -11px, 0) rotate3d(0, 0, 1, 45deg);
  -ms-transform: translate3d(0, -11px, 0) rotate3d(0, 0, 1, 45deg);
  -o-transform: translate3d(0, -11px, 0) rotate3d(0, 0, 1, 45deg);
  transform: translate3d(0, -11px, 0) rotate3d(0, 0, 1, 45deg);
}

/*	-------------------------------------------------------
	:: Droopmenu | DROPDOWN ANIMATIONS
	------------------------------------------------------- */
/* FADE */
.dmfade .droopmenu li > ul {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
  -webkit-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
  -moz-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
  -o-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
  transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
}

.dmpos-bottom.dmfade .droopmenu li > ul {
  -webkit-transform: translate(0, -1px);
  -moz-transform: translate(0, -1px);
  -ms-transform: translate(0, -1px);
  -o-transform: translate(0, -1px);
  transform: translate(0, -1px);
}

.dmfade .droopmenu li.dmopener > ul {
  transition-delay: 0s;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* SLIDE UP */
.dmslideup .droopmenu li > ul {
  -webkit-transform: translate(0, 60px);
  -moz-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
  -moz-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
  -o-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
  transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
}

.dmpos-bottom.dmslideup .droopmenu li > ul {
  -webkit-transform: translate(0, -60px);
  -moz-transform: translate(0, -60px);
  -ms-transform: translate(0, -60px);
  -o-transform: translate(0, -60px);
  transform: translate(0, -60px);
}

.dmslideup .droopmenu li.dmopener > ul {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/* SLIDE DOWN */
.dmslidedown .droopmenu li > ul {
  -webkit-transform: translateY(-2em);
  -moz-transform: translateY(-2em);
  -ms-transform: translateY(-2em);
  -o-transform: translateY(-2em);
  transform: translateY(-2em);
  -webkit-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
  -moz-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
  -o-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
  transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
  z-index: -99;
}

.dmpos-bottom.dmslidedown .droopmenu li > ul {
  -webkit-transform: translateY(2em);
  -moz-transform: translateY(2em);
  -ms-transform: translateY(2em);
  -o-transform: translateY(2em);
  transform: translateY(2em);
}

.dmslidedown .droopmenu li.dmopener > ul {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 99;
  opacity: 1;
}

/* SLIDE LEFT / RIGHT */
.dmslideleft .droopmenu li > ul {
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
}

.dmslideright .droopmenu li > ul {
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
}

.dmslideleft .droopmenu li > ul, .dmslideright .droopmenu li > ul {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, visibility 0s 0.5s, left 0s 0.5s;
  transition: opacity 0.5s, transform 0.5s, visibility 0s 0.5s, left 0s 0.5s;
}

.dmslideleft .droopmenu li.dmopener > ul, .dmslideright .droopmenu li.dmopener > ul {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
}

/* FLIP */
.dmflip .droopmenu li > ul {
  -webkit-transform: perspective(1160px) rotateX(-90deg);
  -moz-transform: perspective(1160px) rotateX(-90deg);
  -ms-transform: perspective(1160px) rotateX(-90deg);
  -o-transform: perspective(1160px) rotateX(-90deg);
  transform: perspective(1160px) rotateX(-90deg);
  -webkit-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
  -moz-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
  -o-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
  transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.dmpos-bottom.dmflip .droopmenu li > ul {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.dmflip .droopmenu li.dmopener > ul {
  -webkit-transform: perspective(1160px) rotateX(0);
  -moz-transform: perspective(1160px) rotateX(0);
  -ms-transform: perspective(1160px) rotateX(0);
  -o-transform: perspective(1160px) rotateX(0);
  transform: perspective(1160px) rotateX(0);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/* FLIP DOWN */
.dmflipdown .droopmenu li > ul {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, left 0s 0.5s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s, left 0s 0.5s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s, left 0s 0.5s;
  -o-transition: -o-transform 0.3s, opacity 0.3s, left 0s 0.5s;
  transition: transform 0.5s, opacity 0.5s, left 0s 0.5s;
}

.dmpos-bottom.dmflipdown .droopmenu li > ul {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

.dmflipdown .droopmenu li.dmopener > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

/* SCALE */
.dmscale .droopmenu li > ul {
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, visibility 0s 0.5s, left 0s 0.5s;
  transition: transform 0.5s, opacity 0.5s, visibility 0s 0.2s, left 0s 0.5s;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
}

.dmpos-bottom.dmscale .droopmenu li > ul {
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center;
}

.dmscale .droopmenu li.dmopener > ul {
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*	-------------------------------------------------------
	:: Droopmenu | RESPONSIVE STYLES > = 768
	------------------------------------------------------- */
@media only screen and (min-width: 991px) {
  .droopmenu-nav {
    width: 100%;
  }
  .droopmenu-vertical .droopmenu-extra {
    float: none;
  }
  .dmcentered .dm-nav-brand {
    display: block;
  }
  .dmcentered .droopmenu-brand {
    display: none;
  }
  .dmsticky {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    top: 0;
  }
  .dmsticky:after, .dmsticky:before {
    content: "";
    display: table;
  }
  .droopmenu-brand {
    height: auto;
  }
  .droopmenu-brand img {
    height: 4.4vw;
    height: auto;
    width: 180px;
    max-height: none !important;
    padding: 0;
  }
  .droopmenu-header {
    height: inherit;
    display: flex;
    align-items: center;
  }
  /*	--------------------------------------------------
  	:: TABS
  	-------------------------------------------------- */
  .droopmenu .droopmenu-tabnav {
    display: block;
    background: #fff;
    position: relative;
    z-index: 10;
  }
  .droopmenu .droopmenu-tabnav a {
    float: left;
    height: 56px;
    display: block;
    padding: 0 20px;
    /*line-height:56px;*/
    line-height: 1.2;
    text-decoration: none;
    position: relative;
    color: #71818C;
    border: 0;
  }
  .droopmenu .droopmenu-tabs.tabs-justify .droopmenu-tabnav a {
    display: table-cell;
    text-align: center;
    float: none;
    width: 1%;
  }
  .droopmenu .droopmenu-tabnav a.droopmenu-tab-active {
    font-weight: 400;
  }
  .droopmenu .droopmenu-tabnav a:after {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    -webkit-transform: rotate(135deg) scale(0);
    -moz-transform: rotate(135deg) scale(0);
    -ms-transform: rotate(135deg) scale(0);
    -o-transform: rotate(135deg) scale(0);
    transform: rotate(135deg) scale(0);
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    border-bottom: 1px solid #D9E2EC;
    border-right: 1px solid #D9E2EC;
    background-color: #ffffff;
    bottom: -7px;
    right: 47%;
    z-index: 11;
  }
  .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a:after {
    -webkit-transform: rotate(225deg) scale(0);
    -moz-transform: rotate(225deg) scale(0);
    -ms-transform: rotate(225deg) scale(0);
    -o-transform: rotate(225deg) scale(0);
    transform: rotate(225deg) scale(0);
    bottom: 36%;
    right: -7px;
  }
  .droopmenu .droopmenu-tabnav a.droopmenu-tab-active:after {
    -webkit-transform: rotate(225deg) scale(1);
    -moz-transform: rotate(225deg) scale(1);
    -ms-transform: rotate(225deg) scale(1);
    -o-transform: rotate(225deg) scale(1);
    transform: rotate(225deg) scale(1);
  }
  .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical {
    display: table;
    width: 100%;
  }
  .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a.droopmenu-tab-active:after {
    -webkit-transform: rotate(135deg) scale(1);
    -moz-transform: rotate(135deg) scale(1);
    -ms-transform: rotate(135deg) scale(1);
    -o-transform: rotate(135deg) scale(1);
    transform: rotate(135deg) scale(1);
  }
  .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenutabcol {
    display: table-cell;
    vertical-align: top;
  }
  .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav {
    height: auto;
    background: #fff;
    width: 200px;
    position: relative;
    z-index: 10;
  }
  .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a {
    float: none;
    margin: 0;
  }
  .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabpanel {
    position: relative;
    border-left: 1px solid #E3E9ED;
    border-top: 0;
    z-index: 5;
  }
  .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabsection {
    border: 0;
  }
  .droopmenu .droopmenu-tabheader {
    display: none;
  }
  .droopmenu .droopmenu-tabpanel {
    border-top: 1px solid #E3E9ED;
    z-index: 5;
  }
  .droopmenu .droopmenu-tabcontent {
    padding: 30px 40px;
    border-bottom: 0;
  }
  .droopmenu .droopmenu-tabsection {
    border-top: 0;
  }
  .droopmenu .droopmenu-tabsection.droopmenu-tab-active {
    display: block;
  }
  .droopmenu .droopmenu-tabsection.droopmenu-tab-active .droopmenu-tabcontent {
    display: block;
  }
  .droopmenu .droopmenu-row:last-child .droopmenu-col .coldemo {
    margin-bottom: 0;
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul {
    display: flex;
    width: 100%;
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li:not(.no-flex-grow) {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li:not(.no-flex-grow).sideTopNav {
    display: flex;
    /* flex-basis: auto; */
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li:not(.no-flex-grow).sideTopNav a:first-child {
    /* margin-left: 1.5rem; */
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li:not(.no-flex-grow).sideTopNav .droopmenu-with-icon i {
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li:not(.no-flex-grow).sideTopNav .droopmenu-with-icon span {
    text-transform: uppercase;
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li:not(.no-flex-grow) > a {
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
  .dmscale .droopmenu li.dmopener > ul {
    height: 100vh;
    height: auto;
    overflow-y: scroll;
  }
}
.droopmenu-offcanvas .droopmenu-nav {
  width: 70vw;
}

.sideTopNav span {
  font-size: 0.5rem;
}

/* @media screen and (min-width: 768px) {
} */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .droopmenu-offcanvas .droopmenu-nav {
    width: 45vw;
  }
}
@media screen and (max-width: 991px) {
  .droopmenu {
    position: static;
    width: 100%;
    float: none;
  }
  .droopmenu-left, .droopmenu-right {
    float: none;
  }
  .droopmenu-boxed, .droopmenu-vertical, .droopmenu .droopmenu-grid, .droopmenu-vertical-wrapper {
    width: 100%;
  }
  .droopmenu-vertical {
    min-height: 0;
  }
  .droopmenu-row {
    margin: 0;
  }
  .droopmenu-col {
    width: 100%;
    float: none;
    padding: 0;
  }
  .droopmenu-toggle:not(.no-hamburger) {
    display: inline-block;
  }
  .droopmenu ul {
    display: block;
    width: 100%;
  }
  .droopmenu li > ul {
    width: 100%;
  }
  .droopmenu ul.droopmenu-grid {
    width: 100%;
  }
  .droopmenu ul.droopmenu-grid ul {
    width: 100%;
  }
  .droopmenu ul.droopmenu-grid ul.droopmenu-col {
    width: 100%;
  }
  .droopmenu-nav, .droopmenu li > ul {
    display: none;
  }
  .droopmenu-nav {
    border-top: 1px solid #E3E9ED;
  }
  .droopmenu li > ul, .droopmenu li.drop-left > ul {
    -webkit-transform-origin-x: 0;
    -moz-transform-origin-x: 0;
    -ms-transform-origin-x: 0;
    -o-transform-origin-x: 0;
    transform-origin-x: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
  }
  .dmpos-bottom .droopmenu li > ul, .droopmenu-vertical .droopmenu li > ul {
    -webkit-transform-origin-x: 0;
    -moz-transform-origin-x: 0;
    -ms-transform-origin-x: 0;
    -o-transform-origin-x: 0;
    transform-origin-x: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
  }
  .droopmenu > li {
    float: none;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    display: block;
  }
  .droopmenu > li.right {
    float: none;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    display: block;
  }
  .droopmenu li.dmopener > ul {
    position: static;
  }
  .droopmenu li li.dmopener ul, .droopmenu li li.dmopener > ul {
    position: static;
  }
  .droopmenu li.droop-left > ul, .droopmenu li li.droop-left > ul {
    position: static;
  }
  .droopmenu-vertical .droopmenu li > ul {
    position: static;
  }
  .droopmenu > li > a {
    padding: 0;
    border-right: 0;
    font-size: 15px;
    padding-left: 25px;
    position: relative;
    line-height: 56px;
    height: auto;
  }
  .droopmenu-vertical .droopmenu > li > a, .droopmenu-vertical .droopmenu > li > span {
    padding: 0;
    border-right: 0;
    font-size: 15px;
    padding-left: 25px;
    position: relative;
    line-height: 56px;
    height: auto;
  }
  .droopmenu li ul {
    padding: 0;
  }
  .droopmenu li ul li a {
    padding: 15px 25px;
  }
  .droopmenu li li > a {
    position: relative;
  }
  .droopmenu li li > ul:after {
    display: none;
  }
  .droopmenu li > ul:after {
    display: none;
  }
  .droopmenu > li ul, .droopmenu > li > ul li ul {
    box-shadow: none;
    position: relative;
    border: 0;
    left: 0;
    top: 0;
  }
  .droopmenu .bg-white {
    background-color: #fff;
  }
  .droopmenu-inner {
    padding: 0;
    /* margin:0;  */
    margin: 0 auto;
  }
  .droopmenu-header {
    float: none;
    padding: 0 0px;
    background-color: inherit;
    display: flex;
  }
  /*	--------------------------------------------------
  	:: Indicators
  	-------------------------------------------------- */
  /*	--------------------------------------------------
  	:: Offcanvas Overlay + Close Button
  	-------------------------------------------------- */
  /*	--------------------------------------------------
  	:: Utility Menu | Extras
  	-------------------------------------------------- */
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .droopmenu-header {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .droopmenu-nav:after, .droopmenu-nav:before {
    display: table;
    content: " ";
  }
  .droopmenu-header:after, .droopmenu-header:before {
    display: table;
    content: " ";
  }
  .droopmenu-nav:after, .droopmenu-header:after {
    clear: both;
  }
  .droopmenu > li.dm-nav-brand {
    display: none;
  }
  .droopmenu li > ul, .droopmenu li li > ul, .droopmenu li.dmopener > ul, .droopmenu li li.dmopener > ul {
    position: static;
    visibility: visible;
    opacity: 1;
    margin: 0;
    left: 0;
    top: 0;
  }
  .droopmenu li ul li a {
    border-bottom: 1px solid #E3E9ED;
  }
  .droopmenu > li > a, .droopmenu .droopmenu-grid-container {
    border-bottom: 1px solid #E3E9ED;
  }
  .droopmenu .dm-arrow {
    display: none;
  }
  .dmarrow-down .droopmenu .dm-arrow {
    display: none;
  }
  .dm-nav-brand a img, .droopmenu-brand img {
    max-width: 180px;
  }
  .droopmenu li a .droopmenu-indicator, .droopmenu-vertical .droopmenu li a .droopmenu-indicator {
    position: absolute;
    text-align: center;
    display: inline-block;
    height: 100%;
    width: 50px;
    line-height: 60px;
    z-index: 10;
    right: 0;
    top: 0;
  }
  .droopmenu li a .droopmenu-indicator em:after, .droopmenu li li a .droopmenu-indicator em:after {
    content: "+";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: center;
    right: auto;
    left: auto;
    top: -2px;
  }
  .droopmenu-vertical .droopmenu li a .droopmenu-indicator em:after {
    content: "+";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: center;
    right: auto;
    left: auto;
    top: -2px;
  }
  .droopmenu li.dmtoggle-open > a .droopmenu-indicator em:after {
    content: "–";
    top: -5px;
  }
  .droopmenu li li.dmtoggle-open > a .droopmenu-indicator em:after {
    content: "–";
    top: -5px;
  }
  .droopmenu li li a .droopmenu-indicator em:after, .droopmenu li li.dmtoggle-open > a .droopmenu-indicator em:after {
    left: -1px;
  }
  .droopmenu-overlay {
    width: 0%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -khtml-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
    cursor: pointer;
    z-index: 120;
    bottom: 0;
    top: 0;
  }
  .droopmenu-offcanvas.dmoffleft .droopmenu-overlay {
    left: 0;
  }
  .droopmenu-offcanvas.dmoffright .droopmenu-overlay {
    right: 0;
  }
  .droopmenu-offcanvas.droopmenu-offcanvas-open .droopmenu-overlay {
    width: 100%;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -khtml-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
  }
  .droopmenu-mclose {
    outline: none;
    cursor: pointer;
    background: #fff;
    border-bottom: 1px solid #E3E9ED;
    position: relative;
    overflow: hidden;
    line-height: 70px;
    height: 70px;
  }
  .droopmenu-mclose span {
    width: 29px;
    height: 29px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    opacity: 1;
    left: 17px;
    top: 22px;
  }
  .droopmenu-mclose span:before, .droopmenu-mclose span:after {
    content: "";
    position: absolute;
    background-color: #71818C;
    -webkit-transition: all 500ms cubic-bezier(0.895, 0, 0.07, 1);
    -webkit-transition: all 500ms cubic-bezier(0.895, -0.6, 0.07, 1.65);
    -moz-transition: all 500ms cubic-bezier(0.895, -0.6, 0.07, 1.65);
    -o-transition: all 500ms cubic-bezier(0.895, -0.6, 0.07, 1.65);
    transition: all 500ms cubic-bezier(0.895, -0.6, 0.07, 1.65);
  }
  .droopmenu-mclose span:before {
    height: 0%;
    width: 1px;
    position: absolute;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
    left: 13px;
  }
  .droopmenu-mclose span:after {
    width: 0%;
    height: 1px;
    position: absolute;
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 100ms;
    top: 13px;
  }
  .droopmenu-offcanvas .droopmenu-nav {
    /*width: 280px;*/
    display: block;
    position: fixed;
    -webkit-transition: all 600ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition: all 600ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-transition: all 600ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: all 600ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transition-delay: 0.55s;
    -moz-transition-delay: 0.55s;
    -o-transition-delay: 0.55s;
    transition-delay: 0.55s;
    padding-bottom: 70px;
    background: #ffffff;
    overflow: hidden;
    border-top: 0;
    z-index: 1000;
    bottom: 0;
    top: 0;
  }
  .droopmenu-offcanvas .droopmenu-nav-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
  .droopmenu-offcanvas .droopmenu-nav-wrap > .droopmenu-navi {
    position: absolute;
    overflow: auto;
    overflow-x: hidden;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
  }
  .droopmenu-offcanvas.dmoffleft .droopmenu-nav {
    left: -300px;
  }
  .droopmenu-offcanvas.dmoffright .droopmenu-nav {
    /*right:-300px;*/
    right: -100vw;
  }
  .droopmenu-offcanvas.dmoffleft.droopmenu-offcanvas-open .droopmenu-nav {
    left: 0;
  }
  .droopmenu-offcanvas.dmoffright.droopmenu-offcanvas-open .droopmenu-nav {
    right: 0;
  }
  .droopmenu-offcanvas.dmoffright .droopmenu-mclose span {
    right: 20px;
    left: auto;
  }
  .droopmenu-offcanvas-open .droopmenu-mclose span:before {
    height: 100%;
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  .droopmenu-offcanvas-open .droopmenu-mclose span:after {
    width: 100%;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
  }
  .droopmenu-offcanvas.droopmenu-offcanvas-open .droopmenu-nav {
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }
  .droopmenu-offcanvas .droopmenu-toggle i {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .droopmenu-extra {
    position: absolute;
    top: 0;
    right: 70px;
  }
  .droopmenu-extra .droopmenu > li {
    float: left;
    width: auto;
  }
  .droopmenu-extra .droopmenu ul li:last-child a {
    border-bottom: 0;
  }
  .droopmenu-extra .droopmenu > li > a {
    height: 70px;
    line-height: 70px;
    border-bottom: 0;
    padding: 0 10px;
  }
  .droopmenu-extra .droopmenu li a .droopmenu-indicator {
    width: auto;
    position: static;
    text-align: left;
    background: none;
    height: auto;
    border: 0;
  }
  .droopmenu-extra .droopmenu li a .droopmenu-indicator em:after {
    content: "\f3d0";
    font-family: "Ionicons";
    display: inline-block;
    -o-transition: all 0.32s ease 0s;
    -ms-transition: all 0.32s ease 0s;
    -moz-transition: all 0.32s ease 0s;
    -webkit-transition: all 0.32s ease 0s;
    transition: all 0.32s ease 0s;
    font-weight: 300;
    font-size: 14px;
  }
  .droopmenu-extra .droopmenu li > ul {
    position: absolute;
    -webkit-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
    width: 150px;
    top: 100%;
    border: 0;
  }
  .droopmenu-extra .droopmenu li li a .droopmenu-indicator em:after {
    content: "\f3d0";
    font-family: "Ionicons";
    display: inline-block;
    -o-transition: all 0.32s ease 0s;
    -ms-transition: all 0.32s ease 0s;
    -moz-transition: all 0.32s ease 0s;
    -webkit-transition: all 0.32s ease 0s;
    transition: all 0.32s ease 0s;
    font-weight: 300;
    font-size: 14px;
  }
  .droopmenu-extra .droopmenu li.dmtoggle-open a .droopmenu-indicator em:after, .droopmenu-extra .droopmenu li.dmtoggle-open li.dmtoggle-open a .droopmenu-indicator em:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .droopmenu-extra .droopmenu li li a .droopmenu-indicator em:after {
    content: "\f105";
    position: absolute;
    right: 18px;
    top: 20%;
  }
  .dmpos-bottom .droopmenu-extra .droopmenu li > ul {
    -webkit-box-shadow: 0px -12px 22px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px -12px 22px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px -12px 22px 0px rgba(0, 0, 0, 0.12);
    -webkit-transform-origin-y: 100%;
    -moz-transform-origin-y: 100%;
    -ms-transform-origin-y: 100%;
    -o-transform-origin-y: 100%;
    transform-origin-y: 100%;
    bottom: 100%;
    top: auto;
    margin: 0;
  }
  .droopmenu .dm-border-right {
    border-right: 0;
    padding-right: 0;
  }
  .droopmenu .dm-bottom-separator {
    display: none;
  }
  .dm-equalize {
    overflow: hidden;
  }
  .dm-equalize > .droopmenu-col {
    display: block;
    float: none;
  }
  .dm-equalize > .droopmenu-col .droopmenu-content {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .dm-search-open .dm-search-overlay {
    -webkit-transform: scale(4) translate(-25%, 25%);
    -moz-transform: scale(4) translate(-25%, 25%);
    -ms-transform: scale(4) translate(-25%, 25%);
    transform: scale(4) translate(-25%, 25%);
  }
}
.droopmenu-navbar.lateral-menu-is-open {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
  transition: transform 0.4s 0s, visibility 0s 0s;
}

.nav-is-fixed {
  /*WimbledonGuild Nav*/
}
.nav-is-fixed .search-overlay {
  background: rgba(27, 36, 42, 0.65);
}
.nav-is-fixed.search-open.mobile .searchBar {
  position: fixed;
}
@media screen and (min-width: 768px) {
  .nav-is-fixed.search-open .searchBar {
    display: none !important;
  }
  .nav-is-fixed.search-open .searchBar .autocomplete-form input {
    display: none !important;
  }
}
.nav-is-fixed.search-open.results {
  height: 100vh;
  max-height: 100vh;
}
.nav-is-fixed.search-open.results .searchBar {
  display: block !important;
  position: fixed;
}
.nav-is-fixed.search-open.results .search-overlay {
  z-index: 2;
}
.nav-is-fixed.results {
  height: 100vh;
  max-height: 100vh;
}
.nav-is-fixed.results .searchBar {
  display: block !important;
  position: fixed;
}
.nav-is-fixed.results .search-overlay {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
@media only screen and (max-width: 991.98px) {
  .nav-is-fixed .cd-main-content {
    z-index: 2;
  }
}
@media only screen and (max-width: 767.98px) {
  .nav-is-fixed .cd-main-content {
    z-index: 2;
  }
}
.nav-is-fixed .droopmenu-navbar.droopmenu-offcanvas {
  z-index: 3;
}
@media only screen and (max-width: 767.98px) {
  .nav-is-fixed .droopmenu-navbar.droopmenu-offcanvas {
    height: 111px;
  }
}
.nav-is-fixed .droopmenu-navbar.droopmenu-offcanvas .morph-dropdown-wrapper {
  position: absolute;
  right: 0;
  width: 375px;
  width: 100%;
  height: 100%;
  height: 100vh;
  transform: translate3d(375px, 0, 0);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.35s;
  z-index: -1;
}
.nav-is-fixed .droopmenu-overlay {
  display: none !important;
}
.nav-is-fixed.droopmenu-dmopen .cd-main-content {
  z-index: 2;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-overlay {
  background: #fff;
  height: 100vh;
  display: block !important;
}
.nav-is-fixed.droopmenu-dmopen .morph-dropdown-wrapper {
  transform: translate3d(0, 0, 0) !important;
  will-change: transform;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas .droopmenu-header {
  position: relative;
  z-index: 121;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper {
  background-color: #233268;
  box-shadow: none;
  padding-bottom: 7rem;
  width: 100%;
  z-index: 121;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav .inactiveli {
  transform: translate3d(100%, 0, 0);
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li.inactiveli {
  display: none;
  transform: translate3d(100%, 0, 0);
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li.activeli {
  transform: translate3d(0, 0, 0);
  transition: 1.2s !important;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li.activeli > a {
  display: none;
  transform: translate3d(100%, 0, 0);
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li.activeli > ul {
  display: block !important;
  transform: translate3d(0, 0, 0);
  transition: 0.3s;
  padding-bottom: 7rem;
  height: 100vh;
  width: 100%;
  overflow-y: scroll;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li.go-back span {
  display: flex;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  background: #f12938;
  font-size: 14px;
  padding: 1rem 1.4rem;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(1) {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -khtml-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(1) a {
  -webkit-transition: 0.5s linear 0.5s;
  -moz-transition: 0.5s linear 0.5s;
  -khtml-transition: 0.5s linear 0.5s;
  -o-transition: 0.5s linear 0.5s;
  transition: 0.5s linear 0.5s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(2) {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -khtml-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(2) a {
  -webkit-transition: 0.5s linear 0.6s;
  -moz-transition: 0.5s linear 0.6s;
  -khtml-transition: 0.5s linear 0.6s;
  -o-transition: 0.5s linear 0.6s;
  transition: 0.5s linear 0.6s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(3) {
  -webkit-transition: 0.9s;
  -moz-transition: 0.9s;
  -khtml-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(3) a {
  -webkit-transition: 0.5s linear 0.7s;
  -moz-transition: 0.5s linear 0.7s;
  -khtml-transition: 0.5s linear 0.7s;
  -o-transition: 0.5s linear 0.7s;
  transition: 0.5s linear 0.7s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(4) {
  -webkit-transition: 1.2s;
  -moz-transition: 1.2s;
  -khtml-transition: 1.2s;
  -o-transition: 1.2s;
  transition: 1.2s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(4) a {
  -webkit-transition: 0.5s linear 0.8s;
  -moz-transition: 0.5s linear 0.8s;
  -khtml-transition: 0.5s linear 0.8s;
  -o-transition: 0.5s linear 0.8s;
  transition: 0.5s linear 0.8s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(5) {
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -khtml-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(5) a {
  -webkit-transition: 0.5s linear 0.9s;
  -moz-transition: 0.5s linear 0.9s;
  -khtml-transition: 0.5s linear 0.9s;
  -o-transition: 0.5s linear 0.9s;
  transition: 0.5s linear 0.9s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(6) {
  -webkit-transition: 1.8s;
  -moz-transition: 1.8s;
  -khtml-transition: 1.8s;
  -o-transition: 1.8s;
  transition: 1.8s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(6) a {
  -webkit-transition: 0.5s linear 1s;
  -moz-transition: 0.5s linear 1s;
  -khtml-transition: 0.5s linear 1s;
  -o-transition: 0.5s linear 1s;
  transition: 0.5s linear 1s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(7) {
  -webkit-transition: 2.1s;
  -moz-transition: 2.1s;
  -khtml-transition: 2.1s;
  -o-transition: 2.1s;
  transition: 2.1s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(7) a {
  -webkit-transition: 0.5s linear 1.1s;
  -moz-transition: 0.5s linear 1.1s;
  -khtml-transition: 0.5s linear 1.1s;
  -o-transition: 0.5s linear 1.1s;
  transition: 0.5s linear 1.1s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(8) {
  -webkit-transition: 2.4s;
  -moz-transition: 2.4s;
  -khtml-transition: 2.4s;
  -o-transition: 2.4s;
  transition: 2.4s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(8) a {
  -webkit-transition: 0.5s linear 1.2s;
  -moz-transition: 0.5s linear 1.2s;
  -khtml-transition: 0.5s linear 1.2s;
  -o-transition: 0.5s linear 1.2s;
  transition: 0.5s linear 1.2s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(9) {
  -webkit-transition: 2.7s;
  -moz-transition: 2.7s;
  -khtml-transition: 2.7s;
  -o-transition: 2.7s;
  transition: 2.7s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(9) a {
  -webkit-transition: 0.5s linear 1.3s;
  -moz-transition: 0.5s linear 1.3s;
  -khtml-transition: 0.5s linear 1.3s;
  -o-transition: 0.5s linear 1.3s;
  transition: 0.5s linear 1.3s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(10) {
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -khtml-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(10) a {
  -webkit-transition: 0.5s linear 1.4s;
  -moz-transition: 0.5s linear 1.4s;
  -khtml-transition: 0.5s linear 1.4s;
  -o-transition: 0.5s linear 1.4s;
  transition: 0.5s linear 1.4s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(11) {
  -webkit-transition: 3.3s;
  -moz-transition: 3.3s;
  -khtml-transition: 3.3s;
  -o-transition: 3.3s;
  transition: 3.3s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(11) a {
  -webkit-transition: 0.5s linear 1.5s;
  -moz-transition: 0.5s linear 1.5s;
  -khtml-transition: 0.5s linear 1.5s;
  -o-transition: 0.5s linear 1.5s;
  transition: 0.5s linear 1.5s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(12) {
  -webkit-transition: 3.6s;
  -moz-transition: 3.6s;
  -khtml-transition: 3.6s;
  -o-transition: 3.6s;
  transition: 3.6s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(12) a {
  -webkit-transition: 0.5s linear 1.6s;
  -moz-transition: 0.5s linear 1.6s;
  -khtml-transition: 0.5s linear 1.6s;
  -o-transition: 0.5s linear 1.6s;
  transition: 0.5s linear 1.6s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(13) {
  -webkit-transition: 3.9s;
  -moz-transition: 3.9s;
  -khtml-transition: 3.9s;
  -o-transition: 3.9s;
  transition: 3.9s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(13) a {
  -webkit-transition: 0.5s linear 1.7s;
  -moz-transition: 0.5s linear 1.7s;
  -khtml-transition: 0.5s linear 1.7s;
  -o-transition: 0.5s linear 1.7s;
  transition: 0.5s linear 1.7s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(14) {
  -webkit-transition: 4.2s;
  -moz-transition: 4.2s;
  -khtml-transition: 4.2s;
  -o-transition: 4.2s;
  transition: 4.2s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(14) a {
  -webkit-transition: 0.5s linear 1.8s;
  -moz-transition: 0.5s linear 1.8s;
  -khtml-transition: 0.5s linear 1.8s;
  -o-transition: 0.5s linear 1.8s;
  transition: 0.5s linear 1.8s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(15) {
  -webkit-transition: 4.5s;
  -moz-transition: 4.5s;
  -khtml-transition: 4.5s;
  -o-transition: 4.5s;
  transition: 4.5s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li:nth-of-type(15) a {
  -webkit-transition: 0.5s linear 1.9s;
  -moz-transition: 0.5s linear 1.9s;
  -khtml-transition: 0.5s linear 1.9s;
  -o-transition: 0.5s linear 1.9s;
  transition: 0.5s linear 1.9s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li {
  transform: translate3d(0, 0, 0);
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(1) {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -khtml-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(1) a {
  -webkit-transition: 0.5s linear 0.5s;
  -moz-transition: 0.5s linear 0.5s;
  -khtml-transition: 0.5s linear 0.5s;
  -o-transition: 0.5s linear 0.5s;
  transition: 0.5s linear 0.5s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(2) {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -khtml-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(2) a {
  -webkit-transition: 0.5s linear 0.6s;
  -moz-transition: 0.5s linear 0.6s;
  -khtml-transition: 0.5s linear 0.6s;
  -o-transition: 0.5s linear 0.6s;
  transition: 0.5s linear 0.6s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(3) {
  -webkit-transition: 0.9s;
  -moz-transition: 0.9s;
  -khtml-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(3) a {
  -webkit-transition: 0.5s linear 0.7s;
  -moz-transition: 0.5s linear 0.7s;
  -khtml-transition: 0.5s linear 0.7s;
  -o-transition: 0.5s linear 0.7s;
  transition: 0.5s linear 0.7s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(4) {
  -webkit-transition: 1.2s;
  -moz-transition: 1.2s;
  -khtml-transition: 1.2s;
  -o-transition: 1.2s;
  transition: 1.2s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(4) a {
  -webkit-transition: 0.5s linear 0.8s;
  -moz-transition: 0.5s linear 0.8s;
  -khtml-transition: 0.5s linear 0.8s;
  -o-transition: 0.5s linear 0.8s;
  transition: 0.5s linear 0.8s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(5) {
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -khtml-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(5) a {
  -webkit-transition: 0.5s linear 0.9s;
  -moz-transition: 0.5s linear 0.9s;
  -khtml-transition: 0.5s linear 0.9s;
  -o-transition: 0.5s linear 0.9s;
  transition: 0.5s linear 0.9s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(6) {
  -webkit-transition: 1.8s;
  -moz-transition: 1.8s;
  -khtml-transition: 1.8s;
  -o-transition: 1.8s;
  transition: 1.8s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(6) a {
  -webkit-transition: 0.5s linear 1s;
  -moz-transition: 0.5s linear 1s;
  -khtml-transition: 0.5s linear 1s;
  -o-transition: 0.5s linear 1s;
  transition: 0.5s linear 1s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(7) {
  -webkit-transition: 2.1s;
  -moz-transition: 2.1s;
  -khtml-transition: 2.1s;
  -o-transition: 2.1s;
  transition: 2.1s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(7) a {
  -webkit-transition: 0.5s linear 1.1s;
  -moz-transition: 0.5s linear 1.1s;
  -khtml-transition: 0.5s linear 1.1s;
  -o-transition: 0.5s linear 1.1s;
  transition: 0.5s linear 1.1s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(8) {
  -webkit-transition: 2.4s;
  -moz-transition: 2.4s;
  -khtml-transition: 2.4s;
  -o-transition: 2.4s;
  transition: 2.4s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(8) a {
  -webkit-transition: 0.5s linear 1.2s;
  -moz-transition: 0.5s linear 1.2s;
  -khtml-transition: 0.5s linear 1.2s;
  -o-transition: 0.5s linear 1.2s;
  transition: 0.5s linear 1.2s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(9) {
  -webkit-transition: 2.7s;
  -moz-transition: 2.7s;
  -khtml-transition: 2.7s;
  -o-transition: 2.7s;
  transition: 2.7s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(9) a {
  -webkit-transition: 0.5s linear 1.3s;
  -moz-transition: 0.5s linear 1.3s;
  -khtml-transition: 0.5s linear 1.3s;
  -o-transition: 0.5s linear 1.3s;
  transition: 0.5s linear 1.3s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(10) {
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -khtml-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(10) a {
  -webkit-transition: 0.5s linear 1.4s;
  -moz-transition: 0.5s linear 1.4s;
  -khtml-transition: 0.5s linear 1.4s;
  -o-transition: 0.5s linear 1.4s;
  transition: 0.5s linear 1.4s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(11) {
  -webkit-transition: 3.3s;
  -moz-transition: 3.3s;
  -khtml-transition: 3.3s;
  -o-transition: 3.3s;
  transition: 3.3s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(11) a {
  -webkit-transition: 0.5s linear 1.5s;
  -moz-transition: 0.5s linear 1.5s;
  -khtml-transition: 0.5s linear 1.5s;
  -o-transition: 0.5s linear 1.5s;
  transition: 0.5s linear 1.5s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(12) {
  -webkit-transition: 3.6s;
  -moz-transition: 3.6s;
  -khtml-transition: 3.6s;
  -o-transition: 3.6s;
  transition: 3.6s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(12) a {
  -webkit-transition: 0.5s linear 1.6s;
  -moz-transition: 0.5s linear 1.6s;
  -khtml-transition: 0.5s linear 1.6s;
  -o-transition: 0.5s linear 1.6s;
  transition: 0.5s linear 1.6s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(13) {
  -webkit-transition: 3.9s;
  -moz-transition: 3.9s;
  -khtml-transition: 3.9s;
  -o-transition: 3.9s;
  transition: 3.9s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(13) a {
  -webkit-transition: 0.5s linear 1.7s;
  -moz-transition: 0.5s linear 1.7s;
  -khtml-transition: 0.5s linear 1.7s;
  -o-transition: 0.5s linear 1.7s;
  transition: 0.5s linear 1.7s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(14) {
  -webkit-transition: 4.2s;
  -moz-transition: 4.2s;
  -khtml-transition: 4.2s;
  -o-transition: 4.2s;
  transition: 4.2s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(14) a {
  -webkit-transition: 0.5s linear 1.8s;
  -moz-transition: 0.5s linear 1.8s;
  -khtml-transition: 0.5s linear 1.8s;
  -o-transition: 0.5s linear 1.8s;
  transition: 0.5s linear 1.8s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(15) {
  -webkit-transition: 4.5s;
  -moz-transition: 4.5s;
  -khtml-transition: 4.5s;
  -o-transition: 4.5s;
  transition: 4.5s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav li:nth-of-type(15) a {
  -webkit-transition: 0.5s linear 1.9s;
  -moz-transition: 0.5s linear 1.9s;
  -khtml-transition: 0.5s linear 1.9s;
  -o-transition: 0.5s linear 1.9s;
  transition: 0.5s linear 1.9s;
}
.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav a {
  display: flex;
  padding-top: 1rem;
  padding-right: 1.4rem;
  padding-bottom: 1rem;
  padding-left: 2.5rem;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.nav-is-fixed .cd-main-nav li {
  transform: translate3d(100%, 0, 0);
}
.nav-is-fixed .cd-main-nav li a {
  display: flex;
  padding: 1rem 1.4rem;
  border-bottom: 1px solid #000;
  color: #fff;
}
.nav-is-fixed .cd-main-nav li .subnav-ul {
  display: none;
}
.nav-is-fixed .wbmegamenu {
  background-color: #ffffff;
}
.nav-is-fixed .wbmegamenu .top-header {
  background-color: #f12938;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.nav-is-fixed .wbmegamenu .top-header .search-form {
  display: flex;
  margin-left: auto;
  margin-right: 0;
}
.nav-is-fixed .wbmegamenu .top-header .search-form .autocomplete-form {
  display: none !important;
}
@media screen and (min-width: 991px) {
  .nav-is-fixed .wbmegamenu .top-header .search-form .autocomplete-form {
    display: block !important;
  }
}
.nav-is-fixed .wbmegamenu .top-header .input-group {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nav-is-fixed .wbmegamenu .top-header .input-group button {
  padding-right: 0.75rem;
}
.nav-is-fixed .wbmegamenu .top-header .btn-primary {
  background: transparent;
  border: 1px solid #fff;
  padding: 0.7rem 0.75rem !important;
}
.nav-is-fixed .wbmegamenu .top-header .btn-primary:HOVER {
  background: #fff;
}
.nav-is-fixed .wbmegamenu .top-header .form-control {
  padding: 0.375rem 0.75rem !important;
}
.nav-is-fixed .wbmegamenu .dm-mobile .input-group {
  border: 1px solid #71818C;
  border-radius: 4px;
}
.nav-is-fixed .wbmegamenu .dm-mobile .input-group button {
  padding-right: 0.75rem;
}
.nav-is-fixed .wbmegamenu .dm-mobile .input-group .form-control {
  padding: 0.375rem 0.75rem !important;
}
.nav-is-fixed .wbmegamenu .border-end-0 {
  border-right: 0 !important;
}
.nav-is-fixed .wbmegamenu .droopmenu-inner {
  height: auto;
}
.nav-is-fixed .wbmegamenu .droopmenu-inner .droopmenu > li > a, .nav-is-fixed .wbmegamenu .droopmenu-inner .droopmenu > li > span {
  line-height: 50px;
}
.nav-is-fixed .wbmegamenu .droopmenu-inner .droopmenu li a .droopmenu-indicator em:after {
  color: #f12938;
}
.nav-is-fixed .wbmegamenu .droopmenu-inner {
  max-width: 100% !important;
}
.nav-is-fixed .wbmegamenu .droopmenu-inner .dm-search-mobile {
  display: none;
  line-height: 80px;
  margin-right: -1.75rem;
}
@media screen and (max-width: 767px) {
  .nav-is-fixed .wbmegamenu .droopmenu-inner .dm-search-mobile {
    display: inline-block;
  }
}
.nav-is-fixed .wbmegamenu .droopmenu-inner .dm-search-mobile i {
  color: #71818C;
  font-size: 20px;
}
.nav-is-fixed .wbmegamenu .droopmenu-inner .dm-mobile button:focus {
  box-shadow: none;
}
.nav-is-fixed .wbmegamenu .droopmenu-nav,
.nav-is-fixed .wbmegamenu .droopmenu-nav-wrap,
.nav-is-fixed .wbmegamenu .droopmenu-navi, .nav-is-fixed .wbmegamenu ul.droopmenu {
  height: 100%;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabnav, .nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabpanel {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabnav {
  display: flex;
  flex-direction: column;
  margin-bottom: 7rem;
  min-width: 240px;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabnav a {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  display: block !important;
  text-align: start !important;
  width: auto !important;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #3a3f40;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #d9d9d9;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabnav a.droopmenu-tab-active {
  background: #eeeeee;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabnav a.level-one {
  font-size: 1rem !important;
  padding-bottom: 4rem;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabnav a.level-one > span {
  border-bottom: 1px solid #3c505a;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabnav a.droopmenu-tab-active:before {
  content: "\f054";
  color: #ff0000;
  font-family: "Font Awesome 5 Pro";
  margin-right: 5px;
  position: initial;
  z-index: 11;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabs .droopmenu-tabnav a:after {
  display: none;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabpanel {
  width: 100%;
  background: #eeeeee;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabcontent {
  background: #eeeeee;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabcontent a.visit-page {
  padding: 15px 40px 15px 20px !important;
  border: solid 1px #3c505a;
  position: relative;
  background-color: transparent !important;
  color: #3c505a !important;
  font-size: 12px;
  font-weight: 600;
  margin: 0px;
  box-shadow: none;
  text-align: center;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabcontent a {
  padding-left: 0;
  padding-right: 0;
}
.nav-is-fixed .wbmegamenu .droopmenu-tabcontent a .card-body {
  color: #ffffff;
  padding: 1.25rem;
  border-left: 5px solid #f52929;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega.dmopener {
  background: #664359;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega.dmopener > a {
  color: #FFF !important;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega.dmopener > a .droopmenu-indicator em:after {
  color: #FFF;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid {
  overflow-y: hidden;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs {
  display: flex;
  background: #664359;
  color: #fff;
  min-height: auto;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection {
  color: #fff;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection a {
  color: inherit;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection > a > .droopmenu-indicator {
  display: none !important;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection .tabheader {
  border-bottom: 1px solid #f1f1f1;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection .tabheader a {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 10px;
  line-height: 1;
  font-size: 16px;
  width: 160px;
  height: 40px;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection .droop-grid-list {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection .droop-grid-list li {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection .droop-grid-list li.other-level-title a {
  padding: 0;
  font-size: 14px;
  font-weight: 100;
}
.nav-is-fixed .wbmegamenu ul.droopmenu .droopmenu-mega .droopmenu-grid .droopmenu-tabs .tabsection .droop-grid-list li.other-level-title a i {
  font-size: 14px;
}

.nav-is-fixed .fluid-mega-menu .top-header {
  display: none;
  display: block;
}

.nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons {
  display: none;
}

@media screen and (max-width: 767px) {
  .nav-is-fixed .fluid-mega-menu .top-header .search-form {
    display: block;
    position: fixed;
    top: 22px;
    right: 130px;
    z-index: 40;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .search-form .autocomplete-form button {
    background-color: transparent;
    border: none;
    color: #71818C;
    font-size: 20px;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .search-form .autocomplete-form button:focus {
    outline: none;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .search-form input {
    display: none !important;
  }
}
.nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons .toplinks.tickets {
  display: none;
}

@media screen and (min-width: 768px) {
  .nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons .toplinks.tickets {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .nav-is-fixed .fluid-mega-menu .top-header {
    display: flex;
    border-bottom: #3d5057;
    border-bottom-width: thin;
    border-bottom-style: solid;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons {
    margin-right: 0;
    margin-left: auto;
    display: flex;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons .toplinks {
    padding: 1.2rem 0.75rem;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons .toplinks.btn {
    border: none;
    border-radius: 0px;
    padding: 1rem 3rem;
    margin-left: 1rem;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons .toplinks.btn.btn-danger {
    background: #db0f10;
    border-color: #db0f10;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons .toplinks a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .search-form {
    width: auto;
    margin-left: 2rem;
    position: relative;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .search-form input {
    color: #FFF;
    display: block;
    margin: 0 auto;
    opacity: 1;
    border: 0;
    width: 100%;
    font-size: 16px;
    margin-left: 15px;
    padding: 1rem 0.75rem;
    background: 0;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    outline: none;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .search-form input::placeholder {
    color: #ffffff;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .search-form button {
    border: 0;
    margin: 0;
    padding: 0;
    color: #db0f10;
    font-size: 16px;
    position: absolute;
    background: none;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    outline: none;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    width: auto;
  }
  .nav-is-fixed .fluid-mega-menu .top-header > div,
  .nav-is-fixed .fluid-mega-menu .top-header > ul {
    z-index: 121;
  }
}
@media screen and (min-width: 992px) {
  .nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons .toplinks.tickets {
    display: inline-block;
  }
  .nav-is-fixed .fluid-mega-menu .top-header .top-header-buttons .toplinks a {
    font-size: 16px;
  }
}
.nav-is-fixed .fluid-mega-menu .droopmenu-inner {
  max-width: 100% !important;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-inner .dm-search-mobile {
  display: none;
  height: 100%;
  line-height: 80px;
  margin-right: -1.75rem;
}

@media screen and (max-width: 767px) {
  .nav-is-fixed .fluid-mega-menu .droopmenu-inner .dm-search-mobile {
    display: inline-block;
  }
}
.nav-is-fixed .fluid-mega-menu .droopmenu-inner .dm-search-mobile i {
  color: #71818C;
  font-size: 20px;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-nav,
.nav-is-fixed .fluid-mega-menu .droopmenu-nav-wrap,
.nav-is-fixed .fluid-mega-menu .droopmenu-navi,
.nav-is-fixed .fluid-mega-menu ul.droopmenu {
  height: 100%;
}

.nav-is-fixed .fluid-mega-menu ul.droopmenu .droopmenu-mega.dmopener {
  background: #FFF;
}

.nav-is-fixed .fluid-mega-menu ul.droopmenu .droopmenu-mega.dmopener > a {
  color: #0e2aca !important;
}

.nav-is-fixed .fluid-mega-menu ul.droopmenu .droopmenu-indicator {
  color: #ff0000;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs.tabs-justify {
  display: flex;
  margin-bottom: 3rem;
  min-height: 100vh;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabnav,
.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabpanel {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabnav {
  display: flex;
  flex-direction: column;
  margin-bottom: 7rem;
  min-width: 240px;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabnav a {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  display: block !important;
  text-align: start !important;
  width: auto !important;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #3a3f40;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #d9d9d9;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabnav a.droopmenu-tab-active {
  background: #eeeeee;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabnav a.level-one {
  font-size: 1rem !important;
  padding-bottom: 4rem;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabnav a.level-one > span {
  border-bottom: 1px solid #3c505a;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabnav a.droopmenu-tab-active:before {
  content: "\f054";
  color: #ff0000;
  font-family: "Font Awesome 5 Pro";
  margin-right: 5px;
  position: initial;
  z-index: 11;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabs .droopmenu-tabnav a:after {
  display: none;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabpanel {
  width: 100%;
  background: #eeeeee;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabcontent {
  background: #eeeeee;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabcontent a.visit-page {
  padding: 15px 40px 15px 20px !important;
  border: solid 1px #3c505a;
  position: relative;
  background-color: transparent !important;
  color: #3c505a !important;
  font-size: 12px;
  font-weight: 600;
  margin: 0px;
  box-shadow: none;
  text-align: center;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabcontent a {
  padding-left: 0;
  padding-right: 0;
}

.nav-is-fixed .fluid-mega-menu .droopmenu-tabcontent a .card-body {
  color: #ffffff;
  padding: 1.25rem;
  border-left: 5px solid #f52929;
}

.fluid-mega-menu.droopmenu-navbar {
  background: #fff;
}
.fluid-mega-menu .droopmenu-inner {
  padding-left: 10px;
  padding-right: 10px;
  height: 80px;
  border-bottom: 1px solid #000;
}
.fluid-mega-menu .droopmenu-nav {
  max-width: 700px;
  margin-left: 5vw;
}
@media screen and (max-width: 1200px) {
  .fluid-mega-menu .droopmenu-nav {
    max-width: 630px;
    margin-left: 1vw;
  }
}
.fluid-mega-menu .droopmenu-right-menu {
  float: right;
  height: inherit;
  font-size: 7pt;
  font-weight: 500;
  text-transform: uppercase;
}
.fluid-mega-menu .droopmenu-right-menu i.fa-search {
  font-size: 20pt;
  top: -4px;
  position: relative;
}
.fluid-mega-menu .droopmenu > li > a,
.fluid-mega-menu .droopmenu > li > span {
  font-size: 8pt;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  font-family: "tussilago";
}
.fluid-mega-menu .droopmenu-brand img {
  padding-top: 15px;
}
@media (min-width: 992px) {
  .fluid-mega-menu .droopmenu-brand img {
    width: 250px;
  }
}

/* the following have been included from the MTB library to style form elements */
/**From Superleague*/
/** end From Superleague*/
.matchreport.matchreportheader {
  padding: 0px !important;
}
.matchreport.matchreportheader p, .matchreport.matchreportheader span, .matchreport.matchreportheader h2 {
  color: #fff;
}
.matchreport.matchreportheader p.fi, .matchreport.matchreportheader p.flag-icon-img, .matchreport.matchreportheader span.fi, .matchreport.matchreportheader span.flag-icon-img, .matchreport.matchreportheader h2.fi, .matchreport.matchreportheader h2.flag-icon-img {
  height: 50px;
  width: 100%;
}
.matchreport.matchreportheader p.flag-icon-img, .matchreport.matchreportheader span.flag-icon-img, .matchreport.matchreportheader h2.flag-icon-img {
  position: relative;
  display: inline-block;
  line-height: 1em;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.matchreport.matchreportheader h2.home, .matchreport.matchreportheader h2.away {
  font-weight: bold;
}
.matchreport.matchreportheader h2.home:after, .matchreport.matchreportheader h2.away:after {
  display: none;
}
.matchreport.matchreportheader h3.competition {
  color: #fe0000;
  max-width: 300px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
}
@media (min-width: 992px) {
  .matchreport.matchreportheader h3.competition {
    max-width: 500px;
  }
}
.matchreport.matchreportheader.container-fluid, .matchreport.matchreportheader.container {
  position: relative;
}
.matchreport.matchreportheader .row.bg-svg {
  overflow: hidden;
  background: #31373c;
  width: 100%;
  z-index: 0;
  position: absolute;
  margin: 0px;
}
.matchreport.matchreportheader .home-score, .matchreport.matchreportheader .away-score {
  width: auto;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 8px 8px;
  font-size: 1.8rem;
  border-radius: 3px;
  font-family: tussilago, Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) {
  .matchreport.matchreportheader .home-score, .matchreport.matchreportheader .away-score {
    font-size: 1.3rem;
    padding: 15px 15px;
  }
}
.matchreport.matchreportheader .home-score {
  margin-right: 0.25rem;
}
.matchreport.matchreportheader .away-score {
  margin-left: 0.25rem;
}
.matchreport.matchreportheader p.half-score {
  font-size: 0.9rem;
  line-height: 1rem;
}
.matchreport.matchreportheader h2.team-name, .matchreport.matchreportheader h2.team-name {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: "rlwc", sans-serif;
}
.matchreport.matchreportheader img.teambadge {
  padding: 0px !important;
  margin: 0 auto;
  max-width: 105px;
}
.matchreport.matchreportheader .match-details p {
  font-size: 0.9rem;
}
.matchreport.matchreportheader .row.scorers {
  position: relative;
}
.matchreport.matchreportheader .row.scorers p {
  color: #fff;
  font-size: 0.9rem;
}
.matchreport.matchreportheader .row.scorers p.score-type {
  font-weight: bold;
  text-decoration: underline;
}
.matchreport.matchreportheader .row.scorers .scoretype-label:after {
  border-bottom: 2px solid #c3c8cc;
  display: block;
  content: "";
  width: 60%;
  margin: auto;
  position: relative;
  top: -15px;
}
@media (min-width: 768px) {
  .matchreport.matchreportheader .row.scorers .scoretype-label:after {
    width: 40%;
  }
}
.matchreport.matchreportheader .row.scorers .scoretype-label span {
  background: #fff;
  text-transform: uppercase;
  color: #da2128;
  display: block;
  padding: 3px 10px;
  z-index: 2;
  position: relative;
  max-width: 90px;
  margin: auto;
}
.matchreport.matchreportheader .row.scorers span.label {
  color: #da2128;
  text-transform: uppercase;
  font-size: 0.7rem;
}
.matchreport.matchreportheader .scores {
  display: flex;
  justify-content: space-between;
  min-width: 70px;
  max-width: 188px;
  margin: 0 auto !important;
}

/* Scroll down fixed match row */
.report-header {
  position: fixed;
  top: 90px;
  height: 0px;
  z-index: 10;
  background: #3a0968;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.report-header.show {
  height: 76px;
  z-index: 20;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (min-width: 768px) {
  .report-header.show {
    height: 90px;
  }
}
.report-header.show .result {
  align-items: center;
  justify-content: center;
  height: inherit;
}
.report-header.show .result .team-holder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.report-header.show .result .team-holder .fixed-name {
  display: block !important;
}
.report-header.show .result .team-holder .fixed-name.home {
  margin-left: 0;
  margin-right: auto;
}
.report-header.show .result .team-holder .fixed-name.away {
  margin-left: auto;
  margin-right: 1rem;
}
.report-header .home-score, .report-header .away-score {
  width: 35px;
  text-align: center;
  background: #da2128;
  color: #fff;
  padding: 10px 0;
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  .report-header .home-score, .report-header .away-score {
    width: 55px;
    font-size: 1.8rem;
    padding: 15px 0;
  }
}
.report-header p {
  text-transform: uppercase;
  font-size: 0.9rem;
  line-height: 1rem;
}
@media (min-width: 768px) {
  .report-header p {
    font-size: 1.2rem;
  }
}
.report-header .teambadge, .report-header .home-badge, .report-header .away-badge {
  max-width: 40px;
}
@media (min-width: 768px) {
  .report-header .teambadge, .report-header .home-badge, .report-header .away-badge {
    max-width: 80px;
  }
}
.report-header .teambadge.home-team, .report-header .home-badge.home-team, .report-header .away-badge.home-team {
  margin-left: 0.5rem;
  margin-right: auto;
  margin-right: 1rem;
}
.report-header .teambadge.away-team, .report-header .home-badge.away-team, .report-header .away-badge.away-team {
  margin-right: 0.5rem;
  margin-left: auto;
  margin-left: 0;
  margin-right: 0;
}
.report-header .detail-row {
  display: none !important;
}
.report-header .scores {
  font-family: "rlwc", sans-serif;
  display: flex;
  justify-content: center;
}
.report-header .scores .home-score {
  margin-right: 0.25rem;
}
.report-header .scores .away-score {
  margin-left: 0.25rem;
}

.matchreport.tabs .nav-item a.nav-link {
  font-size: 1.8rem;
  padding: 0.5rem 1rem;
}
@media (min-width: 992px) {
  .matchreport.tabs .nav-item a.nav-link {
    font-size: 2.4rem;
    padding: 1rem 2rem;
  }
}
.matchreport.commentary .head-shot {
  height: 100px;
  width: 100px;
  overflow: hidden;
  border-radius: 50px;
}
.matchreport.commentary .head-shot img {
  height: auto;
}
.matchreport.commentary .badge.badge-primary {
  background: #5a0fa0;
  background: -moz-linear-gradient(-45deg, #fe0000 0%, #5a0fa0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0000), color-stop(100%, #5a0fa0));
  background: -webkit-linear-gradient(-45deg, #fe0000 0%, #5a0fa0 100%);
  background: -o-linear-gradient(-45deg, #fe0000 0%, #5a0fa0 100%);
  background: linear-gradient(to -45deg, #fe0000 0%, #5a0fa0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fe0000, endColorstr=#5a0fa0);
}
.matchreport.commentary .badge.badge-secondary {
  border-width: 1px;
  border-style: solid;
  -moz-border-image: -moz-linear-gradient(right, #fe0000 0%, #5a0fa0 100%);
  -webkit-border-image: -webkit-linear-gradient(right, #fe0000 0%, #5a0fa0 100%);
  border-image: linear-gradient(to right, #fe0000 0%, #5a0fa0 100%);
  border-image-slice: 1;
}
.matchreport .hold {
  background-color: #ffffff;
  padding: 20px;
  border-bottom: 1px solid #f1f1f1;
}
.matchreport.lineup {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.matchreport.lineup .player-name {
  color: #31373c !important;
}
.matchreport.lineup ul {
  list-style-type: none;
}
.matchreport.lineup ul li {
  background: #fff;
  position: relative;
  height: 130px;
  border-bottom: 1px solid #ccc;
}
.matchreport.lineup ul li img.player {
  position: absolute;
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.matchreport.lineup .home ul li img.player {
  left: -130px;
}
.matchreport.lineup .home ul li img.player.is-visible {
  left: 0px;
}

.matchreport.lineup .away ul li img.player {
  right: -130px;
}
.matchreport.lineup .away ul li img.player.is-visible {
  right: 0px;
}

.matchreport.lineup ul li .player-name {
  color: #31373c !important;
  position: absolute;
  bottom: -30px;
  left: 60px;
  background: #fff;
  padding: 10px 10px;
  font-size: 0.8rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  font-family: "Montserrat", sans-serif;
  max-width: 160px;
  line-height: 1.2rem;
}
.matchreport.lineup ul li .player-name.is-visible {
  bottom: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
@media (min-width: 768px) {
  .matchreport.lineup ul li .player-name {
    font-size: 1rem;
    padding: 10px 20px;
    left: 87px;
  }
}
.matchreport.lineup .away ul li .player-name {
  left: auto;
  right: 60px;
  text-align: right;
}
@media (min-width: 768px) {
  .matchreport.lineup .away ul li .player-name {
    right: 87px;
  }
}

@media (min-width: 768px) {
  .matchreport.lineup ul li .player-name {
    bottom: 17px;
  }
}
.matchreport.lineup ul li .player-name span {
  font-size: 1rem;
  text-transform: uppercase;
  color: #31373c !important;
}
@media (min-width: 768px) {
  .matchreport.lineup ul li .player-name span {
    font-size: 1.4rem;
  }
}
.matchreport.lineup .home ul li {
  border-right: 1px solid #ccc;
}
.matchreport.lineup .position {
  position: absolute;
  width: 120px;
  right: -60px;
  margin: auto;
  z-index: 10;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .matchreport.lineup .position {
    margin-top: 10px;
  }
}
.matchreport.lineup .position p {
  padding: 2px 0px;
  width: 130px;
  font-size: 0.7rem;
  background: #da2128;
  margin: auto;
}
.matchreport.lineup .position p span {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  color: #fff;
}
@media (min-width: 768px) {
  .matchreport.lineup .position p {
    padding: 4px 0px;
    font-size: 0.8rem;
  }
}
.matchreport.lineup .position p.is-visible {
  width: 120px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.matchreport.lineup .position p.is-visible span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.matchreport.lineup .position h3 {
  font-size: 3rem;
  color: #5a0fa0 !important;
  font-family: "rlwc", sans-serif;
}
.matchreport.tabs .nav-tabs {
  border-bottom: 0px;
}
.matchreport.tabs .nav-item a.nav-link {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  background-color: transparent;
  border: 0px;
  padding: 0.5rem 0.5rem;
  color: #5a0fa0;
}
.matchreport.tabs .nav-item a.nav-link:after {
  content: "";
  width: 0%;
  height: 2px;
  background-color: #666;
  display: block;
  margin-top: 1rem;
}
.matchreport.tabs .nav-item a.nav-link.active, .matchreport.tabs .nav-item a.nav-link:hover {
  color: #fe0000;
}
.matchreport.tabs .nav-item a.nav-link.active:after, .matchreport.tabs .nav-item a.nav-link:hover:after {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fe0000;
  display: block;
  margin-top: 1rem;
}
.matchreport .player-stats th, .matchreport .player-stats td {
  font-size: 1.6rem;
  font-size: 1rem;
  vertical-align: middle !important;
  color: #5a0fa0;
}
.matchreport .player-stats th.player-name, .matchreport .player-stats td.player-name {
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 100%;
}
.matchreport .player-stats th {
  color: #999 !important;
  font-size: 1.4rem;
  font-size: 1rem;
}
.matchreport .player-stats .nav-tabs .nav-item {
  width: 50%;
  background: rgba(0, 0, 0, 0);
}
.matchreport .player-stats .nav-tabs .nav-item a.nav-link {
  color: #fff;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.matchreport .player-stats .nav-tabs .nav-item a.nav-link:focus, .matchreport .player-stats .nav-tabs .nav-item a.nav-link:focus-visible {
  box-shadow: none !important;
}
.matchreport .player-stats .nav-tabs .nav-item a.nav-link:after {
  display: none !important;
}
.matchreport .player-stats .nav-tabs .nav-item a.nav-link.active, .matchreport .player-stats .nav-tabs .nav-item a.nav-link:hover {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.matchreport.commentary p {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #5a0fa0;
}
.matchreport.commentary p.mins {
  color: #999;
}
.matchreport.commentary p.mins span {
  color: #fe0000;
}
.matchreport.commentary p.badge {
  background-color: #fe0000;
  font-family: "rlwc";
  color: #fff;
  font-weight: normal;
  border: 0px !important;
}
.matchreport.commentary p.badge.badge-secondary {
  background-color: #5a0fa0;
}
.matchreport.commentary p.score {
  color: #5a0fa0;
  font-size: 1rem;
  padding: 0px;
  line-height: 100%;
}
.matchreport.commentary .row.show-on-scroll {
  position: relative;
  top: 10px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.matchreport.commentary .row.show-on-scroll.is-visible {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  top: 0px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.matchreport.lineup {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.matchreport.lineup .player-name {
  color: #31373c !important;
}
.matchreport.lineup ul {
  list-style-type: none;
}
.matchreport.lineup ul li {
  background: #fff;
  position: relative;
  height: 130px;
  border-bottom: 1px solid #ccc;
}
.matchreport.lineup ul li img.player {
  position: absolute;
  height: 100%;
}
.matchreport.lineup .home ul li img.player {
  left: -130px;
}

.matchreport.lineup .home ul li.is-visible img.player {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  left: 0px;
}

.matchreport.lineup .away ul li img.player {
  right: -130px;
}

.matchreport.lineup .away ul li.is-visible img.player {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  right: 0px;
}

.matchreport.lineup ul li .player-name {
  color: #31373c !important;
  position: absolute;
  bottom: -30px;
  left: 60px;
  background: #fff;
  padding: 10px 10px;
  font-size: 0.8rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  max-width: 160px;
  line-height: 1.2rem;
}
.matchreport.lineup ul li.is-visible .player-name {
  bottom: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

@media (min-width: 768px) {
  .matchreport.lineup ul li .player-name {
    font-size: 1rem;
    padding: 10px 20px;
    left: 87px;
  }
}
.matchreport.lineup .away ul li .player-name {
  left: auto;
  right: 60px;
  text-align: right;
}
@media (min-width: 768px) {
  .matchreport.lineup .away ul li .player-name {
    right: 87px;
  }
}

@media (min-width: 768px) {
  .matchreport.lineup ul li .player-name {
    bottom: 17px;
  }
}
.matchreport.lineup ul li .player-name span {
  font-size: 1rem;
  text-transform: uppercase;
  color: #31373c !important;
}
@media (min-width: 768px) {
  .matchreport.lineup ul li .player-name span {
    font-size: 1.4rem;
  }
}
.matchreport.lineup .home ul li {
  border-right: 1px solid #ccc;
}
.matchreport.lineup .position {
  position: absolute;
  width: 120px;
  right: -60px;
  margin: auto;
  z-index: 10;
  text-align: center;
  text-transform: uppercase;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .matchreport.lineup .position {
    margin-top: 10px;
  }
}
.matchreport.lineup .position p {
  padding: 2px 0px;
  width: 0px;
  font-size: 0.7rem;
  background: #fe0000;
  margin: auto;
  text-align: center;
}
.matchreport.lineup .position p span {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  color: #fff;
}
@media (min-width: 768px) {
  .matchreport.lineup .position p {
    padding: 4px 0px;
    font-size: 0.8rem;
  }
}
.matchreport.lineup .position p.is-visible {
  width: 120px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.matchreport.lineup .position p.is-visible span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.matchreport.lineup .position h3 {
  font-size: 3rem;
  color: #5a0fa0 !important;
  margin-top: 40px;
}
.matchreport.previousform .score {
  font-size: 1.6rem;
  color: #5a0fa0;
}
.matchreport.lineup {
  font-size: 1.6rem;
  color: #5a0fa0;
}
.matchreport.lineup .players {
  font-weight: 100;
  font-size: 1.2rem;
}
.ign-row-content-light .lineup .players {
  color: #fff;
}

.matchreport.lineup .players .head-shot img[data-real~="6"] {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.matchreport .stats-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto !important;
  margin-left: auto !important;
}
.matchreport .stats-holder canvas {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.matchreport .stats-holder .bar-chart {
  display: flex;
  width: 100%;
  width: 400px;
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.matchreport .stats-holder .bar-chart .stats-bar {
  height: 30px;
}
.matchreport .stats-holder .bar-chart .stats-bar > div {
  height: inherit;
}
.matchreport .stats-holder .bar-chart .stats-bar .left {
  margin-right: 0.07rem;
}
.matchreport .stats-holder .bar-chart .stats-bar .right {
  margin-left: 0.07rem;
}
.matchreport .stats-holder .home-stat, .matchreport .stats-holder .away-stat {
  font-size: 25px;
}
.matchreport .team-stats-report .row.title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.matchreport .team-stats-report .row.title h2.row-title {
  font-size: 25px !important;
  width: auto;
  margin: 0;
}
.matchreport .team-stats-report .row.title .text-info i {
  color: #5a0ea2;
  opacity: 0.6;
}

.notinuse .matchreport.matchreportheader, .notinuse .matchreport.matchpreviewheader, .notinuse .matchpreview.matchreportheader, .notinuse .matchpreview.matchpreviewheader {
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}
.notinuse .matchreport.matchreportheader .kickoff, .notinuse .matchreport.matchpreviewheader .kickoff, .notinuse .matchpreview.matchreportheader .kickoff, .notinuse .matchpreview.matchpreviewheader .kickoff {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .notinuse .matchreport.matchreportheader .kickoff, .notinuse .matchreport.matchpreviewheader .kickoff, .notinuse .matchpreview.matchreportheader .kickoff, .notinuse .matchpreview.matchpreviewheader .kickoff {
    font-size: 4.5rem;
  }
}
.notinuse .matchreport.matchreportheader .tv-schedule img, .notinuse .matchreport.matchpreviewheader .tv-schedule img, .notinuse .matchpreview.matchreportheader .tv-schedule img, .notinuse .matchpreview.matchpreviewheader .tv-schedule img {
  max-width: 140px;
}
.notinuse .matchreport.matchreportheader svg, .notinuse .matchreport.matchpreviewheader svg, .notinuse .matchpreview.matchreportheader svg, .notinuse .matchpreview.matchpreviewheader svg {
  transform: scale(9.5);
}
@media (min-width: 768px) {
  .notinuse .matchreport.matchreportheader svg, .notinuse .matchreport.matchpreviewheader svg, .notinuse .matchpreview.matchreportheader svg, .notinuse .matchpreview.matchpreviewheader svg {
    transform: scale(12);
  }
}
.notinuse .matchreport.matchreportheader h3.short-name, .notinuse .matchreport.matchpreviewheader h3.short-name, .notinuse .matchpreview.matchreportheader h3.short-name, .notinuse .matchpreview.matchpreviewheader h3.short-name {
  position: absolute;
  color: #fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  font-size: 18rem;
  z-index: 12;
  text-transform: uppercase;
}
.notinuse .matchreport.matchreportheader h3.short-name.home, .notinuse .matchreport.matchpreviewheader h3.short-name.home, .notinuse .matchpreview.matchreportheader h3.short-name.home, .notinuse .matchpreview.matchpreviewheader h3.short-name.home {
  transform: rotateZ(-90deg);
  left: 310px;
  transform-origin: left bottom;
  bottom: -630px;
  text-align: right;
}
.notinuse .matchreport.matchreportheader h3.short-name.away, .notinuse .matchreport.matchpreviewheader h3.short-name.away, .notinuse .matchpreview.matchreportheader h3.short-name.away, .notinuse .matchpreview.matchpreviewheader h3.short-name.away {
  transform: rotateZ(90deg);
  right: -55px;
  transform-origin: right top;
  bottom: -1000px;
}
.notinuse .matchreport.matchreportheader .match-overview, .notinuse .matchreport.matchpreviewheader .match-overview, .notinuse .matchpreview.matchreportheader .match-overview, .notinuse .matchpreview.matchpreviewheader .match-overview {
  z-index: 20;
  position: relative;
}
.notinuse .matchreport.matchreportheader .club-bgs, .notinuse .matchreport.matchpreviewheader .club-bgs, .notinuse .matchpreview.matchreportheader .club-bgs, .notinuse .matchpreview.matchpreviewheader .club-bgs {
  position: relative;
  top: 0px;
}
.notinuse .matchreport.matchreportheader .club-bgs svg.home, .notinuse .matchreport.matchpreviewheader .club-bgs svg.home, .notinuse .matchpreview.matchreportheader .club-bgs svg.home, .notinuse .matchpreview.matchpreviewheader .club-bgs svg.home {
  left: -460px;
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader .club-bgs svg.home, .notinuse .matchreport.matchpreviewheader .club-bgs svg.home, .notinuse .matchpreview.matchreportheader .club-bgs svg.home, .notinuse .matchpreview.matchpreviewheader .club-bgs svg.home {
    left: -360px;
  }
}
@media (min-width: 1200px) {
  .notinuse .matchreport.matchreportheader .club-bgs svg.home, .notinuse .matchreport.matchpreviewheader .club-bgs svg.home, .notinuse .matchpreview.matchreportheader .club-bgs svg.home, .notinuse .matchpreview.matchpreviewheader .club-bgs svg.home {
    left: -260px;
  }
}
.notinuse .matchreport.matchreportheader .club-bgs svg.away, .notinuse .matchreport.matchpreviewheader .club-bgs svg.away, .notinuse .matchpreview.matchreportheader .club-bgs svg.away, .notinuse .matchpreview.matchpreviewheader .club-bgs svg.away {
  right: -500px;
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader .club-bgs svg.away, .notinuse .matchreport.matchpreviewheader .club-bgs svg.away, .notinuse .matchpreview.matchreportheader .club-bgs svg.away, .notinuse .matchpreview.matchpreviewheader .club-bgs svg.away {
    right: -400px;
  }
}
@media (min-width: 1200px) {
  .notinuse .matchreport.matchreportheader .club-bgs svg.away, .notinuse .matchreport.matchpreviewheader .club-bgs svg.away, .notinuse .matchpreview.matchreportheader .club-bgs svg.away, .notinuse .matchpreview.matchpreviewheader .club-bgs svg.away {
    right: -340px;
  }
}
.notinuse .matchreport.matchreportheader p, .notinuse .matchreport.matchpreviewheader p, .notinuse .matchpreview.matchreportheader p, .notinuse .matchpreview.matchpreviewheader p {
  color: #5a0fa0;
  font-size: 1.4rem;
  font-weight: 300;
}
.notinuse .matchreport.matchreportheader p.detail, .notinuse .matchreport.matchpreviewheader p.detail, .notinuse .matchpreview.matchreportheader p.detail, .notinuse .matchpreview.matchpreviewheader p.detail {
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader p.detail, .notinuse .matchreport.matchpreviewheader p.detail, .notinuse .matchpreview.matchreportheader p.detail, .notinuse .matchpreview.matchpreviewheader p.detail {
    font-size: 1.8rem;
  }
}
.notinuse .matchreport.matchreportheader p.score-type, .notinuse .matchreport.matchpreviewheader p.score-type, .notinuse .matchpreview.matchreportheader p.score-type, .notinuse .matchpreview.matchpreviewheader p.score-type {
  color: #666;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1rem;
  background: #fff;
}
.notinuse .matchreport.matchreportheader p.score-type:after, .notinuse .matchreport.matchpreviewheader p.score-type:after, .notinuse .matchpreview.matchreportheader p.score-type:after, .notinuse .matchpreview.matchpreviewheader p.score-type:after {
  content: "";
  border-bottom: 1px solid #666;
  display: block;
  width: 100%;
}
.notinuse .matchreport.matchreportheader .scorers p, .notinuse .matchreport.matchpreviewheader .scorers p, .notinuse .matchpreview.matchreportheader .scorers p, .notinuse .matchpreview.matchpreviewheader .scorers p {
  line-height: 1.6rem;
}
.notinuse .matchreport.matchreportheader h2, .notinuse .matchreport.matchpreviewheader h2, .notinuse .matchpreview.matchreportheader h2, .notinuse .matchpreview.matchpreviewheader h2 {
  color: #5a0fa0;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 100%;
  margin-top: 10px;
}
.notinuse .matchreport.matchreportheader h2 span, .notinuse .matchreport.matchpreviewheader h2 span, .notinuse .matchpreview.matchreportheader h2 span, .notinuse .matchpreview.matchpreviewheader h2 span {
  position: relative;
  z-index: 10;
}
.notinuse .matchreport.matchreportheader h2:after, .notinuse .matchreport.matchpreviewheader h2:after, .notinuse .matchpreview.matchreportheader h2:after, .notinuse .matchpreview.matchpreviewheader h2:after {
  content: "";
  display: block;
  height: 150px;
  background: white;
  position: absolute;
  width: 300px;
  top: -30px;
  z-index: -1;
  transform: skewX(-28deg);
  left: -40px;
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader h2:after, .notinuse .matchreport.matchpreviewheader h2:after, .notinuse .matchpreview.matchreportheader h2:after, .notinuse .matchpreview.matchpreviewheader h2:after {
    left: -20px;
  }
}
@media (min-width: 1200px) {
  .notinuse .matchreport.matchreportheader h2:after, .notinuse .matchreport.matchpreviewheader h2:after, .notinuse .matchpreview.matchreportheader h2:after, .notinuse .matchpreview.matchpreviewheader h2:after {
    left: 20px;
  }
}
.notinuse .matchreport.matchreportheader h2.away:after, .notinuse .matchreport.matchpreviewheader h2.away:after, .notinuse .matchpreview.matchreportheader h2.away:after, .notinuse .matchpreview.matchpreviewheader h2.away:after {
  left: auto;
  right: -20px;
  transform: skewX(28deg);
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader h2.away:after, .notinuse .matchreport.matchpreviewheader h2.away:after, .notinuse .matchpreview.matchreportheader h2.away:after, .notinuse .matchpreview.matchpreviewheader h2.away:after {
    right: 0px;
  }
}
@media (min-width: 1200px) {
  .notinuse .matchreport.matchreportheader h2.away:after, .notinuse .matchreport.matchpreviewheader h2.away:after, .notinuse .matchpreview.matchreportheader h2.away:after, .notinuse .matchpreview.matchpreviewheader h2.away:after {
    right: 20px;
  }
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader h2, .notinuse .matchreport.matchpreviewheader h2, .notinuse .matchpreview.matchreportheader h2, .notinuse .matchpreview.matchpreviewheader h2 {
    font-size: 3.5rem;
  }
}
.notinuse .matchreport.matchreportheader .full-time, .notinuse .matchreport.matchpreviewheader .full-time, .notinuse .matchpreview.matchreportheader .full-time, .notinuse .matchpreview.matchpreviewheader .full-time {
  background-color: white;
  color: #fe0000;
  margin-left: -3px;
  font-size: 1.2rem;
  padding: 3px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader .full-time, .notinuse .matchreport.matchpreviewheader .full-time, .notinuse .matchpreview.matchreportheader .full-time, .notinuse .matchpreview.matchpreviewheader .full-time {
    margin-top: 35px;
    font-size: 1.6rem;
  }
}
.notinuse .matchreport.matchreportheader .half-time p, .notinuse .matchreport.matchpreviewheader .half-time p, .notinuse .matchpreview.matchreportheader .half-time p, .notinuse .matchpreview.matchpreviewheader .half-time p {
  line-height: 1.4rem;
  text-transform: uppercase;
}
.notinuse .matchreport.matchreportheader img.teambadge, .notinuse .matchreport.matchpreviewheader img.teambadge, .notinuse .matchpreview.matchreportheader img.teambadge, .notinuse .matchpreview.matchpreviewheader img.teambadge {
  max-width: 110px;
  padding: 0px;
  margin: auto;
}
@media (min-width: 768px) {
  .notinuse .matchreport.matchreportheader img.teambadge, .notinuse .matchreport.matchpreviewheader img.teambadge, .notinuse .matchpreview.matchreportheader img.teambadge, .notinuse .matchpreview.matchpreviewheader img.teambadge {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader img.teambadge, .notinuse .matchreport.matchpreviewheader img.teambadge, .notinuse .matchpreview.matchreportheader img.teambadge, .notinuse .matchpreview.matchpreviewheader img.teambadge {
    max-width: 300px;
  }
}
.notinuse .matchreport.matchreportheader p.score, .notinuse .matchreport.matchpreviewheader p.score, .notinuse .matchpreview.matchreportheader p.score, .notinuse .matchpreview.matchpreviewheader p.score {
  background-color: #fe0000;
  color: #fff;
  padding: 5px 0;
  width: 80px;
  text-align: center;
  font-size: 2.4rem;
  margin: 4px;
}
@media (min-width: 768px) {
  .notinuse .matchreport.matchreportheader p.score, .notinuse .matchreport.matchpreviewheader p.score, .notinuse .matchpreview.matchreportheader p.score, .notinuse .matchpreview.matchpreviewheader p.score {
    font-size: 2.7rem;
  }
}
@media (min-width: 992px) {
  .notinuse .matchreport.matchreportheader p.score, .notinuse .matchreport.matchpreviewheader p.score, .notinuse .matchpreview.matchreportheader p.score, .notinuse .matchpreview.matchpreviewheader p.score {
    font-size: 3.7rem;
    width: 120px;
    padding: 15px 0;
  }
}
.notinuse .matchreport.matchreportheader p.scorer, .notinuse .matchreport.matchpreviewheader p.scorer, .notinuse .matchpreview.matchreportheader p.scorer, .notinuse .matchpreview.matchpreviewheader p.scorer {
  font-size: 14px;
}
@media (min-width: 768px) {
  .notinuse .matchreport.matchreportheader p.scorer, .notinuse .matchreport.matchpreviewheader p.scorer, .notinuse .matchpreview.matchreportheader p.scorer, .notinuse .matchpreview.matchpreviewheader p.scorer {
    font-size: 16px;
  }
}
.notinuse .matchreport h2.row-title, .notinuse .matchpreview h2.row-title {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .notinuse .matchreport h2.row-title, .notinuse .matchpreview h2.row-title {
    font-size: 1.8rem;
  }
}
.notinuse .matchreport.design-2 .club-bgs div, .notinuse .matchpreview.design-2 .club-bgs div {
  height: 1000px;
  width: 50%;
  position: absolute;
}
.notinuse .matchreport.design-2 .club-bgs div.home, .notinuse .matchpreview.design-2 .club-bgs div.home {
  background: rgba(0, 0, 0, 0);
}
.notinuse .matchreport.design-2 .club-bgs div.away, .notinuse .matchpreview.design-2 .club-bgs div.away {
  background: rgba(0, 0, 0, 0);
  right: 0px;
}
.notinuse .matchreport.design-2 h3.competition, .notinuse .matchpreview.design-2 h3.competition {
  background: #fff;
  color: #5a0fa0;
  font-size: 1.5rem;
}
.notinuse .matchreport.design-2 h2.home:after, .notinuse .matchreport.design-2 h2.away:after, .notinuse .matchpreview.design-2 h2.home:after, .notinuse .matchpreview.design-2 h2.away:after {
  display: none;
}
.notinuse .matchreport.design-2 p, .notinuse .matchpreview.design-2 p {
  color: #fff;
}
.notinuse .matchreport.design-2 p.score, .notinuse .matchpreview.design-2 p.score {
  background: #fff;
  color: #5a0fa0;
}
.notinuse .matchreport.design-2 p.full-time, .notinuse .matchpreview.design-2 p.full-time {
  background: #fff;
  color: #5a0fa0;
}
.notinuse .matchreport.design-2 p.detail, .notinuse .matchpreview.design-2 p.detail {
  font-weight: 700;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  .notinuse .matchreport.design-2 p.detail, .notinuse .matchpreview.design-2 p.detail {
    font-size: 1.2rem;
  }
}
.notinuse .matchreport.design-2 .detail p, .notinuse .matchpreview.design-2 .detail p {
  font-weight: 400;
  line-height: 100%;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  .notinuse .matchreport.design-2 .detail p, .notinuse .matchpreview.design-2 .detail p {
    font-size: 1.2rem;
  }
}
.notinuse .matchreport.design-2 .scorers p, .notinuse .matchpreview.design-2 .scorers p {
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .notinuse .matchreport.design-2 .scorers p, .notinuse .matchpreview.design-2 .scorers p {
    font-size: 1rem;
  }
}
.notinuse .matchreport.design-2 .scorers p.score-type, .notinuse .matchpreview.design-2 .scorers p.score-type {
  font-size: 0.7rem;
  font-weight: 500;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .notinuse .matchreport.design-2 .scorers p.score-type, .notinuse .matchpreview.design-2 .scorers p.score-type {
    font-size: 0.8rem;
  }
}
.notinuse .matchreport.design-2 .scorers p.score-type:after, .notinuse .matchpreview.design-2 .scorers p.score-type:after {
  display: none;
}
.notinuse .matchreport.design-2 h3.short-name, .notinuse .matchpreview.design-2 h3.short-name {
  font-size: 10rem;
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
}
@media (min-width: 768px) {
  .notinuse .matchreport.design-2 h3.short-name, .notinuse .matchpreview.design-2 h3.short-name {
    font-size: 18rem;
  }
}
.notinuse .matchreport.design-2 h3.short-name.home, .notinuse .matchpreview.design-2 h3.short-name.home {
  bottom: -790px;
  left: 130px;
}
@media (min-width: 768px) {
  .notinuse .matchreport.design-2 h3.short-name.home, .notinuse .matchpreview.design-2 h3.short-name.home {
    bottom: -900px;
    left: 300px;
  }
}
.notinuse .matchreport.design-2 h3.short-name.away, .notinuse .matchpreview.design-2 h3.short-name.away {
  bottom: -900px;
  color: #c9033e;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
@media (min-width: 768px) {
  .notinuse .matchreport.design-2 h3.short-name.away, .notinuse .matchpreview.design-2 h3.short-name.away {
    bottom: -1500px;
  }
}
.notinuse .matchreport.design-2 h2, .notinuse .matchpreview.design-2 h2 {
  color: #fff;
}

.matchreport .home-scorers p {
  text-align: right !important;
}

.matchreport.matchreportheader {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.matchreport.matchreportheader .home-score, .matchreport.matchreportheader .away-score {
  width: auto;
  text-align: center;
  background: linear-gradient(to right, #0e2aca, #0f0cc1);
  color: #fff;
  padding: 5px 5px;
  font-size: 1rem;
  border-radius: 3px;
  border: 2px solid #fff;
  font-weight: 900;
  font-family: tussilago, Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) {
  .matchreport.matchreportheader .home-score, .matchreport.matchreportheader .away-score {
    font-size: 1.3rem;
    padding: 12px 12px;
  }
}
.matchreport.matchreportheader P.match-details {
  font-size: 11px;
  margin-bottom: 20px;
}
.matchreport.matchreportheader P {
  margin-bottom: 0px;
}

body {
  font-family: "Poppins", sans-serif;
  color: #3a3f40;
  background-color: #ffffff;
}

main.cd-main-content {
  background: #fff;
}

ol {
  margin: 10px 0;
  list-style-position: inside;
  list-style-type: auto;
}
ol li {
  padding: 5px 0;
}

.droopmenu-navbar li span {
  font-size: 1rem;
}
.droopmenu-navbar .subnav-ul .go-back i {
  position: relative;
  left: -10px;
}

.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper .cd-main-nav.moves-out li.go-back span {
  background: #000;
}

.small-top-nav {
  background: #f3f3f3;
}
.small-top-nav ul {
  float: right;
  text-transform: uppercase;
  margin: 3px 0px !important;
}
.small-top-nav ul li {
  display: inline-block;
  align-items: right;
  padding: 4px 20px 4px 20px;
}
@media (min-width: 768px) {
  .small-top-nav ul li {
    padding-bottom: 0px;
  }
}
.small-top-nav ul li a {
  color: #222;
  letter-spacing: 1px;
  font-size: 8pt;
}
.small-top-nav .shape {
  background-color: #233268;
  width: 100%;
  height: 100%;
  top: auto;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
}
.small-top-nav .right a {
  color: #fff;
}
.small-top-nav .right ul {
  width: 90%;
  text-align: right;
  max-width: 379px;
}
@media (min-width: 768px) {
  .small-top-nav .right ul {
    max-width: auto;
    text-align: center;
  }
}
.small-top-nav .right img {
  max-height: 25px;
  min-width: 180px;
  position: relative;
  top: 1px;
}

.fluid-mega-menu i.fa-lg {
  font-size: 2em !important;
  margin-bottom: 7px;
}
.fluid-mega-menu a.promo-image:hover .card-img-overlay h5.card-title:after {
  right: -40px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -khtml-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.fluid-mega-menu .card-img-overlay {
  background: #233268;
  background: -moz-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0)), color-stop(100%, #233268));
  background: -webkit-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -o-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: linear-gradient(to "to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(255, 0, 0, 0), endColorstr=#233268);
}
.fluid-mega-menu .card-img-overlay h5.card-title {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.fluid-mega-menu .card-img-overlay h5.card-title:after {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  display: block;
  position: absolute;
  right: -30px;
  top: 0px;
  color: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -khtml-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.fluid-mega-menu h5.card-title {
  font-weight: 600;
  font-size: 1.1rem;
}
.fluid-mega-menu div.text-links h5.card-title {
  font-weight: 600;
  font-family: "tussilago";
  text-transform: uppercase;
  font-size: 0.8rem !important;
  position: relative;
}
.fluid-mega-menu div.text-links h5.card-title:after {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  display: block;
  position: absolute;
  right: 20px;
  top: 0px;
  color: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -khtml-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.fluid-mega-menu div.text-links a {
  border-bottom: 1px solid #ccc;
  padding: 10px 0 !important;
}
.fluid-mega-menu div.text-links a:Hover h5.card-title:after {
  right: 10px;
  color: #233268;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -khtml-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.hero {
  position: relative;
}
.hero .text-hold {
  padding: 0vw 2vw 2vw 5vw;
  max-width: 800px;
  bottom: 1vw;
}
@media (min-width: 768px) {
  .hero .text-hold {
    bottom: 1vw;
  }
}
@media (min-width: 992px) {
  .hero .text-hold {
    bottom: 1vw;
  }
}
@media (min-width: 1200px) {
  .hero .text-hold {
    padding: 0vw 2vw 10px 5vw;
    bottom: 23px;
  }
}
.hero h2 {
  color: #fff;
  font-family: "tussilago";
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-align: left;
  font-size: 2rem;
  line-height: 2rem;
  padding: 0px;
}
.hero h2:after {
  display: none;
}
@media (min-width: 992px) {
  .hero h2 {
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: -2px;
  }
}
@media (min-width: 1200px) {
  .hero h2 {
    font-size: 6rem;
    line-height: 6rem;
    letter-spacing: -2px;
  }
}
.hero h3 {
  color: #fff;
  font-family: "tussilago";
  text-align: left;
  letter-spacing: 0px;
  font-size: 0.9rem;
  padding: 0px;
}
@media (min-width: 992px) {
  .hero h3 {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .hero h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.hero .cover {
  background: #233268;
  background: -moz-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0)), color-stop(100%, #233268));
  background: -webkit-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -o-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: linear-gradient(to "to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(255, 0, 0, 0), endColorstr=#233268);
}
.hero.promo.promo-white .shape {
  background: #fff;
}
.hero.promo.promo-white .shape svg {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.hero.promo.promo-white .text-hold h2, .hero.promo.promo-white .text-hold p {
  color: #233268 !important;
}
.hero.promo .shape {
  z-index: 11;
  position: relative;
  width: 101%;
  height: 285px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: #233268;
  top: -30px;
  left: 0px;
}
@media (min-width: 768px) {
  .hero.promo .shape {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
  }
}
@media (min-width: 768px) {
  .hero.promo .shape {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
  }
}
@media (min-width: 768px) {
  .hero.promo .shape {
    left: 10px;
  }
}
.hero.promo .shape svg {
  /*
  $size: 0.9
  $posx: left
  $posy: top
  */
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transition: 0.4s all ease-out;
  -moz-transition: 0.4s all ease-out;
  -khtml-transition: 0.4s all ease-out;
  -o-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
  left: -150px;
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .hero.promo .shape svg {
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    left: -300px;
  }
}
@media (min-width: 768px) {
  .hero.promo .shape {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 90%;
    margin-top: 18px;
    bottom: auto;
    top: 0px;
    left: 0px;
  }
}
@media (min-width: 992px) {
  .hero.promo p {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}
.hero.promo .text-hold {
  z-index: 12;
  max-width: 100%;
  text-align: left;
  color: #fff;
  bottom: 8vw;
  padding: 3vw 10vw 2vw 13vw;
}
.hero.promo .text-hold p {
  color: #fff;
}
.hero.promo .text-hold img.thumb {
  max-width: 70px;
}
.hero.promo .text-hold h2 {
  font-size: 1.2rem !important;
  line-height: auto;
}
@media (min-width: 768px) {
  .hero.promo .text-hold h2 {
    font-size: 2.2rem !important;
    line-height: 1.9rem !important;
  }
}
@media (min-width: 992px) {
  .hero.promo .text-hold h2 {
    font-size: 2.6rem !important;
    letter-spacing: -1px;
    line-height: 2.2rem !important;
  }
}
@media (min-width: 1200px) {
  .hero.promo .text-hold h2 {
    font-size: 3.4rem !important;
    letter-spacing: -1px;
    line-height: 2.9rem !important;
  }
}
.hero.promo .text-hold p.hero-sub-text {
  font-size: 0.9rem !important;
  line-height: 1.4rem;
}
@media (min-width: 768px) {
  .hero.promo .text-hold {
    max-width: 60% !important;
    top: 2vw;
    padding: 0vw 5vw 2vw 8vw;
  }
}
@media (min-width: 992px) {
  .hero.promo .text-hold {
    max-width: 55% !important;
    top: 3vw;
  }
}
@media (min-width: 1200px) {
  .hero.promo .text-hold {
    max-width: 50% !important;
    top: 6vw;
  }
}
.hero.promo a {
  display: block;
  width: 100%;
  text-decoration: none;
}
.hero.promo a img.full-image {
  width: 120%;
  z-index: 10;
  position: relative;
  max-width: 120%;
  right: 0px;
  /*
  $size: 0.9
  $posx: left
  $posy: top
  */
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transform-origin: center right;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -webkit-transition: 0.4s all ease-out;
  -moz-transition: 0.4s all ease-out;
  -khtml-transition: 0.4s all ease-out;
  -o-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
  -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 2% 100%, 0% 100%);
  clip-path: polygon(20% 0, 100% 0%, 100% 100%, 2% 100%, 0% 100%);
}
@media (min-width: 768px) {
  .hero.promo a img.full-image {
    max-width: 70%;
    right: -200px;
  }
}
.hero.promo a p.more {
  background: #febc11;
  color: #233268;
  font-size: 9pt;
  display: inline-block;
  padding: 6px 15px 6px 10px;
  text-align: center;
  font-weight: 700;
}
@media (min-width: 992px) {
  .hero.promo a p.more {
    font-size: 12pt;
  }
}
.hero.promo a p.more:after {
  content: "";
  width: 0%;
  height: 48px;
  background: #0e2aca;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hero.promo a:hover {
  /*[class^='col-'] {*/
}
.hero.promo a:hover svg {
  left: -280px;
}
.hero.promo a:hover img.full-image {
  /*
  $size: 0.9
  $posx: left
  $posy: top
  */
  -moz-transform: scale(1.13);
  -webkit-transform: scale(1.13);
  transform: scale(1.13);
  transform-origin: center right;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
}
.hero.promo a:hover span.more span.txt {
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hero.promo a:hover span.more:after {
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.hero.promo a:hover h2 {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.hero.promo a:hover .style-dark-blue h2,
.hero.promo a:hover .style-dark-blue p {
  color: #ccc;
}
.hero.promo a .style-white .shape,
.hero.promo a .style-white .text-container {
  background: #fff;
}
.hero.promo a .style-dark-blue .shape,
.hero.promo a .style-dark-blue .text-container {
  background: #233268;
}
.hero.promo a .style-dark-blue h2,
.hero.promo a .style-dark-blue p {
  color: #fff;
}
.hero.promo a .style-dark-blue span.more {
  border-color: #fff;
  color: #fff;
}

svg.device {
  position: absolute;
  bottom: -13px;
  z-index: 30;
  left: 10px;
  width: 150%;
  transform: scale(1.9);
}
@media (min-width: 576px) {
  svg.device {
    bottom: -20px;
    left: -15px;
    transform: scale(1.4);
  }
}
@media (min-width: 768px) {
  svg.device {
    bottom: -45px;
    left: -247px;
    transform: scale(1);
  }
}
@media (min-width: 1200px) {
  svg.device {
    left: -320px;
  }
}

.news-feature-plugin .slick-dotted.slick-slider {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .news-feature-plugin .slick-dotted.slick-slider {
    margin-top: 30px;
  }
}

.news-feature-plugin:not(#admin-only) {
  overflow: visible;
}
.news-feature-plugin:not(#admin-only) .gradient {
  background: #000;
  background: -moz-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0)), color-stop(100%, #000));
  background: -webkit-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #000 100%);
  background: -o-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #000 100%);
  background: linear-gradient(to 90, rgba(255, 0, 0, 0) 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(255, 0, 0, 0), endColorstr=#000);
  bottom: 0px;
  top: auto !important;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.news-feature-plugin:not(#admin-only) svg.device {
  left: -140px;
  height: auto !important;
}
@media (min-width: 768px) {
  .news-feature-plugin:not(#admin-only) svg.device {
    left: -400px;
  }
}
@media (min-width: 1200px) {
  .news-feature-plugin:not(#admin-only) svg.device {
    left: -600px;
  }
}
.news-feature-plugin:not(#admin-only) .slick-dots {
  bottom: -40px !important;
  z-index: 31;
}
.news-feature-plugin:not(#admin-only) .slick-dots li {
  width: 14px;
}
.news-feature-plugin:not(#admin-only) .slick-dots li.slick-active button {
  background: #0e2aca;
  border: 1px solid #0e2aca;
}
.news-feature-plugin:not(#admin-only) .slick-dots li button {
  transform: skewX(-25deg);
  background: #fff;
  height: 10px;
  border: 1px solid #ccc;
  padding: 4px;
}
.news-feature-plugin:not(#admin-only) .slick-dots li button:before {
  content: "";
  display: none;
}
.news-feature-plugin:not(#admin-only) .slick-prev, .news-feature-plugin:not(#admin-only) .slick-next {
  top: 43% !important;
}
.news-feature-plugin:not(#admin-only) .slick-feature-slider .feature-content {
  visibility: hidden;
}
.news-feature-plugin:not(#admin-only) .slick-feature-slider div.img-hold {
  min-height: 400px;
}
@media (min-width: 992px) {
  .news-feature-plugin:not(#admin-only) .slick-feature-slider div.img-hold {
    min-height: 10vh;
  }
}
@media (min-width: 1200px) {
  .news-feature-plugin:not(#admin-only) .slick-feature-slider div.img-hold {
    min-height: 10vh;
  }
}
@media (min-width: 1300px) {
  .news-feature-plugin:not(#admin-only) .slick-feature-slider div.img-hold {
    min-height: 600px;
  }
}
.news-feature-plugin:not(#admin-only) .slick-feature-slider h2 {
  font-family: "tussilago";
  font-weight: 700;
  padding-top: 10px;
  font-size: 1.5rem;
  line-height: 1.8rem;
}
@media (min-width: 768px) {
  .news-feature-plugin:not(#admin-only) .slick-feature-slider h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media (min-width: 1200px) {
  .news-feature-plugin:not(#admin-only) .slick-feature-slider h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
.news-feature-plugin:not(#admin-only) .slick-feature-slider h2:after {
  height: 2px;
  display: none;
}
.news-feature-plugin:not(#admin-only) .slick-feature-slider .slick-current .feature-content {
  visibility: visible;
  top: 344px;
  left: 8vw;
  width: 90%;
}
@media (min-width: 768px) {
  .news-feature-plugin:not(#admin-only) .slick-feature-slider .slick-current .feature-content {
    top: auto;
    bottom: 3vw;
  }
}
@media (min-width: 768px) {
  .news-feature-plugin:not(#admin-only) .slick-feature-slider .slick-current .feature-content {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .news-feature-plugin:not(#admin-only) .slick-feature-slider .slick-current .feature-content {
    width: 50%;
  }
}
.news-feature-plugin:not(#admin-only) .slick-feature-slider .slick-current .feature-content p.date {
  font-size: 0.7rem;
  max-width: 120px;
  color: #fff;
  background: #0e2aca;
  text-align: center;
  padding: 4px 0;
  text-transform: uppercase;
}
.news-feature-plugin:not(#admin-only) .feature {
  overflow: hidden;
  height: auto !important;
  min-height: 530px !important;
}
@media (min-width: 576px) {
  .news-feature-plugin:not(#admin-only) .feature {
    min-height: 530px !important;
  }
}
@media (min-width: 768px) {
  .news-feature-plugin:not(#admin-only) .feature {
    min-height: 380px !important;
  }
}
@media (min-width: 992px) {
  .news-feature-plugin:not(#admin-only) .feature {
    min-height: 380px !important;
  }
}
@media (min-width: 1200px) {
  .news-feature-plugin:not(#admin-only) .feature {
    min-height: 450px !important;
  }
}
@media (min-width: 1300px) {
  .news-feature-plugin:not(#admin-only) .feature {
    min-height: 530px !important;
  }
}
.news-feature-plugin:not(#admin-only) .slick-list .slick-slide img.full-image {
  width: 170%;
  min-width: 620px;
  position: relative;
  left: -100px;
}
@media (min-width: 576px) {
  .news-feature-plugin:not(#admin-only) .slick-list .slick-slide img.full-image {
    width: 160%;
    left: 0px;
  }
}
@media (min-width: 768px) {
  .news-feature-plugin:not(#admin-only) .slick-list .slick-slide img.full-image {
    width: 110%;
  }
}
@media (min-width: 992px) {
  .news-feature-plugin:not(#admin-only) .slick-list .slick-slide img.full-image {
    width: 100%;
  }
}
.news-feature-plugin:not(#admin-only) .slick-list .next-preview {
  display: none;
}
.news-feature-plugin:not(#admin-only) .slick-list .slick-slide:not(.slick-current) {
  background: #233268;
}
@media (min-width: 1200px) {
  .news-feature-plugin:not(#admin-only) .slick-list div.img-hold, .news-feature-plugin:not(#admin-only) .slick-list .next-preview img {
    max-height: 10vh !important;
  }
}
@media (min-width: 1300px) {
  .news-feature-plugin:not(#admin-only) .slick-list div.img-hold, .news-feature-plugin:not(#admin-only) .slick-list .next-preview img {
    max-height: 650px !important;
  }
}
.news-feature-plugin:not(#admin-only) .slick-list .slick-slide.slick-current {
  left: 0 !important;
  background: #233268;
}

.news-feature-plugin#admin-only {
  overflow: visible;
}
.news-feature-plugin#admin-only .gradient {
  background: #233268;
  background: -moz-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0)), color-stop(100%, #233268));
  background: -webkit-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -o-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: linear-gradient(to 90, rgba(255, 0, 0, 0) 0%, #233268 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(255, 0, 0, 0), endColorstr=#233268);
  bottom: 0px;
  top: auto !important;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.news-feature-plugin#admin-only svg.device {
  left: -140px;
  height: auto !important;
}
@media (min-width: 768px) {
  .news-feature-plugin#admin-only svg.device {
    left: -400px;
  }
}
@media (min-width: 1200px) {
  .news-feature-plugin#admin-only svg.device {
    left: -600px;
  }
}
.news-feature-plugin#admin-only .slick-dots {
  bottom: -40px !important;
  z-index: 31;
}
.news-feature-plugin#admin-only .slick-dots li {
  width: 14px;
}
.news-feature-plugin#admin-only .slick-dots li.slick-active button {
  background: #febc11;
  border: 1px solid #febc11;
}
.news-feature-plugin#admin-only .slick-dots li button {
  transform: skewX(-25deg);
  background: #fff;
  height: 10px;
  border: 1px solid #ccc;
  padding: 4px;
}
.news-feature-plugin#admin-only .slick-dots li button:before {
  content: "";
  display: none;
}
.news-feature-plugin#admin-only .slick-prev, .news-feature-plugin#admin-only .slick-next {
  top: 0% !important;
}
.news-feature-plugin#admin-only .slick-feature-slider .feature-content {
  visibility: hidden;
}
.news-feature-plugin#admin-only .slick-feature-slider h2 {
  font-family: "tussilago";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
}
@media (min-width: 768px) {
  .news-feature-plugin#admin-only .slick-feature-slider h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
.news-feature-plugin#admin-only .slick-feature-slider h2:after {
  height: 2px;
  display: none;
}
.news-feature-plugin#admin-only .slick-feature-slider .slick-current .feature-content {
  visibility: visible;
  bottom: 3vw;
  top: auto !important;
  width: 80%;
}
@media (min-width: 768px) {
  .news-feature-plugin#admin-only .slick-feature-slider .slick-current .feature-content {
    width: 70%;
  }
}
.news-feature-plugin#admin-only .slick-feature-slider .slick-current .feature-content p.date {
  font-size: 0.7rem;
  max-width: 90px;
  color: #233268;
  background: #febc11;
  text-align: center;
  padding: 4px 0;
}
.news-feature-plugin#admin-only .feature {
  overflow: hidden;
  height: auto !important;
  min-height: auto !important;
}
.news-feature-plugin#admin-only .slick-list {
  padding-right: 0% !important;
}
@media (min-width: 576px) {
  .news-feature-plugin#admin-only .slick-list {
    padding-right: 10% !important;
  }
}
@media (min-width: 768px) {
  .news-feature-plugin#admin-only .slick-list {
    padding-right: 20% !important;
  }
}
.news-feature-plugin#admin-only .slick-list .slick-slide img.full-image {
  width: 180%;
  min-width: 700px;
  position: relative;
  left: -100px;
}
@media (min-width: 576px) {
  .news-feature-plugin#admin-only .slick-list .slick-slide img.full-image {
    width: 160%;
    left: 0px;
  }
}
@media (min-width: 768px) {
  .news-feature-plugin#admin-only .slick-list .slick-slide img.full-image {
    width: 110%;
  }
}
@media (min-width: 992px) {
  .news-feature-plugin#admin-only .slick-list .slick-slide img.full-image {
    width: 100%;
  }
}
.news-feature-plugin#admin-only .slick-list .slick-slide.prev-slide {
  left: 6% !important;
}
.news-feature-plugin#admin-only .slick-list .slick-slide.next-slide {
  left: -5% !important;
}
.news-feature-plugin#admin-only .slick-list .slick-slide[data-slick-index="0"]:not(.slick-current) {
  left: 5% !important;
}
.news-feature-plugin#admin-only .slick-list .slick-slide:not([data-slick-index="0"]) {
  background: #fff;
  clip-path: polygon(15% 0, 100% 0%, 100% 100%, 2% 100%, 0% 100%) !important;
  -webkit-clip-path: polygon(15% 0, 100% 0%, 100% 100%, 2% 100%, 0% 100%) !important;
}
.news-feature-plugin#admin-only .slick-list .slick-slide:not([data-slick-index="0"]) div.img-hold {
  max-height: 100%;
  clip-path: polygon(17% 0, 100% 0%, 100% 100%, 2% 100%) !important;
  -webkit-clip-path: polygon(17% 0, 100% 0%, 100% 100%, 2% 100%) !important;
}
.news-feature-plugin#admin-only .slick-list .slick-slide:not([data-slick-index="0"]) div.img-hold:after {
  background: #233268;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  clip-path: polygon(17% 0, 100% 0%, 100% 100%, 2% 100%) !important;
  -webkit-clip-path: polygon(17% 0, 100% 0%, 100% 100%, 2% 100%) !important;
}
@media (min-width: 1200px) {
  .news-feature-plugin#admin-only .slick-list div.img-hold {
    max-height: 650px !important;
  }
}
.news-feature-plugin#admin-only .slick-list .slick-slide.slick-current {
  left: 0 !important;
}

/* KeenSlider */
.news-feature-plugin.swipertwig {
  overflow: visible;
}
.news-feature-plugin.swipertwig .gradient {
  background: #233268;
  background: -moz-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0)), color-stop(100%, #233268));
  background: -webkit-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -o-linear-gradient(90, rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: linear-gradient(to 90, rgba(255, 0, 0, 0) 0%, #233268 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(255, 0, 0, 0), endColorstr=#233268);
  bottom: 0px;
  top: auto !important;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.news-feature-plugin.swipertwig svg.device {
  left: -140px;
  height: auto !important;
}
@media (min-width: 768px) {
  .news-feature-plugin.swipertwig svg.device {
    left: -400px;
  }
}
@media (min-width: 1200px) {
  .news-feature-plugin.swipertwig svg.device {
    left: -600px;
  }
}
.news-feature-plugin.swipertwig .slick-dots {
  bottom: -40px !important;
  z-index: 31;
}
.news-feature-plugin.swipertwig .slick-dots li {
  width: 14px;
}
.news-feature-plugin.swipertwig .slick-dots li.slick-active button {
  background: #febc11;
  border: 1px solid #febc11;
}
.news-feature-plugin.swipertwig .slick-dots li button {
  transform: skewX(-25deg);
  background: #fff;
  height: 10px;
  border: 1px solid #ccc;
  padding: 4px;
}
.news-feature-plugin.swipertwig .slick-dots li button:before {
  content: "";
  display: none;
}
.news-feature-plugin.swipertwig .slick-prev, .news-feature-plugin.swipertwig .slick-next {
  top: 0% !important;
}
.news-feature-plugin.swipertwig .slick-feature-slider .feature-content {
  visibility: hidden;
}
.news-feature-plugin.swipertwig .slick-feature-slider h2 {
  font-family: "tussilago";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
}
@media (min-width: 768px) {
  .news-feature-plugin.swipertwig .slick-feature-slider h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
.news-feature-plugin.swipertwig .slick-feature-slider h2:after {
  height: 2px;
  display: none;
}
.news-feature-plugin.swipertwig .slick-feature-slider .slick-current .feature-content {
  visibility: visible;
  bottom: 3vw;
  top: auto !important;
  width: 80%;
}
@media (min-width: 768px) {
  .news-feature-plugin.swipertwig .slick-feature-slider .slick-current .feature-content {
    width: 70%;
  }
}
.news-feature-plugin.swipertwig .slick-feature-slider .slick-current .feature-content p.date {
  font-size: 0.7rem;
  max-width: 90px;
  color: #233268;
  background: #febc11;
  text-align: center;
  padding: 4px 0;
}
.news-feature-plugin.swipertwig .feature {
  overflow: hidden;
  height: auto !important;
  min-height: auto !important;
}
.news-feature-plugin.swipertwig .keen-slider {
  padding-right: 0% !important;
}
@media (min-width: 576px) {
  .news-feature-plugin.swipertwig .keen-slider {
    padding-right: 10% !important;
  }
}
@media (min-width: 768px) {
  .news-feature-plugin.swipertwig .keen-slider {
    padding-right: 20% !important;
  }
}
.news-feature-plugin.swipertwig .keen-slider .keen-slider__slide img.full-image {
  width: 180%;
  min-width: 700px;
  position: relative;
  left: -100px;
}
@media (min-width: 576px) {
  .news-feature-plugin.swipertwig .keen-slider .keen-slider__slide img.full-image {
    width: 160%;
    left: 0px;
  }
}
@media (min-width: 768px) {
  .news-feature-plugin.swipertwig .keen-slider .keen-slider__slide img.full-image {
    width: 110%;
  }
}
@media (min-width: 992px) {
  .news-feature-plugin.swipertwig .keen-slider .keen-slider__slide img.full-image {
    width: 100%;
  }
}
.news-feature-plugin.swipertwig .keen-slider .keen-slider__slide.prev-slide {
  left: 6% !important;
}
.news-feature-plugin.swipertwig .keen-slider .keen-slider__slide.next-slide {
  left: -5% !important;
}
.news-feature-plugin.swipertwig .keen-slider .keen-slider__slide[data-slick-index="0"]:not(.slick-current) {
  left: 5% !important;
}
.news-feature-plugin.swipertwig .keen-slider .keen-slider__slide.next-slide {
  background: #fff;
  clip-path: polygon(15% 0, 100% 0%, 100% 100%, 2% 100%, 0% 100%) !important;
  -webkit-clip-path: polygon(15% 0, 100% 0%, 100% 100%, 2% 100%, 0% 100%) !important;
}
.news-feature-plugin.swipertwig .keen-slider .keen-slider__slide.next-slide div.img-hold {
  max-height: 100%;
  clip-path: polygon(17% 0, 100% 0%, 100% 100%, 2% 100%) !important;
  -webkit-clip-path: polygon(17% 0, 100% 0%, 100% 100%, 2% 100%) !important;
}
.news-feature-plugin.swipertwig .keen-slider .keen-slider__slide.next-slide div.img-hold:after {
  background: #233268;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  clip-path: polygon(17% 0, 100% 0%, 100% 100%, 2% 100%) !important;
  -webkit-clip-path: polygon(17% 0, 100% 0%, 100% 100%, 2% 100%) !important;
}
@media (min-width: 1200px) {
  .news-feature-plugin.swipertwig .keen-slider div.img-hold {
    max-height: 650px !important;
  }
}
.news-feature-plugin.swipertwig .keen-slider .slick-slide.slick-current {
  left: 0 !important;
}

/* KeenSlider ends */
.playing-history-stats h2 {
  font-size: 1.6rem;
}
.playing-history-stats table.playing-history a {
  color: #febc11;
}
.playing-history-stats table.playing-history td {
  color: #fff;
}
.playing-history-stats table.playing-history.table-striped > tbody > tr:nth-of-type(odd) td {
  background-color: rgba(0, 0, 0, 0.3);
}
.playing-history-stats .career-playing-history .hold {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .playing-history-stats .career-playing-history .hold {
    width: 14.28% !important;
  }
}
.playing-history-stats .career-playing-history .label {
  background: #0e2aca !important;
  color: #fff;
  text-align: center;
  margin-bottom: 0px !important;
  font-size: 0.8rem;
  padding: 0.5rem 0;
}
@media (min-width: 992px) {
  .playing-history-stats .career-playing-history .label {
    font-size: 0.9rem;
  }
}
.playing-history-stats .career-playing-history p.stat {
  font-size: 1.4rem;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0px !important;
  padding: 0.8rem 0;
}
@media (min-width: 992px) {
  .playing-history-stats .career-playing-history p.stat {
    padding: 1.4rem 0;
  }
}

.news-grid-plugin a.ign-media-link, .news-grid-5-story a.ign-media-link {
  position: relative;
}
.news-grid-plugin .news-cat-filters a.btn, .news-grid-5-story .news-cat-filters a.btn {
  padding: 8px 12px;
  font-size: 0.8rem;
}
@media (min-width: 992px) {
  .news-grid-plugin .news-cat-filters a.btn, .news-grid-5-story .news-cat-filters a.btn {
    padding: 10px 20px;
    font-size: 1rem;
  }
}
.news-grid-plugin .play-hold, .news-grid-5-story .play-hold {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 10px;
  z-index: 20;
  color: #fff;
  font-size: 2rem;
}
.news-grid-plugin .play-hold i, .news-grid-5-story .play-hold i {
  z-index: 25;
  position: relative;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.news-grid-plugin .play-hold:after, .news-grid-5-story .play-hold:after {
  background: #000;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  display: block;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.article-story-row h2 {
  padding: 10px 0;
}

.youtube-v3-playlist h3.title {
  font-size: 25px;
  font-weight: 700;
}
.youtube-v3-playlist .stats {
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  .youtube-v3-playlist .stats {
    font-size: 1rem;
  }
}
.youtube-v3-playlist .stats a {
  text-decoration: underline;
}
.youtube-v3-playlist .video-img {
  overflow: hidden;
  height: 180px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px !important;
}
.youtube-v3-playlist .video-img i.fa-play {
  display: flex;
  top: auto !important;
  left: auto !important;
}
.youtube-v3-playlist .video-img img {
  position: relative;
}
@media (min-width: 576px) {
  .youtube-v3-playlist .video-img {
    height: 135px;
  }
}
@media (min-width: 768px) {
  .youtube-v3-playlist .video-img {
    height: 225px;
  }
}
@media (min-width: 1200px) {
  .youtube-v3-playlist .video-img {
    height: 124px;
  }
}
@media (min-width: 1300px) {
  .youtube-v3-playlist .video-img {
    height: 140px;
  }
}

/* OB styles here */
.container {
  max-width: 1580px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "tussilago";
  text-transform: uppercase;
  font-weight: bold;
}

.fluid-mega-menu .droopmenu-inner {
  background: linear-gradient(to right, #0e2aca, #0f0cc1);
  height: 85px !important;
}

.btn {
  border-radius: 0;
  padding: 10px 10px;
  font-size: 10px;
}
@media (min-width: 768px) {
  .btn {
    padding: 10px 15px;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .btn {
    padding: 10px 20px;
    font-size: 12px;
  }
}

.btn-primary {
  background: #fff;
  border-color: #0e2aca;
  color: #0e2aca;
  font-family: "tussilago";
  text-transform: uppercase;
  font-weight: bold;
}

.btn:HOVER {
  border-radius: 0;
  padding: 10px 20px;
  background: #0e2aca;
}

.btn.active {
  background: #0e2aca;
}

.btn-secondary {
  background: #0eca8e;
  color: #233268;
  font-weight: 700;
  border-color: #0eca8e;
}

.ign-text-slim, .ign-content-slim {
  max-width: 800px !important;
}

.mob-menu-search {
  float: right;
  color: #fff;
}

.mob-menu-icons {
  float: left;
  font-size: 10px;
}

.hero.hero-single.no-image .img-hold {
  min-height: 108px;
  max-height: 9vw;
}
@media (min-width: 768px) {
  .hero.hero-single.no-image .img-hold {
    min-height: 108px;
  }
}

.hero .img-hold {
  height: auto;
}

.hero.hero-single.no-image .text-hold {
  max-width: 100%;
}

.hero h2 {
  font-size: 1.5rem !important;
}
@media (min-width: 768px) {
  .hero h2 {
    font-size: 2.4vw !important;
  }
}
@media (min-width: 992px) {
  .hero h2 {
    font-size: 2vw !important;
  }
}
@media (min-width: 1200px) {
  .hero h2 {
    font-size: 30px !important;
  }
}

.hero h3 {
  line-height: 0.5rem;
}

.hero .text-hold {
  max-width: 100% !important;
}

.hero H2 {
  letter-spacing: 0px !important;
  line-height: 140% !important;
}

.table TD, .table TH {
  padding: 1.5rem;
}

.ign-row-content-light .table TD, .ign-row-content-light .table TH {
  color: #fff;
}

.ign-row-content-light .table TR {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.table {
  font-size: 13px;
}

.ign-form-slim {
  margin-left: 0px;
}

em.caption p {
  font-size: 12px !important;
  padding-left: 20px;
  padding-top: 10px;
  text-transform: uppercase;
  margin-top: -50px;
  color: #fff;
}

.fluid-mega-menu div.text-links h5.card-title {
  font-size: 0.8rem !important;
}
@media (min-width: 1200px) {
  .fluid-mega-menu div.text-links h5.card-title {
    font-size: 1rem !important;
  }
}

.hero.super-hero .img-hold img.full-image {
  left: -35%;
}
@media (min-width: 576px) {
  .hero.super-hero .img-hold img.full-image {
    left: 0px;
  }
}

.hero.super-hero .img-hold {
  height: 370px;
}
@media (min-width: 768px) {
  .hero.super-hero .img-hold {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .hero.super-hero .img-hold {
    height: 550px;
  }
}
@media (min-width: 1200px) {
  .hero.super-hero .img-hold {
    height: 680px;
  }
}

figure {
  margin-bottom: 1.625rem;
}

P, .text-plugin P {
  line-height: 160%;
  text-align: left;
  margin-bottom: 1.625rem;
  font-size: 1rem;
}
@media (min-width: 768px) {
  P, .text-plugin P {
    font-size: 1rem;
  }
}

h2.row-title {
  font-size: 20px !important;
  color: #0e2aca;
  font-weight: 700;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  h2.row-title {
    font-size: 30px;
  }
}

.news-grid-5-story h2 {
  font-size: 15px;
  font-weight: 700;
  padding-top: 0px;
  padding-bottom: 10px;
  line-height: 120%;
  color: #233268;
}
@media (min-width: 768px) {
  .news-grid-5-story h2 {
    font-size: 20px;
    padding-top: 10px;
  }
}

.news-grid-5-story .primary-story h2 {
  font-size: 28px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .news-grid-5-story .primary-story h2 {
    font-size: 40px;
    padding-bottom: 30px;
  }
}

.news-grid-5-story .date {
  font-size: 11px;
  font-weight: 600;
  padding-top: 0px;
  color: #233268;
}
@media (min-width: 768px) {
  .news-grid-5-story .date {
    font-size: 15px;
    padding-top: 10px;
  }
}

.news-grid-5-story P {
  font-size: 15px;
  line-height: 160%;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .news-grid-5-story P {
    margin-bottom: 10px;
  }
}

.news-grid-5-story P.read-article {
  padding-bottom: 15px;
  font-size: 12px;
  color: #0e2aca;
}
@media (min-width: 768px) {
  .news-grid-5-story P.read-article {
    font-size: 15px;
    padding-bottom: 30px;
  }
}

.news-grid-5-story .img-hold {
  padding-bottom: 10px;
}

.article-standard h1 {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 900;
  line-height: 100%;
  color: #233268;
  text-align: left;
}
@media (min-width: 576px) {
  .article-standard h1 {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .article-standard h1 {
    font-size: 35px;
  }
}
@media (min-width: 1200px) {
  .article-standard h1 {
    font-size: 40px;
  }
}

.article-standard figure img {
  max-width: 100% !important;
}

.article-standard .date {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 10px;
  font-weight: 600;
  background: #0e2aca;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  margin-right: auto;
}
@media (min-width: 768px) {
  .article-standard .date {
    font-size: 10px;
  }
}

.article-standard LI {
  list-style-type: disc;
  padding-bottom: 25px;
  font-size: 1rem;
  margin-left: 20px;
  line-height: 120%;
  text-align: left;
}

.social-icons a {
  color: #0e2aca;
}

.social-icons a:HOVER {
  color: #233268;
}

.nav-tabs .nav-link {
  color: #233268 !important;
  padding: 1rem 1rem;
}

.sponsor-logo {
  max-width: 180px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.news-grid-plugin .bg-blue {
  background: #233268;
  padding-bottom: 30px;
}

.news-grid-plugin h1 {
  font-size: 20px;
  margin-top: 27px;
  margin-bottom: 30px;
  font-weight: 900;
  line-height: 110%;
  color: #233268;
  text-align: left;
}
@media (min-width: 768px) {
  .news-grid-plugin h1 {
    font-size: 40px;
  }
}

.ign-news-grid-content {
  background: transparent;
}

.ign-news-grid-content .card {
  border-radius: 0;
  background: transparent;
  border: none;
}

.ign-news-grid-content .card-img-top {
  border-radius: 0;
  clip-path: polygon(0 15%, 15% 0, 100% 0%, 100% 85%, 85% 100%, 0% 100%);
}

.ign-news-grid-content .card-body {
  color: #fff;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  background: #fff;
  margin-top: -100px;
  padding-top: 120px;
}
@media (min-width: 768px) {
  .ign-news-grid-content .card-body {
    padding-top: 120px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.ign-news-grid-content .card-footer {
  background: #0e2aca;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
}

.ign-news-grid-content h4 {
  font-size: 11px !important;
  font-weight: 700;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 120%;
  color: #233268;
}
@media (min-width: 768px) {
  .ign-news-grid-content h4 {
    font-size: 15px;
    padding-top: 10px;
  }
}

.ign-row-content-light .ign-news-grid-content h4 A {
  color: #fff !important;
}

.ign-news-grid-content P.date {
  font-size: 11px;
  font-weight: 600;
  padding-top: 0px;
  color: #233268;
}
@media (min-width: 768px) {
  .ign-news-grid-content P.date {
    font-size: 15px;
    padding-top: 10px;
  }
}

.card-plugin .card {
  border-radius: 0px;
  border: none;
  background: transparent;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .card-plugin .card {
    margin-bottom: 60px;
  }
}

.card-plugin .card-img-top {
  border-radius: 0px;
  clip-path: polygon(0 15%, 15% 0, 100% 0%, 100% 85%, 85% 100%, 0% 100%);
}

.card-plugin .card-body {
  color: #fff;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  margin-top: -100px;
  padding-top: 120px;
}

.card-plugin .card-gradient {
  position: relative;
  width: 100%;
  background: #233268;
  margin-top: -100px;
  height: 100px;
  background: #233268;
  background: -moz-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0)), color-stop(100%, #233268));
  background: -webkit-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: -o-linear-gradient("to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  background: linear-gradient(to "to top", rgba(255, 0, 0, 0) 0%, #233268 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(255, 0, 0, 0), endColorstr=#233268);
}

.card-plugin .card-title {
  color: #0e2aca !important;
}

.card-plugin p.card-text {
  color: #000;
  padding-bottom: 20px;
}

.card-plugin .card-title {
  font-size: 11px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .card-plugin .card-title {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .card-plugin .card-title {
    font-size: 18px;
  }
}

.card-plugin .card-call-to-action {
  position: absolute;
  bottom: 10px;
  color: #fff;
  font-size: 13px;
}

.card-plugin .card-call-to-action i {
  color: #febc11;
}

.text-plugin H2 {
  color: #233268;
  font-size: 30px;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 1.625rem;
}

.text-plugin H3 {
  color: #233268;
  font-size: 20px;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1.625rem;
}

.text-plugin H4 {
  color: #233268;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1.625rem;
}
@media (min-width: 992px) {
  .text-plugin H4 {
    font-size: 1.1875rem;
  }
}

.text-plugin P {
  color: #233268;
  font-weight: 300;
}

.text-plugin ul li {
  color: #233268;
  line-height: 160%;
  font-weight: 300;
  font-size: 1rem;
}

.text-plugin ol li {
  color: #233268;
  line-height: 160%;
  font-weight: 300;
  font-size: 1rem;
  padding-left: 20px;
  text-indent: -16px;
}

.text-plugin A {
  color: #0e2aca;
}

.text-plugin A:HOVER {
  color: #233268;
}

.ign-row-content-dark .text-plugin h1, .ign-row-content-dark .text-plugin h2, .ign-row-content-dark .text-plugin h3, .ign-row-content-dark .text-plugin h4, .ign-row-content-dark .text-plugin h5, .ign-row-content-dark .text-plugin h6 {
  color: #0e2aca !important;
  font-weight: 400;
}

/* ============= accordion  ========== */
.accordion-plugin.snippets .accordion .title-icon {
  max-width: 20px;
  display: inline-block !important;
  vertical-align: middle;
}
@media (min-width: 576px) {
  .accordion-plugin.snippets .accordion .title-icon {
    max-width: 25px;
  }
}
@media (min-width: 768px) {
  .accordion-plugin.snippets .accordion .title-icon {
    max-width: 30px;
  }
}
@media (min-width: 992px) {
  .accordion-plugin.snippets .accordion .title-icon {
    max-width: 40px;
  }
}
@media (min-width: 1200px) {
  .accordion-plugin.snippets .accordion .title-icon {
    max-width: 50px;
  }
}
.accordion-plugin.snippets .accordion .card-header {
  border-bottom: none;
  background: #00243f;
  border-bottom: 1px solid #fff;
  margin-bottom: 0px !important;
  color: #fff;
}
.accordion-plugin.snippets .accordion LI {
  list-style: disc;
  list-style-position: outside;
  font-size: 16px;
}
.accordion-plugin.snippets .accordion UL {
  margin-left: 20px;
}
.accordion-plugin.snippets .accordion .btn-link {
  color: #febc11 !important;
  font-weight: 700;
  text-transform: none;
  width: 100%;
  text-align: left;
  text-decoration: none;
}
@media (min-width: 576px) {
  .accordion-plugin.snippets .accordion .btn-link {
    font-size: 14px !important;
  }
}
@media (min-width: 768px) {
  .accordion-plugin.snippets .accordion .btn-link {
    font-size: 15px !important;
  }
}
@media (min-width: 992px) {
  .accordion-plugin.snippets .accordion .btn-link {
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) {
  .accordion-plugin.snippets .accordion .btn-link {
    font-size: 17px !important;
  }
}
.accordion-plugin.snippets .btn-check:focus + .btn, .accordion-plugin.snippets .btn:focus {
  box-shadow: none;
}
.accordion-plugin.snippets .accordion .btn-link:HOVER {
  color: #fff !important;
  background: transparent !important;
}
.accordion-plugin.snippets .accordion-plugin .text-plugin p {
  padding: 0px 20px 0px 20px;
}
.accordion-plugin.snippets .accordion .card-body {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 576px) {
  .accordion-plugin.snippets .accordion .card-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .accordion-plugin.snippets .accordion .card-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .accordion-plugin.snippets .accordion .card-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px) {
  .accordion-plugin.snippets .accordion .card-body {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.accordion-plugin.snippets .accordion h2 {
  margin-bottom: 20px;
  padding-left: 0px !important;
  line-height: 120%;
}
@media (min-width: 768px) {
  .accordion-plugin.snippets .accordion h2 {
    padding-left: 10px !important;
  }
}
@media (min-width: 992px) {
  .accordion-plugin.snippets .accordion h2 {
    padding-left: 20px !important;
  }
}
.accordion-plugin.snippets .accordion h3 {
  font-weight: 600;
  color: #0e2aca;
  font-size: 1.1875rem;
  margin-bottom: 20px;
  line-height: 120%;
}
.accordion-plugin.snippets .accordion h3.card-title {
  padding-left: 0px !important;
}
.accordion-plugin.snippets .accordion table {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.accordion-plugin.snippets .accordion .btn-link:before {
  content: " ";
  font-family: "Font Awesome 5 Pro";
  position: relative;
  font-size: 16px;
  margin-top: 10px;
  float: right;
}
.accordion-plugin.snippets .accordion .opened.btn-link:before {
  content: " ";
  transition: all 1s ease-out;
}
.accordion-plugin.snippets .accordion .container {
  padding-left: 0px;
  padding-right: 0px;
}

.homepage-player-links .card {
  background: transparent;
}

.homepage-player-links .card-title {
  color: #00243f;
  font-size: 17px;
}
@media (min-width: 768px) {
  .homepage-player-links .card-title {
    font-size: 25px;
  }
}

.homepage-player-links p.card-call-to-action {
  color: #00243f;
  font-size: 13px;
  margin-top: 20px;
  bottom: -8px;
}
@media (min-width: 768px) {
  .homepage-player-links p.card-call-to-action {
    font-size: 18px;
  }
}

.homepage-player-links a.card-link div.card-gradient {
  position: relative;
  background: transparent;
  height: 150px;
  margin-top: -150px;
}

.homepage-player-links a.card-link div.card-gradient::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 150px;
  background: rgba(255, 255, 255, 0.8);
  content: "";
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.player.legends.header, .player.header {
  background: #0e2aca;
  min-height: auto;
}

.player.legends.header A, .playe.header A {
  color: #fff;
}

.player.legends.header A:HOVER, .player.header A:HOVER {
  color: #febc11;
}

.player.legends.header h2, .player.header h2 {
  color: #febc11;
  font-weight: 700;
  font-size: 2rem !important;
  line-height: auto;
}
@media (min-width: 768px) {
  .player.legends.header h2, .player.header h2 {
    font-size: 2.2rem !important;
    line-height: 1.9rem !important;
  }
}
@media (min-width: 992px) {
  .player.legends.header h2, .player.header h2 {
    font-size: 2.6rem !important;
    letter-spacing: -1px;
    line-height: 2.2rem !important;
  }
}
@media (min-width: 1200px) {
  .player.legends.header h2, .player.header h2 {
    font-size: 3.4rem !important;
    letter-spacing: -1px;
    line-height: 2.9rem !important;
  }
}

.player.legends.header UL, .player.header UL {
  margin-top: 40px;
  margin-bottom: 40px;
  border-top: solid 1px rgba(225, 225, 225, 0.3);
}

.player.legends.header li, .player.header li {
  color: #fff;
  font-size: 19px;
  border-bottom: solid 1px rgba(225, 225, 225, 0.3);
  padding-bottom: 18px;
  padding-top: 18px;
}
@media (min-width: 768px) {
  .player.legends.header li, .player.header li {
    font-size: 19px;
  }
}
@media (min-width: 992px) {
  .player.legends.header li, .player.header li {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .player.legends.header li, .player.header li {
    font-size: 22px;
  }
}

.player.legends.header img.playershot {
  -webkit-clip-path: polygon(0% 0, 100% 0%, 100% 80%, 0% 100%, 0% 100%) !important;
  clip-path: polygon(0% 0, 100% 0%, 100% 80%, 0% 100%, 0% 100%) !important;
}
@media (min-width: 576px) {
  .player.legends.header img.playershot {
    -webkit-clip-path: polygon(0% 0, 100% 0%, 60% 100%, 0% 100%, 0% 100%) !important;
    clip-path: polygon(0% 0, 100% 0%, 60% 100%, 0% 100%, 0% 100%) !important;
  }
}

.player.header img.playershot {
  margin-top: 30px;
}

.player.header h2.squad-number {
  border: solid 1px #febc11;
  margin-top: 20px;
  display: inline-block;
  padding: 20px;
}

.player.header .playershot {
  max-width: 700px;
}

.rugby-players-plugin.squad-players .card {
  background-image: linear-gradient(to bottom right, #0e2aca, #233268);
  width: 100%;
}

.rugby-players-plugin.squad-players .card img.player-img {
  padding: 20px 0px 0px 0px !important;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.rugby-players-plugin .card .card-body {
  background: #fff;
}

.rugby-players-plugin .card h3.card-title {
  font-weight: 600;
  font-size: 1.4rem;
}

.rugby-players-plugin .card .squad-number {
  position: absolute;
  top: 0;
  left: 0;
  color: #febc11;
  font-size: 60px;
  font-weight: 600;
  padding: 20px;
}

.rugby-players-plugin .card-footer {
  background: #fff;
}

.card-plugin.light-card .card {
  background: #fff;
}

.card-plugin.light-card .card .card-gradient {
  display: none;
}

.card-plugin.light-card .card h3.card-title, .card-plugin.light-card .card P.card-text, .card-plugin.light-card .card P.card-call-to-action {
  color: #233268;
}

.partners P {
  font-size: 0.7rem;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .partners P {
    font-size: 0.8rem;
  }
}
@media (min-width: 992px) {
  .partners P {
    font-size: 1.125rem;
  }
}

.partners img.main-partners {
  max-width: 110px;
}
@media (min-width: 768px) {
  .partners img.main-partners {
    max-width: 180px;
  }
}

.partners img.partner-item {
  max-width: 100px;
  padding-bottom: 30px;
  padding-right: 10px;
}

.small-top-nav .shape {
  clip-path: polygon(4% 0, 100% 0%, 100% 100%, 0% 100%) !important;
  -webkit-clip-path: polygon(4% 0, 100% 0%, 100% 100%, 0% 100%) !important;
}

.players-biography h4, .players-biography h3 {
  color: #0e2aca;
  font-size: 19px;
  line-height: 140%;
  margin-bottom: 30px;
  font-weight: 400;
}

.hero.promo a img.full-image {
  clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%, 0% 100%) !important;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%, 0% 100%) !important;
}
@media (min-width: 768px) {
  .hero.promo a img.full-image {
    clip-path: polygon(28% 0, 100% 0%, 100% 100%, 2% 100%, 0% 100%) !important;
  }
}
@media (min-width: 768px) {
  .hero.promo a img.full-image {
    -webkit-clip-path: polygon(28% 0, 100% 0%, 100% 100%, 2% 100%, 0% 100%) !important;
  }
}

.hero.promo-panoramic .promo-hold {
  border: none;
}
@media (min-width: 576px) {
  .hero.promo-panoramic .promo-hold {
    border: solid 2px #f1f1f1;
  }
}

.hero.promo-panoramic img {
  display: block;
}

.hero.promo-panoramic img.thumb {
  max-width: 100px;
}

.hero.promo-panoramic .text-hold {
  bottom: 0;
  position: relative;
  padding: 0px;
}
@media (min-width: 576px) {
  .hero.promo-panoramic .text-hold {
    padding-left: 30px;
  }
}

.hero.promo-panoramic .text-hold h2 {
  font-size: 2rem !important;
  color: #0e2aca;
  padding: 0px;
  line-height: 100% !important;
}
@media (min-width: 576px) {
  .hero.promo-panoramic .text-hold h2 {
    font-size: 1.3rem !important;
  }
}
@media (min-width: 768px) {
  .hero.promo-panoramic .text-hold h2 {
    font-size: 1.8rem !important;
  }
}
@media (min-width: 1200px) {
  .hero.promo-panoramic .text-hold h2 {
    font-size: 3rem !important;
  }
}

.hero.promo-panoramic .text-hold P {
  line-height: 100%;
  margin-bottom: 0px;
  font-size: 15px !important;
}
@media (min-width: 576px) {
  .hero.promo-panoramic .text-hold P {
    font-size: 12px !important;
  }
}
@media (min-width: 768px) {
  .hero.promo-panoramic .text-hold P {
    font-size: 15px !important;
  }
}
@media (min-width: 992px) {
  .hero.promo-panoramic .text-hold P {
    font-size: 17px !important;
  }
}

.hero.promo-panoramic .text-hold P.more {
  margin-top: 10px;
}

.match-slider .fixture-card .card-body .team-name {
  font-size: 0.5rem;
  text-transform: uppercase;
}

.match-slider .fixture-card .card-header P {
  font-size: 0.6rem;
}

footer {
  background: linear-gradient(to right, #0e2aca, #0f0cc1);
  color: #fff;
  font-size: 12px;
}

footer img.footer-logo {
  max-width: 100px;
  padding-bottom: 20px;
}

footer A {
  color: #fff;
}

footer P {
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 13px;
}

footer UL.footer-links {
  padding-top: 20px;
}

footer UL.footer-links li {
  padding-bottom: 10px;
}

.rlwc-timeline a.btn-primary.reverse-purple:HOVER {
  background-color: #febc11 !important;
  border-color: #0e2aca !important;
}

.playing-history-stats h2 {
  font-size: 1.6rem;
}
.playing-history-stats table.playing-history a {
  color: #febc11;
}
.playing-history-stats table.playing-history td {
  color: #fff;
}
.playing-history-stats table.playing-history.table-striped > tbody > tr:nth-of-type(odd) td {
  background-color: rgba(0, 0, 0, 0.3);
}
.playing-history-stats .career-playing-history .hold {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .playing-history-stats .career-playing-history .hold {
    width: 14.28% !important;
  }
}
.playing-history-stats .career-playing-history .label {
  background: #0e2aca !important;
  color: #fff;
  text-align: center;
  margin-bottom: 0px !important;
  font-size: 0.8rem;
  padding: 0.5rem 0;
}
@media (min-width: 992px) {
  .playing-history-stats .career-playing-history .label {
    font-size: 0.9rem;
  }
}
.playing-history-stats .career-playing-history p.stat {
  font-size: 1.4rem;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0px !important;
  padding: 0.8rem 0;
}
@media (min-width: 992px) {
  .playing-history-stats .career-playing-history p.stat {
    padding: 1.4rem 0;
  }
}

@media only screen and (max-width: 767.98px) {
  .nav-is-fixed .droopmenu-navbar.droopmenu-offcanvas {
    height: 80px;
  }
}
.portal-link a {
  color: #fff;
}

.news-feature-plugin .slick-dotted.slick-slider {
  margin-top: 0px;
}

.rankings ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.rankings__item {
  font-size: 1rem;
  line-height: 1.5;
  font-family: tussilago, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-decoration: none;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 1.5vw;
  background-color: transparent;
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

.rankingItem__rank {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  text-align: center;
  margin-right: 15px;
}

.rankingItem__flag {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  margin-right: 15px;
}

.rankingItem__flag span.flag-item, .rankingItem__flag img.flag-item {
  width: 45px;
  height: 35px;
}

.rankingItem__name {
  font-size: 0.75rem;
  line-height: 1.17;
  font-family: tussilago, Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}

.rankingItem__move {
  margin-left: 15px;
}

.clear-search {
  display: inline-block;
}

.clear-search a {
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: underline;
  padding-left: 30px;
}

.member-nations p {
  line-height: 1;
}

.member-nation .club-badge .flag-item {
  width: 100px;
}
.member-nation .club-badge span.flag-item {
  height: 75px;
}
.member-nation .club-badge img.flag-item {
  height: auto;
}
.member-nation .text-white p {
  color: #fff;
}
.member-nation .club-socials a {
  color: #fff;
}
.member-nation .club-socials svg {
  fill: #fff;
}

.nav-is-fixed.droopmenu-dmopen .droopmenu-navbar.droopmenu-offcanvas.droopmenu-offcanvas-open .morph-dropdown-wrapper {
  background: linear-gradient(to right, #0e2aca, #0f0cc1) !important;
}

.page-link {
  color: #0f0cc1;
}

.active > .page-link, .page-link.active {
  background: linear-gradient(to right, #0e2aca, #0f0cc1) !important;
}

.search-plugin h3 A {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #0f0cc1;
  font-weight: 700;
  padding-bottom: 10px;
  line-height: 120%;
}

.search-plugin LI {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #f1f1f1;
}

.search-plugin span > small {
  font-weight: 400 !important;
  color: #0f0cc1;
}

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