@charset "UTF-8";
/*

red: #e40a21
dk red: #d42e20
orange: #fd2b02

new:

purple: #5a0fa0;
Dk purple: #400b73;
Red: #fe0000;

Men: #ff0000;
Women: #ff6a00;
Wheelchair: #ffc800;

*/
/* faster when compiling than including all bootstrap */
@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");
.match-centre .table {
  background: #fff !important;
  font-size: 13px;
}

.match-centre .dropdown-content li > a, .match-centre .dropdown-content li > span {
  color: #5a0fa0;
}

.match-centre .select-wrapper input.select-dropdown {
  color: #5a0fa0;
}

.match-centre .fix-res-buttons button.btn-primary.active {
  background-color: #5a0fa0 !important;
  border-color: #5a0fa0 !important;
  color: #ffffff !important;
}

.match-centre .btn-group, .match-centre .btn-group-vertical {
  border-right: #5a0fa0 solid 1px !important;
}

.match-centre .fix-res-buttons button.btn-primary {
  background-color: #ffffff !important;
  color: #5a0fa0 !important;
}

.match-centre h3.comp-divider {
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #5a0fa0 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-top: 20px;
}

.match-centre .fixture-card .fixture-footer {
  color: #ffffff !important;
}

.match-centre .fixture-card.men .fixture-footer {
  background: #5a0fa0;
}

.match-centre .fixture-card.men .fixture-footer span.competition-label {
  color: #ff0000 !important;
  font-weight: 600;
}

.match-centre .fixture-card.women .fixture-footer {
  background: #5a0fa0;
}

.match-centre .fixture-card.women .fixture-footer span.competition-label {
  color: #ff6a00 !important;
  font-weight: 600;
}

.match-centre .fixture-card.wheelchair .fixture-footer {
  background: #5a0fa0;
}

.match-centre .fixture-card.wheelchair .fixture-footer span.competition-label {
  color: #ffc800 !important;
  font-weight: 600;
}

.match-centre .fixture-card .middle {
  color: #000000;
  font-weight: 600;
}

#action-slider .match-centre.news-grid-videos-slider-plugin div.video-left, #action-slider .match-centre.news-grid-videos-slider-plugin div.video-right {
  top: 237px !important;
}

.match-centre.news-grid-videos-slider-plugin div.video-left, .match-centre.news-grid-videos-slider-plugin div.video-right {
  color: #fff !important;
  border: 1px solid #fff;
}

.match-centre .fixture-card .team-name {
  color: #000000;
  font-weight: 600;
  font-size: 11px;
  font-size: 11px;
}
@media (min-width: 576px) {
  .match-centre .fixture-card .team-name {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  .match-centre .fixture-card .team-name {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .match-centre .fixture-card .team-name {
    font-size: 18px;
  }
}

.match-centre section.competition li a {
  float: none !important;
  border-bottom: none !important;
}

.match-centre section.competition h3 {
  background: #5a0fa0 !important;
}

.match-centre .fixture-card A {
  color: #000000;
}

.match-centre .fixture-card .card-header {
  color: #ffffff;
  border-radius: 0;
  border: none;
  padding-bottom: 0px;
}

.match-centre .fixture-card.men .card-header, .match-centre .fixture-card .men.card-header {
  background: #ff0000;
}

.match-centre .fixture-card.women .card-header, .match-centre .fixture-card .women.card-header {
  background: #fc5d03;
}

.match-centre .fixture-card.wheelchair .card-header, .match-centre .fixture-card .wheelchair.card-header {
  background: #ffc800;
}

.match-centre .fixture-card .fixture-wrap {
  padding: 0px !important;
}

.match-centre .fixture-card .date-label {
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 10px;
}
@media (min-width: 992px) {
  .match-centre .fixture-card .date-label {
    font-size: 14px;
  }
}

.match-centre .fixture-card .round-label {
  font-size: 10px;
  font-weight: 600;
}

.match-centre .fixture-card .division-label {
  font-size: 10px;
  font-weight: 600;
}

.match-centre .fixture-card .local-time {
  font-size: 10px;
  font-weight: 600;
}

.match-centre .fixture-card .city-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .match-centre .fixture-card .city-label {
    font-size: 18px;
  }
}

.match-centre .fixture-card .home-logo, .match-centre .fixture-card .away-logo {
  display: inline-block;
  width: 100px !important;
  max-width: 80px;
}
@media (min-width: 576px) {
  .match-centre .fixture-card .home-logo, .match-centre .fixture-card .away-logo {
    max-width: 60px;
  }
}
@media (min-width: 992px) {
  .match-centre .fixture-card .home-logo, .match-centre .fixture-card .away-logo {
    max-width: 100px;
  }
}
@media (min-width: 1200px) {
  .match-centre .fixture-card .home-logo, .match-centre .fixture-card .away-logo {
    max-width: 160px;
  }
}

.match-centre .fixture-card .away-logo {
  margin-right: 10px;
}

.match-centre .fixture-card .home-logo {
  margin-left: 10px;
}

.match-centre .svg-container.transform svg {
  transform: rotate(180deg);
}

.match-centre .svg-container {
  padding: 4px 0px;
}

.match-centre .double-header-title {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 18px;
}

.match-centre .double-header .city-label {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .match-centre .double-header .city-label {
    font-size: 18px;
  }
}

#ticketLinkModal .thead-dark {
  background: #5A0EA2;
}

#ticketLinkModal .table thead th {
  color: #ffffff;
}

.btn-primary.reverse {
  background-color: #5a0fa0;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.btn-primary.reverse:HOVER {
  background-color: #ffffff;
  color: #5a0fa0;
  border: 1px solid #5a0fa0;
}

.competition .btn-primary.reverse-purple:HOVER {
  background-color: #5a0fa0;
  border-color: #5a0fa0;
}

#ticketLinkModal .row-title.modal-title {
  padding: 0 !important;
}

#ticketLinkModal .row-title.modal-title:after {
  display: none;
}

.match-centre.news-grid-videos-slider-plugin .card-body {
  font-family: "rlwc", sans-serif;
  padding-top: 20px;
}
.match-centre.news-grid-videos-slider-plugin .card-body .team-name {
  font-size: 24px !important;
  color: #5a0fa0;
  line-height: 85%;
  font-weight: normal;
  margin-top: 1rem;
}
.match-centre.news-grid-videos-slider-plugin .card-body .fixture-time, .match-centre.news-grid-videos-slider-plugin .card-body .results {
  font-size: 26px;
  color: #5a0fa0;
  line-height: 85%;
  font-weight: normal;
}
@media (min-width: 768px) {
  .match-centre.news-grid-videos-slider-plugin .card-body .fixture-time, .match-centre.news-grid-videos-slider-plugin .card-body .results {
    font-size: 26px;
  }
}
@media (min-width: 1200px) {
  .match-centre.news-grid-videos-slider-plugin .card-body .fixture-time, .match-centre.news-grid-videos-slider-plugin .card-body .results {
    font-size: 25px;
  }
}
.match-centre.news-grid-videos-slider-plugin .card-body .date-label {
  font-family: "Montserrat", sans-serif;
  color: #5a0fa0;
  line-height: 115%;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.match-centre.news-grid-videos-slider-plugin .card-body img.svg {
  margin: 0 auto;
  width: 62px;
}

.match-centre .fixture-card {
  background: #fff;
  box-shadow: 0px 2px 12px #e5e3e3;
  padding: 0px;
}
.match-centre .fixture-card .fixture-wrap {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}
.match-centre.news-grid-videos-slider-plugin .fixture-card {
  background: transparent;
  box-shadow: none;
}
.match-centre.news-grid-videos-slider-plugin .fixture-card .card-body {
  background: #fff;
}
.match-centre .match-center-slider .slick-slide {
  transition: 0.4s ease-out;
}
.match-centre .match-center-slider .slick-slide:hover {
  transform: translateY(-10px);
}
.match-centre .match-center-slider .slick-slide:hover:before {
  opacity: 1;
}

.rlwchistory {
  /*.match-centre section.competition li:nth-child(odd) a {background:#eee;}*/
  /* MD-down*/
  /* SM-down */
}
.rlwchistory .match-centre section.competition h2 {
  background: #f3f3ee;
  text-align: center;
}
.rlwchistory .match-centre section.competition h3 {
  background: #f1f1f1;
  text-align: center;
}
.rlwchistory .match-centre section.competition ul {
  margin: 10px 0px;
  padding: 0px;
}
.rlwchistory .match-centre section.competition li {
  list-style-type: none;
  display: block;
  padding: 10px 0px;
  margin: 0px 0px 2px 0;
  width: 100%;
  line-height: 1.6rem;
}
.rlwchistory .match-centre section.competition li a {
  background: #fff;
  display: block;
  width: 100%;
  float: left;
  padding: 20px 0;
}
.rlwchistory .match-centre section.competition li a {
  border-bottom: 2px dotted #eee;
}
.rlwchistory .match-centre section.competition li a:hover {
  text-decoration: none;
  transition: 0.6s all;
}
.rlwchistory .match-centre section.competition li span {
  display: inline-block;
  float: left;
  text-align: center;
}
.rlwchistory .match-centre section.competition li span.left {
  width: 15%;
  font-size: 1rem;
}
.rlwchistory .match-centre section.competition li span.right {
  width: 15%;
  margin-top: 5px;
}
.rlwchistory .match-centre section.competition li span.middle {
  width: 70%;
}
.rlwchistory .match-centre section.competition li span.left img {
  max-width: 120px;
}
.rlwchistory .match-centre section.competition li span.detail {
  width: 20%;
  font-size: 1.2rem;
}
.rlwchistory .match-centre section.competition li span.detail span.home-score, .rlwchistory .match-centre section.competition li span.detail span.away-score {
  width: 40px;
  background: #e40a21;
  float: none;
  display: inline-block;
  color: #fff;
  padding: 5px 0;
}
.rlwchistory .match-centre section.competition li span.away, .rlwchistory .match-centre section.competition li span.home {
  width: 40%;
}
.rlwchistory .match-centre section.competition li span.home, .rlwchistory .match-centre section.competition li span.away {
  font-size: 1.3rem;
}
.rlwchistory .match-centre section.competition li span.home {
  text-align: right;
}
.rlwchistory .match-centre section.competition li span.away {
  text-align: left;
}
.rlwchistory .match-centre section.competition li span.detail, .rlwchistory .match-centre section.competition li span.home, .rlwchistory .match-centre section.competition li span.away {
  margin-top: 10px;
  font-weight: 400;
}
.rlwchistory .match-centre section.competition li span.detail.CET {
  margin-top: 0px;
}
.rlwchistory .match-centre section.competition li span.preview {
  background: #e40a21;
  padding: 4px 10px;
  color: #fff;
  font-size: 1.2rem;
}
.rlwchistory .match-centre section.competition li span.ko {
  display: block;
  float: none;
}
.rlwchistory .match-centre section.competition h2 {
  font-size: 1.4rem;
  padding: 8px 0;
  background: none;
  font-weight: 400;
  color: #666;
}
.rlwchistory .match-centre section.competition h3 {
  background: #222;
  color: #fff;
  font-size: 1.3rem;
  padding: 8px 0;
}
.rlwchistory .match-centre section.competition {
  margin: 2rem 0;
}
.rlwchistory .match-centre .filters select {
  min-width: 100%;
}
.rlwchistory .match-centre .filters .show-me span {
  padding-top: 7px;
  display: block;
}
.rlwchistory .match-centre .filters button.btn {
  font-size: 1.3rem;
  line-height: 1.1;
}
.rlwchistory .match-centre .filters button.btn-primary.disabled {
  background-color: #658fa9;
  opacity: 0.4;
  -moz-opacity: 0.4;
}
.rlwchistory .match-centre .filters button.btn-primary {
  background-color: #db1616;
}
.rlwchistory .match-centre .filters select:disabled {
  opacity: 0.4;
  -moz-opacity: 0.4;
}
.rlwchistory .match-centre #tables .table th, .rlwchistory .match-centre #tables .table td {
  padding: 0.4rem;
}
.rlwchistory .match-centre #tables .table-cell- {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-p {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-w {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-l {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-d {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-pf {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-pa {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-diff {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-bns {
  text-align: center;
}
.rlwchistory .match-centre #tables .table-cell-pts {
  text-align: center;
}
.rlwchistory .match-centre #tables tr.highlight-team {
  background: #d8dbde;
}
@media only screen and (max-width: 62em) {
  .rlwchistory .match-centre section.competition li span.middle {
    width: 80%;
  }
  .rlwchistory .match-centre .filters .col-sm-12 {
    margin: 5px 0;
  }
}
@media only screen and (max-width: 48em) {
  .rlwchistory .match-centre section.competition li span.left {
    min-width: 90px;
  }
  .rlwchistory .match-centre section.competition li span.left img {
    max-width: 110px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .rlwchistory .match-centre section.competition li span.away, .rlwchistory .match-centre section.competition li span.home, .rlwchistory .match-centre section.competition li span.detail {
    width: 100%;
  }
  .rlwchistory .match-centre section.competition li span.home, .rlwchistory .match-centre section.competition li span.away {
    text-align: center;
    font-size: 1.4rem;
  }
  .rlwchistory .match-centre section.competition li span.middle {
    width: 65%;
  }
  .rlwchistory .match-centre section.competition li span.ko {
    display: inline;
    padding: 0 6px;
  }
  .rlwchistory .match-centre section.competition li span.detail, .rlwchistory .match-centre section.competition li span.home, .rlwchistory .match-centre section.competition li span.away {
    margin-top: 0px;
  }
  .rlwchistory .match-centre section.competition li span.detail {
    font-size: 1.2rem;
  }
  .rlwchistory .match-centre ul.nav.nav-tabs li {
    font-size: 1.2rem;
  }
  .rlwchistory .match-centre section.competition li span.left {
    width: 100%;
  }
  .rlwchistory .match-centre section.competition li span.middle {
    width: 100%;
  }
  .rlwchistory span.home-score, .rlwchistory span.away-score {
    margin: 8px 0;
  }
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.prettydropdown {
  position: relative;
  min-width: 72px; /* 70px + borders */
  display: inline-block;
}

.prettydropdown.loading {
  min-width: 0;
}

.prettydropdown > ul {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #a9a9a9;
  box-sizing: content-box;
  color: #000;
  cursor: pointer;
  font: normal 18px Calibri, sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
  z-index: 1;
}

.prettydropdown.loading > ul {
  visibility: hidden;
  white-space: nowrap;
}

.prettydropdown > ul:focus, .prettydropdown:not(.disabled) > ul:hover {
  border-color: #7f7f7f;
}

.prettydropdown:not(.disabled) > ul.active {
  width: auto;
  max-height: none !important;
  border-color: #1e90ff;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}

.prettydropdown > ul.active:focus {
  outline: none;
}

.prettydropdown > ul.active.reverse {
  top: auto;
  bottom: 0;
}

.prettydropdown > ul > li {
  position: relative;
  min-width: 70px;
  height: 48px; /* 50px - borders */
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  display: none;
  line-height: 46px; /* 48px - borders */
  margin: 0;
  padding-left: 0.8rem;
}

.prettydropdown.loading > ul > li {
  min-width: 0;
  display: block;
  padding-right: 0.8rem;
}

.prettydropdown > ul:not(.active) > li:not(.selected):first-child {
  color: transparent; /* Prevent FOUC */
}

.prettydropdown > ul > li:first-child, .prettydropdown > ul.active > li {
  display: block;
}

.prettydropdown > ul.active > li:not(.label):hover, .prettydropdown > ul.active > li.hover:not(.label), .prettydropdown > ul.active > li:first-child:hover:after {
  background: #1e90ff;
  color: #fff;
}

.prettydropdown > ul.active > li.nohover {
  background: inherit !important;
  color: inherit !important;
}

.prettydropdown > ul.active > li.hover:before, .prettydropdown > ul.active > li.nohover:after {
  border-top-color: #fff !important;
}

.prettydropdown > ul.active > li.hover:after, .prettydropdown > ul.active > li.nohover:before {
  border-top-color: #1e90ff !important;
}

.prettydropdown.arrow > ul > li.selected:before, .prettydropdown.arrow > ul > li.selected:after {
  position: absolute;
  top: 8px;
  bottom: 0;
  right: 8px;
  height: 16px;
  border: 8px solid transparent; /* Arrow size */
  box-sizing: border-box;
  content: "";
  display: block;
  margin: auto;
}

.prettydropdown.arrow.small > ul > li.selected:before, .prettydropdown.arrow.small > ul > li.selected:after {
  top: 4px;
  height: 8px;
  border-width: 4px;
}

.prettydropdown.arrow > ul > li.selected:before {
  border-top-color: #a9a9a9; /* Arrow color */
}

.prettydropdown.arrow > ul > li.selected:after {
  top: 4px; /* Chevron thickness */
  border-top-color: #fff; /* Match background colour */
}

.prettydropdown.arrow.small > ul > li.selected:after {
  top: 2px; /* Chevron thickness */
}

.prettydropdown.arrow.triangle > ul > li.selected:after {
  content: none;
}

.prettydropdown > ul:hover > li.selected:before {
  border-top-color: #7f7f7f;
}

.prettydropdown > ul.active > li.selected:before,
.prettydropdown > ul.active > li.selected:after {
  border: none;
}

.prettydropdown > ul:not(.active) > li > span.checked {
  display: none;
}

/* Multi-Select */
.prettydropdown.multiple > ul > li.selected {
  overflow: hidden;
  padding-right: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prettydropdown > ul > li > span.checked {
  clear: both;
  float: right;
  font-weight: bold;
  margin-right: 0.8rem;
}

/* Option Groups */
.prettydropdown > ul > li.label {
  cursor: default;
  font-weight: bold;
}

.prettydropdown > ul > li.label:first-child,
.prettydropdown.classic > ul > li.label ~ li.selected {
  border-top: none;
}

.prettydropdown > ul > li.label ~ li:not(.label):not(.selected),
.prettydropdown.classic > ul.active > li.label ~ li:not(.label) {
  padding-left: 1.6rem;
}

/* Classic Behavior */
.prettydropdown.classic > ul:not(.active) > li.selected:not(:first-child) {
  position: absolute;
  top: 0;
  display: block;
}

/* Disabled */
.prettydropdown.disabled, .prettydropdown > ul > li.disabled {
  opacity: 0.3;
}

.prettydropdown.disabled > ul > li, .prettydropdown > ul > li.disabled {
  cursor: not-allowed;
}

/* Divider Lines */
.prettydropdown.multiple > ul > li.selected + li, .prettydropdown.multiple > ul.reverse > li.selected,
.prettydropdown > ul > li.label, .prettydropdown > ul > li.label ~ li.selected {
  border-top-color: #dedede;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}

body {
  font-size: 100%;
  font-family: "Titillium Web", sans-serif;
  background-color: #f5f4e9;
}

a {
  color: #6cac70;
  text-decoration: none;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: #f5f4e9;
  z-index: 2;
  padding-top: 50px;
  /* Force Hardware Acceleration in WebKit */
  /*-webkit-transform: translateZ(0); */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

@media only screen and (min-width: 768px) {
  .cd-main-content {
    padding-top: 70px;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  height: 80px;
  width: 100%;
  /* background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0));*/
  background: url("/themes/rlwc/_img/nav-bg.png") repeat-x;
  z-index: 3;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.is-fixed {
  position: fixed;
}

@media only screen and (min-width: 768px) {
  header {
    height: 90px;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
  }
}
#cd-logo {
  display: block;
  float: left;
  margin: 12px 0 0 20px;
}

#cd-logo img {
  display: block;
}

@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 22px 0 0 30px;
  }
}
#cd-top-nav {
  position: absolute;
  top: 0;
  right: 75px;
  height: 100%;
}

#cd-top-nav ul {
  height: 100%;
  padding-top: 29px;
  transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
}

#cd-top-nav li {
  display: inline-block;
  margin-right: 0.3em;
}

@media only screen and (min-width: 1300px) {
  #cd-top-nav li {
    margin-right: 1em !important;
  }
}
#cd-top-nav a {
  display: inline-block;
  padding: 0.5em 0.3em;
  color: #FFF;
  /*text-transform: uppercase;*/
  font-weight: 600;
}

#cd-top-nav a.current {
  background-color: #242e30;
}

.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (min-width: 768px) {
  #cd-top-nav {
    display: block;
  }
}
#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width: 260px;
  background: #340053;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0.4s;
  transition: transform 0.4s 0s, visibility 0s 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}

#cd-lateral-nav .cd-navigation {
  margin: 0px;
}

#cd-lateral-nav .sub-menu {
  padding: 0 0px 20px 0px;
  display: none;
}

#cd-lateral-nav .sub-menu a {
  line-height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fe0000;
  /*border-bottom:1px solid #4e0027;*/
  padding-left: 45px;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0px;
}

#cd-lateral-nav .sub-menu a:HOVER {
  color: #ffffff;
}

#cd-lateral-nav a {
  display: block;
  line-height: 3em;
  padding: 0 16px 0 32px;
  color: #ffffff;
  /* text-transform:uppercase;*/
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0px;
}

#cd-lateral-nav a:HOVER {
  color: #fe0000;
}

#cd-lateral-nav a.light {
  font-weight: 300;
}

#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #f76810;
}

.no-touch #cd-lateral-nav a:hover {
  color: #f76810;
}

@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 0px 0;
  }
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -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;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  /* text-transform: uppercase;*/
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0px;
  /* this is the right arrow to show that the item has a submenu  */
}

#cd-lateral-nav .item-has-children > a::after {
  content: "";
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("/themes/jupiter/_img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

#cd-lateral-nav .socials {
  padding: 0 32px;
}

#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}

#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("/_img/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: 0.5em;
  border-radius: 0.25em;
}

#cd-lateral-nav .social-icons a {
  padding: 0px 0px 0px 5px;
}

#cd-lateral-nav .social-icons a:first-child {
  padding: 0px 0px 0px 32px;
}

#cd-lateral-nav .socials a.cd-twitter {
  background-position: 0 0;
}

#cd-lateral-nav .socials a.cd-github {
  background-position: -32px 0;
}

#cd-lateral-nav .socials a.cd-facebook {
  background-position: -64px 0;
}

#cd-lateral-nav .socials a.cd-google {
  background-position: -96px 0;
}

.no-touch #cd-lateral-nav .socials a:hover {
  background-color: #4e6361;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
  background-position: 0 -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-github {
  background-position: -32px -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
  background-position: -64px -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-google {
  background-position: -96px -32px;
}

@media only screen and (max-width: 769px) {
  #cd-top-nav ul {
    padding-top: 18px;
    padding-right: 50px;
  }
  #cd-top-nav {
    right: 42px;
  }
  header li.language a img {
    width: 20px;
  }
}
#side-tab {
  position: fixed;
  left: 0;
  top: 200px;
  margin-left: -3px;
  margin-bottom: -3px;
  z-index: 1000;
}

#sidetab-form {
  float: left;
  width: 300px;
  height: 100%;
  z-index: 1000;
  padding: 20px;
  background-clip: "padding-box";
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  color: #000000;
}

#sidetab-tab {
  float: left;
  color: #fff;
  font-size: 12px;
  letter-spacing: 3px;
  cursor: pointer;
  text-align: center;
  width: 180px;
  height: 42px;
  background-color: rgba(241, 41, 56, 0.9);
  margin-top: 70px;
  margin-left: -74px;
  padding-top: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  /*  border:1px solid #ffffff;*/
  -webkit-box-shadow: 5px -3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px -3px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 5px -3px 10px rgba(0, 0, 0, 0.2);
}

#sidetab-tab i {
  color: #ffffff !important;
  opacity: 0.7;
}

/*#sidetab-tab:hover { background-color: rgba(241,41,56,0.9); }*/
#sidetab-form textarea {
  resize: none;
}

@media only screen and (min-width: 1000px) {
  #sidetab-form {
    width: 800px;
  }
}
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  background-color: #EEEEEE;
}

.container {
  width: 100%;
  height: 100%;
}

.ignite-filters {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 5% auto 0 auto;
  /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
  /*background-color: #f9f9f9;*/
  z-index: 100;
}

.ignite-filters .fa {
  color: #cccccc;
}

.ignite-filters .slider {
  width: 100%;
  height: 300px;
  background-color: #F03861;
}

.ignite-filters .information {
  width: 100%;
  padding: 20px 50px;
  margin-bottom: 30px;
  font-family: "Open Sans", sans-serif;
}

.ignite-filters .information h1 {
  color: #333;
  font-size: 1.5rem;
  padding: 0px 10px;
  border-left: 3px solid #F03861;
}

.ignite-filters .information h3 {
  color: #e0e0e0;
  font-size: 1rem;
  font-weight: 300;
  padding: 0px 10px;
  border-left: 3px solid #F03861;
}

.ignite-filters .information p {
  padding: 10px 0px;
}

.ignite-filters ul {
  font-size: 0;
  list-style-type: none;
}

.ignite-filters ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #333;
  display: inline-block;
  padding: 15px;
  position: relative;
}

.ignite-filters ul li ul {
  display: none;
}

.ignite-filters ul li:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}

.ignite-filters ul li:hover ul {
  display: block;
  margin-top: 15px;
  width: 200px;
  left: 0;
  position: absolute;
}

.ignite-filters ul li:hover ul li {
  display: block;
  background-color: #e7e7e7;
}

.ignite-filters ul li:hover ul li span {
  float: right;
  color: #f9f9f9;
  background-color: #F03861;
  padding: 2px 5px;
  text-align: center;
  font-size: 0.8rem;
  border-radius: 3px;
}

.ignite-filters ul li:hover ul li:hover {
  background-color: #e0e0e0;
}

.ignite-filters ul li:hover ul li:hover span {
  background-color: #ee204e;
}

[class^=ign-btn] {
  margin: 0.4em;
  padding: 1em;
  cursor: pointer;
  border: 2px solid #ff6600;
  text-decoration: none;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fade */
.ign-btn-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.ign-btn-fade:hover, .ign-btn-fade:focus, .ign-btn-fade:active {
  background-color: #fc5d03;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes ign-btn-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes ign-btn-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.ign-btn-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.ign-btn-back-pulse:hover, .ign-btn-back-pulse:focus, .ign-btn-back-pulse:active {
  -webkit-animation-name: ign-btn-back-pulse;
  animation-name: ign-btn-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #fc5d03;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.ign-btn-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-sweep-to-right:hover, .ign-btn-sweep-to-right:focus, .ign-btn-sweep-to-right:active {
  color: white;
}

.ign-btn-sweep-to-right:hover:before, .ign-btn-sweep-to-right:focus:before, .ign-btn-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.ign-btn-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-sweep-to-left:hover, .ign-btn-sweep-to-left:focus, .ign-btn-sweep-to-left:active {
  color: white;
}

.ign-btn-sweep-to-left:hover:before, .ign-btn-sweep-to-left:focus:before, .ign-btn-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.ign-btn-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-sweep-to-bottom:hover, .ign-btn-sweep-to-bottom:focus, .ign-btn-sweep-to-bottom:active {
  color: white;
}

.ign-btn-sweep-to-bottom:hover:before, .ign-btn-sweep-to-bottom:focus:before, .ign-btn-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.ign-btn-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-sweep-to-top:hover, .ign-btn-sweep-to-top:focus, .ign-btn-sweep-to-top:active {
  color: white;
}

.ign-btn-sweep-to-top:hover:before, .ign-btn-sweep-to-top:focus:before, .ign-btn-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.ign-btn-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.ign-btn-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-bounce-to-right:hover, .ign-btn-bounce-to-right:focus, .ign-btn-bounce-to-right:active {
  color: white;
}

.ign-btn-bounce-to-right:hover:before, .ign-btn-bounce-to-right:focus:before, .ign-btn-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.ign-btn-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.ign-btn-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-bounce-to-left:hover, .ign-btn-bounce-to-left:focus, .ign-btn-bounce-to-left:active {
  color: white;
}

.ign-btn-bounce-to-left:hover:before, .ign-btn-bounce-to-left:focus:before, .ign-btn-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.ign-btn-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.ign-btn-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-bounce-to-bottom:hover, .ign-btn-bounce-to-bottom:focus, .ign-btn-bounce-to-bottom:active {
  color: white;
}

.ign-btn-bounce-to-bottom:hover:before, .ign-btn-bounce-to-bottom:focus:before, .ign-btn-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.ign-btn-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.ign-btn-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-bounce-to-top:hover, .ign-btn-bounce-to-top:focus, .ign-btn-bounce-to-top:active {
  color: white;
}

.ign-btn-bounce-to-top:hover:before, .ign-btn-bounce-to-top:focus:before, .ign-btn-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.ign-btn-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-radial-out:hover, .ign-btn-radial-out:focus, .ign-btn-radial-out:active {
  color: white;
}

.ign-btn-radial-out:hover:before, .ign-btn-radial-out:focus:before, .ign-btn-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.ign-btn-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #fc5d03;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-radial-in:hover, .ign-btn-radial-in:focus, .ign-btn-radial-in:active {
  color: white;
}

.ign-btn-radial-in:hover:before, .ign-btn-radial-in:focus:before, .ign-btn-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.ign-btn-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #fc5d03;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-rectangle-in:hover, .ign-btn-rectangle-in:focus, .ign-btn-rectangle-in:active {
  color: white;
}

.ign-btn-rectangle-in:hover:before, .ign-btn-rectangle-in:focus:before, .ign-btn-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.ign-btn-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*background: $primaryColor;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc5d03;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-rectangle-out:hover, .ign-btn-rectangle-out:focus, .ign-btn-rectangle-out:active {
  color: white;
}

.ign-btn-rectangle-out:hover:before, .ign-btn-rectangle-out:focus:before, .ign-btn-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.ign-btn-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #fc5d03;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-shutter-in-horizontal:hover, .ign-btn-shutter-in-horizontal:focus, .ign-btn-shutter-in-horizontal:active {
  color: white;
}

.ign-btn-shutter-in-horizontal:hover:before, .ign-btn-shutter-in-horizontal:focus:before, .ign-btn-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.ign-btn-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*background: $primaryColor;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fc5d03;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-shutter-out-horizontal:hover, .ign-btn-shutter-out-horizontal:focus, .ign-btn-shutter-out-horizontal:active {
  color: white;
}

.ign-btn-shutter-out-horizontal:hover:before, .ign-btn-shutter-out-horizontal:focus:before, .ign-btn-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.ign-btn-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #fc5d03;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-shutter-in-vertical:hover, .ign-btn-shutter-in-vertical:focus, .ign-btn-shutter-in-vertical:active {
  color: white;
}

.ign-btn-shutter-in-vertical:hover:before, .ign-btn-shutter-in-vertical:focus:before, .ign-btn-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.ign-btn-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ign-btn-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fc5d03;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ign-btn-shutter-out-vertical:hover, .ign-btn-shutter-out-vertical:focus, .ign-btn-shutter-out-vertical:active {
  color: white;
}

.ign-btn-shutter-out-vertical:hover:before, .ign-btn-shutter-out-vertical:focus:before, .ign-btn-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*# sourceMappingURL=button-effects.css.map */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

.slideshow-static {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.slideshow-image-static {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  animation-name: kenburns;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  opacity: 1;
  transform: scale(1.2);
}

.slideshow {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  animation-name: kenburns;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  opacity: 1;
  transform: scale(1.2);
}

/* code for 5 rotations below */
/*  .slideshow-image:nth-child(1) {
    animation-name: kenburns-1;
    z-index: 4; }
  .slideshow-image:nth-child(2) {
    animation-name: kenburns-2;
    z-index: 3; }
  .slideshow-image:nth-child(3) {
    animation-name: kenburns-3;
    z-index: 2; }
  .slideshow-image:nth-child(4) {
    animation-name: kenburns-4;
    z-index: 1; }
  .slideshow-image:nth-child(5) {
    animation-name: kenburns-5;
    z-index: 0; }

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    transform: scale(1.2); }
  17% {
    opacity: 1;}
  20% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); }
  97.9166666667% {
    opacity: 0;
    transform: scale(1.2117647059); }
  100% {
    opacity: 1;
    transform: scale(1.2); }
  }
@keyframes kenburns-2 {
  17% {
    opacity: 1;
    transform: scale(1.2); }
  37% {
    opacity: 1;}
  40% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); }
  }
@keyframes kenburns-3 {
  37% {
    opacity: 1;
    transform: scale(1.2); }
  57% {
    opacity: 1;}
  60% {
    opacity: 0;
    transform: scale(1); } 
  100% {
    opacity: 0;
    transform: scale(1.2); }
  }
@keyframes kenburns-4 {
  57% {
    opacity: 1;
    transform: scale(1.2); }
  77% {
    opacity: 1;}
  80% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); } 
  }
@keyframes kenburns-5 {
  77% {
    opacity: 1;
    transform: scale(1.2); }
  97% {
    opacity: 1;}
  100% {
    opacity: 0;
    transform: scale(1); } 
  }*/
/* code for 6 rotations below */
/*  .slideshow-image:nth-child(1) {
    animation-name: kenburns-1;
    z-index: 5; }
  .slideshow-image:nth-child(2) {
    animation-name: kenburns-2;
    z-index: 4; }
  .slideshow-image:nth-child(3) {
    animation-name: kenburns-3;
    z-index: 3; }
  .slideshow-image:nth-child(4) {
    animation-name: kenburns-4;
    z-index: 2; }
  .slideshow-image:nth-child(5) {
    animation-name: kenburns-5;
    z-index: 1; }
  .slideshow-image:nth-child(6) {
    animation-name: kenburns-6;
    z-index: 0; }

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    transform: scale(1.2); }
  14% {
    opacity: 1;}
  17% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); }
  97.9166666667% {
    opacity: 0;
    transform: scale(1.2117647059); }
  100% {
    opacity: 1;
    transform: scale(1.2); }
  }
@keyframes kenburns-2 {
  14% {
    opacity: 1;
    transform: scale(1.2); }
  31% {
    opacity: 1;}
  34% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); }
  }
@keyframes kenburns-3 {
  31% {
    opacity: 1;
    transform: scale(1.2); }
  48% {
    opacity: 1;}
  51% {
    opacity: 0;
    transform: scale(1); } 
  100% {
    opacity: 0;
    transform: scale(1.2); }
  }
@keyframes kenburns-4 {
  48% {
    opacity: 1;
    transform: scale(1.2); }
  65% {
    opacity: 1;}
  68% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); } 
  }
@keyframes kenburns-5 {
  65% {
    opacity: 1;
    transform: scale(1.2); }
  82% {
    opacity: 1;}
  85% {
    opacity: 0;
    transform: scale(1); } 
  100% {
    opacity: 0;
    transform: scale(1.2); }
  }
@keyframes kenburns-6 {
  82% {
    opacity: 1;
    transform: scale(1.2); }
  97% {
    opacity: 1;}
  100% {
    opacity: 0;
    transform: scale(1); } 
  }*/
/*# sourceMappingURL=slideshow-image.css.map */
/* original slideshow code for 3 screens below*/
.slideshow-image:nth-child(1) {
  animation-name: kenburns-1;
  z-index: 2;
}

.slideshow-image:nth-child(2) {
  animation-name: kenburns-2;
  z-index: 1;
}

.slideshow-image:nth-child(3) {
  animation-name: kenburns-3;
  z-index: 0;
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    transform: scale(1.2);
  }
  2.0833333333% {
    opacity: 1;
  }
  31.25% {
    opacity: 1;
  }
  35.4166666667% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
  97.9166666667% {
    opacity: 0;
    transform: scale(1.2117647059);
  }
  100% {
    opacity: 1;
  }
}
@keyframes kenburns-2 {
  31.25% {
    opacity: 1;
    transform: scale(1.2);
  }
  35.4166666667% {
    opacity: 1;
  }
  64.5833333333% {
    opacity: 1;
  }
  68.75% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes kenburns-3 {
  64.5833333333% {
    opacity: 1;
    transform: scale(1.2);
  }
  68.75% {
    opacity: 1;
  }
  97.9166666667% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.flag-icon:before {
  content: " ";
}

.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url(/themes/rlwc/_img/flags/4x3/ad.svg);
}

.flag-icon-ad.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ad.svg);
}

.flag-icon-ae {
  background-image: url(/themes/rlwc/_img/flags/4x3/ae.svg);
}

.flag-icon-ae.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ae.svg);
}

.flag-icon-af {
  background-image: url(/themes/rlwc/_img/flags/4x3/af.svg);
}

.flag-icon-af.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/af.svg);
}

.flag-icon-ag {
  background-image: url(/themes/rlwc/_img/flags/4x3/ag.svg);
}

.flag-icon-ag.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ag.svg);
}

.flag-icon-ai {
  background-image: url(/themes/rlwc/_img/flags/4x3/ai.svg);
}

.flag-icon-ai.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ai.svg);
}

.flag-icon-al {
  background-image: url(/themes/rlwc/_img/flags/4x3/al.svg);
}

.flag-icon-al.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/al.svg);
}

.flag-icon-am {
  background-image: url(/themes/rlwc/_img/flags/4x3/am.svg);
}

.flag-icon-am.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/am.svg);
}

.flag-icon-ao {
  background-image: url(/themes/rlwc/_img/flags/4x3/ao.svg);
}

.flag-icon-ao.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ao.svg);
}

.flag-icon-aq {
  background-image: url(/themes/rlwc/_img/flags/4x3/aq.svg);
}

.flag-icon-aq.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/aq.svg);
}

.flag-icon-ar {
  background-image: url(/themes/rlwc/_img/flags/4x3/ar.svg);
}

.flag-icon-ar.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ar.svg);
}

.flag-icon-as {
  background-image: url(/themes/rlwc/_img/flags/4x3/as.svg);
}

.flag-icon-as.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/as.svg);
}

.flag-icon-at {
  background-image: url(/themes/rlwc/_img/flags/4x3/at.svg);
}

.flag-icon-at.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/at.svg);
}

.flag-icon-au {
  background-image: url(/themes/rlwc/_img/flags/4x3/au.svg);
}

.flag-icon-au.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/au.svg);
}

.flag-icon-aw {
  background-image: url(/themes/rlwc/_img/flags/4x3/aw.svg);
}

.flag-icon-aw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/aw.svg);
}

.flag-icon-ax {
  background-image: url(/themes/rlwc/_img/flags/4x3/ax.svg);
}

.flag-icon-ax.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ax.svg);
}

.flag-icon-az {
  background-image: url(/themes/rlwc/_img/flags/4x3/az.svg);
}

.flag-icon-az.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/az.svg);
}

.flag-icon-ba {
  background-image: url(/themes/rlwc/_img/flags/4x3/ba.svg);
}

.flag-icon-ba.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ba.svg);
}

.flag-icon-bb {
  background-image: url(/themes/rlwc/_img/flags/4x3/bb.svg);
}

.flag-icon-bb.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bb.svg);
}

.flag-icon-bd {
  background-image: url(/themes/rlwc/_img/flags/4x3/bd.svg);
}

.flag-icon-bd.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bd.svg);
}

.flag-icon-be {
  background-image: url(/themes/rlwc/_img/flags/4x3/be.svg);
}

.flag-icon-be.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/be.svg);
}

.flag-icon-bf {
  background-image: url(/themes/rlwc/_img/flags/4x3/bf.svg);
}

.flag-icon-bf.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bf.svg);
}

.flag-icon-bg {
  background-image: url(/themes/rlwc/_img/flags/4x3/bg.svg);
}

.flag-icon-bg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bg.svg);
}

.flag-icon-bh {
  background-image: url(/themes/rlwc/_img/flags/4x3/bh.svg);
}

.flag-icon-bh.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bh.svg);
}

.flag-icon-bi {
  background-image: url(/themes/rlwc/_img/flags/4x3/bi.svg);
}

.flag-icon-bi.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bi.svg);
}

.flag-icon-bj {
  background-image: url(/themes/rlwc/_img/flags/4x3/bj.svg);
}

.flag-icon-bj.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bj.svg);
}

.flag-icon-bl {
  background-image: url(/themes/rlwc/_img/flags/4x3/bl.svg);
}

.flag-icon-bl.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bl.svg);
}

.flag-icon-bm {
  background-image: url(/themes/rlwc/_img/flags/4x3/bm.svg);
}

.flag-icon-bm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bm.svg);
}

.flag-icon-bn {
  background-image: url(/themes/rlwc/_img/flags/4x3/bn.svg);
}

.flag-icon-bn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bn.svg);
}

.flag-icon-bo {
  background-image: url(/themes/rlwc/_img/flags/4x3/bo.svg);
}

.flag-icon-bo.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bo.svg);
}

.flag-icon-bq {
  background-image: url(/themes/rlwc/_img/flags/4x3/bq.svg);
}

.flag-icon-bq.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bq.svg);
}

.flag-icon-br {
  background-image: url(/themes/rlwc/_img/flags/4x3/br.svg);
}

.flag-icon-br.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/br.svg);
}

.flag-icon-bs {
  background-image: url(/themes/rlwc/_img/flags/4x3/bs.svg);
}

.flag-icon-bs.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bs.svg);
}

.flag-icon-bt {
  background-image: url(/themes/rlwc/_img/flags/4x3/bt.svg);
}

.flag-icon-bt.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bt.svg);
}

.flag-icon-bv {
  background-image: url(/themes/rlwc/_img/flags/4x3/bv.svg);
}

.flag-icon-bv.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bv.svg);
}

.flag-icon-bw {
  background-image: url(/themes/rlwc/_img/flags/4x3/bw.svg);
}

.flag-icon-bw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bw.svg);
}

.flag-icon-by {
  background-image: url(/themes/rlwc/_img/flags/4x3/by.svg);
}

.flag-icon-by.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/by.svg);
}

.flag-icon-bz {
  background-image: url(/themes/rlwc/_img/flags/4x3/bz.svg);
}

.flag-icon-bz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/bz.svg);
}

.flag-icon-ca {
  background-image: url(/themes/rlwc/_img/flags/4x3/ca.svg);
}

.flag-icon-ca.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ca.svg);
}

.flag-icon-cc {
  background-image: url(/themes/rlwc/_img/flags/4x3/cc.svg);
}

.flag-icon-cc.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cc.svg);
}

.flag-icon-cd {
  background-image: url(/themes/rlwc/_img/flags/4x3/cd.svg);
}

.flag-icon-cd.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cd.svg);
}

.flag-icon-cf {
  background-image: url(/themes/rlwc/_img/flags/4x3/cf.svg);
}

.flag-icon-cf.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cf.svg);
}

.flag-icon-cg {
  background-image: url(/themes/rlwc/_img/flags/4x3/cg.svg);
}

.flag-icon-cg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cg.svg);
}

.flag-icon-ch {
  background-image: url(/themes/rlwc/_img/flags/4x3/ch.svg);
}

.flag-icon-ch.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ch.svg);
}

.flag-icon-ci {
  background-image: url(/themes/rlwc/_img/flags/4x3/ci.svg);
}

.flag-icon-ci.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ci.svg);
}

.flag-icon-ck {
  background-image: url(/themes/rlwc/_img/flags/4x3/ck.svg);
}

.flag-icon-ck.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ck.svg);
}

.flag-icon-cl {
  background-image: url(/themes/rlwc/_img/flags/4x3/cl.svg);
}

.flag-icon-cl.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cl.svg);
}

.flag-icon-cm {
  background-image: url(/themes/rlwc/_img/flags/4x3/cm.svg);
}

.flag-icon-cm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cm.svg);
}

.flag-icon-cn {
  background-image: url(/themes/rlwc/_img/flags/4x3/cn.svg);
}

.flag-icon-cn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cn.svg);
}

.flag-icon-co {
  background-image: url(/themes/rlwc/_img/flags/4x3/co.svg);
}

.flag-icon-co.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/co.svg);
}

.flag-icon-cr {
  background-image: url(/themes/rlwc/_img/flags/4x3/cr.svg);
}

.flag-icon-cr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cr.svg);
}

.flag-icon-cu {
  background-image: url(/themes/rlwc/_img/flags/4x3/cu.svg);
}

.flag-icon-cu.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cu.svg);
}

.flag-icon-cv {
  background-image: url(/themes/rlwc/_img/flags/4x3/cv.svg);
}

.flag-icon-cv.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cv.svg);
}

.flag-icon-cw {
  background-image: url(/themes/rlwc/_img/flags/4x3/cw.svg);
}

.flag-icon-cw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cw.svg);
}

.flag-icon-cx {
  background-image: url(/themes/rlwc/_img/flags/4x3/cx.svg);
}

.flag-icon-cx.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cx.svg);
}

.flag-icon-cy {
  background-image: url(/themes/rlwc/_img/flags/4x3/cy.svg);
}

.flag-icon-cy.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cy.svg);
}

.flag-icon-cz {
  background-image: url(/themes/rlwc/_img/flags/4x3/cz.svg);
}

.flag-icon-cz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/cz.svg);
}

.flag-icon-de {
  background-image: url(/themes/rlwc/_img/flags/4x3/de.svg);
}

.flag-icon-de.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/de.svg);
}

.flag-icon-dj {
  background-image: url(/themes/rlwc/_img/flags/4x3/dj.svg);
}

.flag-icon-dj.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/dj.svg);
}

.flag-icon-dk {
  background-image: url(/themes/rlwc/_img/flags/4x3/dk.svg);
}

.flag-icon-dk.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/dk.svg);
}

.flag-icon-dm {
  background-image: url(/themes/rlwc/_img/flags/4x3/dm.svg);
}

.flag-icon-dm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/dm.svg);
}

.flag-icon-do {
  background-image: url(/themes/rlwc/_img/flags/4x3/do.svg);
}

.flag-icon-do.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/do.svg);
}

.flag-icon-dz {
  background-image: url(/themes/rlwc/_img/flags/4x3/dz.svg);
}

.flag-icon-dz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/dz.svg);
}

.flag-icon-ec {
  background-image: url(/themes/rlwc/_img/flags/4x3/ec.svg);
}

.flag-icon-ec.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ec.svg);
}

.flag-icon-ee {
  background-image: url(/themes/rlwc/_img/flags/4x3/ee.svg);
}

.flag-icon-ee.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ee.svg);
}

.flag-icon-eg {
  background-image: url(/themes/rlwc/_img/flags/4x3/eg.svg);
}

.flag-icon-eg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/eg.svg);
}

.flag-icon-eh {
  background-image: url(/themes/rlwc/_img/flags/4x3/eh.svg);
}

.flag-icon-eh.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/eh.svg);
}

.flag-icon-er {
  background-image: url(/themes/rlwc/_img/flags/4x3/er.svg);
}

.flag-icon-er.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/er.svg);
}

.flag-icon-es {
  background-image: url(/themes/rlwc/_img/flags/4x3/es.svg);
}

.flag-icon-es.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/es.svg);
}

.flag-icon-et {
  background-image: url(/themes/rlwc/_img/flags/4x3/et.svg);
}

.flag-icon-et.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/et.svg);
}

.flag-icon-fi {
  background-image: url(/themes/rlwc/_img/flags/4x3/fi.svg);
}

.flag-icon-fi.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/fi.svg);
}

.flag-icon-fj {
  background-image: url(/themes/rlwc/_img/flags/4x3/fj.svg);
}

.flag-icon-fj.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/fj.svg);
}

.flag-icon-fk {
  background-image: url(/themes/rlwc/_img/flags/4x3/fk.svg);
}

.flag-icon-fk.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/fk.svg);
}

.flag-icon-fm {
  background-image: url(/themes/rlwc/_img/flags/4x3/fm.svg);
}

.flag-icon-fm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/fm.svg);
}

.flag-icon-fo {
  background-image: url(/themes/rlwc/_img/flags/4x3/fo.svg);
}

.flag-icon-fo.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/fo.svg);
}

.flag-icon-fr {
  background-image: url(/themes/rlwc/_img/flags/4x3/fr.svg);
}

.flag-icon-fr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/fr.svg);
}

.flag-icon-ga {
  background-image: url(/themes/rlwc/_img/flags/4x3/ga.svg);
}

.flag-icon-ga.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ga.svg);
}

.flag-icon-gb {
  background-image: url(/themes/rlwc/_img/flags/4x3/gb.svg);
}

.flag-icon-gb.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gb.svg);
}

.flag-icon-gd {
  background-image: url(/themes/rlwc/_img/flags/4x3/gd.svg);
}

.flag-icon-gd.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gd.svg);
}

.flag-icon-ge {
  background-image: url(/themes/rlwc/_img/flags/4x3/ge.svg);
}

.flag-icon-ge.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ge.svg);
}

.flag-icon-gf {
  background-image: url(/themes/rlwc/_img/flags/4x3/gf.svg);
}

.flag-icon-gf.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gf.svg);
}

.flag-icon-gg {
  background-image: url(/themes/rlwc/_img/flags/4x3/gg.svg);
}

.flag-icon-gg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gg.svg);
}

.flag-icon-gh {
  background-image: url(/themes/rlwc/_img/flags/4x3/gh.svg);
}

.flag-icon-gh.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gh.svg);
}

.flag-icon-gi {
  background-image: url(/themes/rlwc/_img/flags/4x3/gi.svg);
}

.flag-icon-gi.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gi.svg);
}

.flag-icon-gl {
  background-image: url(/themes/rlwc/_img/flags/4x3/gl.svg);
}

.flag-icon-gl.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gl.svg);
}

.flag-icon-gm {
  background-image: url(/themes/rlwc/_img/flags/4x3/gm.svg);
}

.flag-icon-gm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gm.svg);
}

.flag-icon-gn {
  background-image: url(/themes/rlwc/_img/flags/4x3/gn.svg);
}

.flag-icon-gn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gn.svg);
}

.flag-icon-gp {
  background-image: url(/themes/rlwc/_img/flags/4x3/gp.svg);
}

.flag-icon-gp.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gp.svg);
}

.flag-icon-gq {
  background-image: url(/themes/rlwc/_img/flags/4x3/gq.svg);
}

.flag-icon-gq.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gq.svg);
}

.flag-icon-gr {
  background-image: url(/themes/rlwc/_img/flags/4x3/gr.svg);
}

.flag-icon-gr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gr.svg);
}

.flag-icon-gs {
  background-image: url(/themes/rlwc/_img/flags/4x3/gs.svg);
}

.flag-icon-gs.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gs.svg);
}

.flag-icon-gt {
  background-image: url(/themes/rlwc/_img/flags/4x3/gt.svg);
}

.flag-icon-gt.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gt.svg);
}

.flag-icon-gu {
  background-image: url(/themes/rlwc/_img/flags/4x3/gu.svg);
}

.flag-icon-gu.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gu.svg);
}

.flag-icon-gw {
  background-image: url(/themes/rlwc/_img/flags/4x3/gw.svg);
}

.flag-icon-gw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gw.svg);
}

.flag-icon-gy {
  background-image: url(/themes/rlwc/_img/flags/4x3/gy.svg);
}

.flag-icon-gy.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gy.svg);
}

.flag-icon-hk {
  background-image: url(/themes/rlwc/_img/flags/4x3/hk.svg);
}

.flag-icon-hk.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/hk.svg);
}

.flag-icon-hm {
  background-image: url(/themes/rlwc/_img/flags/4x3/hm.svg);
}

.flag-icon-hm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/hm.svg);
}

.flag-icon-hn {
  background-image: url(/themes/rlwc/_img/flags/4x3/hn.svg);
}

.flag-icon-hn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/hn.svg);
}

.flag-icon-hr {
  background-image: url(/themes/rlwc/_img/flags/4x3/hr.svg);
}

.flag-icon-hr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/hr.svg);
}

.flag-icon-ht {
  background-image: url(/themes/rlwc/_img/flags/4x3/ht.svg);
}

.flag-icon-ht.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ht.svg);
}

.flag-icon-hu {
  background-image: url(/themes/rlwc/_img/flags/4x3/hu.svg);
}

.flag-icon-hu.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/hu.svg);
}

.flag-icon-id {
  background-image: url(/themes/rlwc/_img/flags/4x3/id.svg);
}

.flag-icon-id.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/id.svg);
}

.flag-icon-ie {
  background-image: url(/themes/rlwc/_img/flags/4x3/ie.svg);
}

.flag-icon-ie.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ie.svg);
}

.flag-icon-ie-prov {
  background-image: url(/themes/rlwc/_img/flags/4x3/ie-prov.png);
}

.flag-icon-ie-prov.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ie-prov.png);
}

.flag-icon-il {
  background-image: url(/themes/rlwc/_img/flags/4x3/il.svg);
}

.flag-icon-il.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/il.svg);
}

.flag-icon-im {
  background-image: url(/themes/rlwc/_img/flags/4x3/im.svg);
}

.flag-icon-im.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/im.svg);
}

.flag-icon-in {
  background-image: url(/themes/rlwc/_img/flags/4x3/in.svg);
}

.flag-icon-in.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/in.svg);
}

.flag-icon-io {
  background-image: url(/themes/rlwc/_img/flags/4x3/io.svg);
}

.flag-icon-io.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/io.svg);
}

.flag-icon-iq {
  background-image: url(/themes/rlwc/_img/flags/4x3/iq.svg);
}

.flag-icon-iq.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/iq.svg);
}

.flag-icon-ir {
  background-image: url(/themes/rlwc/_img/flags/4x3/ir.svg);
}

.flag-icon-ir.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ir.svg);
}

.flag-icon-is {
  background-image: url(/themes/rlwc/_img/flags/4x3/is.svg);
}

.flag-icon-is.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/is.svg);
}

.flag-icon-it {
  background-image: url(/themes/rlwc/_img/flags/4x3/it.svg);
}

.flag-icon-it.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/it.svg);
}

.flag-icon-je {
  background-image: url(/themes/rlwc/_img/flags/4x3/je.svg);
}

.flag-icon-je.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/je.svg);
}

.flag-icon-jm {
  background-image: url(/themes/rlwc/_img/flags/4x3/jm.svg);
}

.flag-icon-jm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/jm.svg);
}

.flag-icon-jo {
  background-image: url(/themes/rlwc/_img/flags/4x3/jo.svg);
}

.flag-icon-jo.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/jo.svg);
}

.flag-icon-jp {
  background-image: url(/themes/rlwc/_img/flags/4x3/jp.svg);
}

.flag-icon-jp.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/jp.svg);
}

.flag-icon-ke {
  background-image: url(/themes/rlwc/_img/flags/4x3/ke.svg);
}

.flag-icon-ke.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ke.svg);
}

.flag-icon-kg {
  background-image: url(/themes/rlwc/_img/flags/4x3/kg.svg);
}

.flag-icon-kg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/kg.svg);
}

.flag-icon-kh {
  background-image: url(/themes/rlwc/_img/flags/4x3/kh.svg);
}

.flag-icon-kh.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/kh.svg);
}

.flag-icon-ki {
  background-image: url(/themes/rlwc/_img/flags/4x3/ki.svg);
}

.flag-icon-ki.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ki.svg);
}

.flag-icon-km {
  background-image: url(/themes/rlwc/_img/flags/4x3/km.svg);
}

.flag-icon-km.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/km.svg);
}

.flag-icon-kn {
  background-image: url(/themes/rlwc/_img/flags/4x3/kn.svg);
}

.flag-icon-kn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/kn.svg);
}

.flag-icon-kp {
  background-image: url(/themes/rlwc/_img/flags/4x3/kp.svg);
}

.flag-icon-kp.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/kp.svg);
}

.flag-icon-kr {
  background-image: url(/themes/rlwc/_img/flags/4x3/kr.svg);
}

.flag-icon-kr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/kr.svg);
}

.flag-icon-kw {
  background-image: url(/themes/rlwc/_img/flags/4x3/kw.svg);
}

.flag-icon-kw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/kw.svg);
}

.flag-icon-ky {
  background-image: url(/themes/rlwc/_img/flags/4x3/ky.svg);
}

.flag-icon-ky.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ky.svg);
}

.flag-icon-kz {
  background-image: url(/themes/rlwc/_img/flags/4x3/kz.svg);
}

.flag-icon-kz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/kz.svg);
}

.flag-icon-la {
  background-image: url(/themes/rlwc/_img/flags/4x3/la.svg);
}

.flag-icon-la.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/la.svg);
}

.flag-icon-lb {
  background-image: url(/themes/rlwc/_img/flags/4x3/lb.svg);
}

.flag-icon-lb.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/lb.svg);
}

.flag-icon-lc {
  background-image: url(/themes/rlwc/_img/flags/4x3/lc.svg);
}

.flag-icon-lc.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/lc.svg);
}

.flag-icon-li {
  background-image: url(/themes/rlwc/_img/flags/4x3/li.svg);
}

.flag-icon-li.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/li.svg);
}

.flag-icon-lk {
  background-image: url(/themes/rlwc/_img/flags/4x3/lk.svg);
}

.flag-icon-lk.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/lk.svg);
}

.flag-icon-lr {
  background-image: url(/themes/rlwc/_img/flags/4x3/lr.svg);
}

.flag-icon-lr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/lr.svg);
}

.flag-icon-ls {
  background-image: url(/themes/rlwc/_img/flags/4x3/ls.svg);
}

.flag-icon-ls.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ls.svg);
}

.flag-icon-lt {
  background-image: url(/themes/rlwc/_img/flags/4x3/lt.svg);
}

.flag-icon-lt.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/lt.svg);
}

.flag-icon-lu {
  background-image: url(/themes/rlwc/_img/flags/4x3/lu.svg);
}

.flag-icon-lu.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/lu.svg);
}

.flag-icon-lv {
  background-image: url(/themes/rlwc/_img/flags/4x3/lv.svg);
}

.flag-icon-lv.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/lv.svg);
}

.flag-icon-ly {
  background-image: url(/themes/rlwc/_img/flags/4x3/ly.svg);
}

.flag-icon-ly.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ly.svg);
}

.flag-icon-ma {
  background-image: url(/themes/rlwc/_img/flags/4x3/ma.svg);
}

.flag-icon-ma.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ma.svg);
}

.flag-icon-mc {
  background-image: url(/themes/rlwc/_img/flags/4x3/mc.svg);
}

.flag-icon-mc.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mc.svg);
}

.flag-icon-md {
  background-image: url(/themes/rlwc/_img/flags/4x3/md.svg);
}

.flag-icon-md.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/md.svg);
}

.flag-icon-me {
  background-image: url(/themes/rlwc/_img/flags/4x3/me.svg);
}

.flag-icon-me.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/me.svg);
}

.flag-icon-mf {
  background-image: url(/themes/rlwc/_img/flags/4x3/mf.svg);
}

.flag-icon-mf.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mf.svg);
}

.flag-icon-mg {
  background-image: url(/themes/rlwc/_img/flags/4x3/mg.svg);
}

.flag-icon-mg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mg.svg);
}

.flag-icon-mh {
  background-image: url(/themes/rlwc/_img/flags/4x3/mh.svg);
}

.flag-icon-mh.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mh.svg);
}

.flag-icon-mk {
  background-image: url(/themes/rlwc/_img/flags/4x3/mk.svg);
}

.flag-icon-mk.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mk.svg);
}

.flag-icon-ml {
  background-image: url(/themes/rlwc/_img/flags/4x3/ml.svg);
}

.flag-icon-ml.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ml.svg);
}

.flag-icon-mm {
  background-image: url(/themes/rlwc/_img/flags/4x3/mm.svg);
}

.flag-icon-mm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mm.svg);
}

.flag-icon-mn {
  background-image: url(/themes/rlwc/_img/flags/4x3/mn.svg);
}

.flag-icon-mn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mn.svg);
}

.flag-icon-mo {
  background-image: url(/themes/rlwc/_img/flags/4x3/mo.svg);
}

.flag-icon-mo.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mo.svg);
}

.flag-icon-mp {
  background-image: url(/themes/rlwc/_img/flags/4x3/mp.svg);
}

.flag-icon-mp.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mp.svg);
}

.flag-icon-mq {
  background-image: url(/themes/rlwc/_img/flags/4x3/mq.svg);
}

.flag-icon-mq.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mq.svg);
}

.flag-icon-mr {
  background-image: url(/themes/rlwc/_img/flags/4x3/mr.svg);
}

.flag-icon-mr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mr.svg);
}

.flag-icon-ms {
  background-image: url(/themes/rlwc/_img/flags/4x3/ms.svg);
}

.flag-icon-ms.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ms.svg);
}

.flag-icon-mt {
  background-image: url(/themes/rlwc/_img/flags/4x3/mt.svg);
}

.flag-icon-mt.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mt.svg);
}

.flag-icon-mu {
  background-image: url(/themes/rlwc/_img/flags/4x3/mu.svg);
}

.flag-icon-mu.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mu.svg);
}

.flag-icon-mv {
  background-image: url(/themes/rlwc/_img/flags/4x3/mv.svg);
}

.flag-icon-mv.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mv.svg);
}

.flag-icon-mw {
  background-image: url(/themes/rlwc/_img/flags/4x3/mw.svg);
}

.flag-icon-mw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mw.svg);
}

.flag-icon-mx {
  background-image: url(/themes/rlwc/_img/flags/4x3/mx.svg);
}

.flag-icon-mx.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mx.svg);
}

.flag-icon-my {
  background-image: url(/themes/rlwc/_img/flags/4x3/my.svg);
}

.flag-icon-my.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/my.svg);
}

.flag-icon-mz {
  background-image: url(/themes/rlwc/_img/flags/4x3/mz.svg);
}

.flag-icon-mz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/mz.svg);
}

.flag-icon-na {
  background-image: url(/themes/rlwc/_img/flags/4x3/na.svg);
}

.flag-icon-na.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/na.svg);
}

.flag-icon-nc {
  background-image: url(/themes/rlwc/_img/flags/4x3/nc.svg);
}

.flag-icon-nc.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/nc.svg);
}

.flag-icon-ne {
  background-image: url(/themes/rlwc/_img/flags/4x3/ne.svg);
}

.flag-icon-ne.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ne.svg);
}

.flag-icon-nf {
  background-image: url(/themes/rlwc/_img/flags/4x3/nf.svg);
}

.flag-icon-nf.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/nf.svg);
}

.flag-icon-ng {
  background-image: url(/themes/rlwc/_img/flags/4x3/ng.svg);
}

.flag-icon-ng.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ng.svg);
}

.flag-icon-ni {
  background-image: url(/themes/rlwc/_img/flags/4x3/ni.svg);
}

.flag-icon-ni.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ni.svg);
}

.flag-icon-nl {
  background-image: url(/themes/rlwc/_img/flags/4x3/nl.svg);
}

.flag-icon-nl.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/nl.svg);
}

.flag-icon-no {
  background-image: url(/themes/rlwc/_img/flags/4x3/no.svg);
}

.flag-icon-no.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/no.svg);
}

.flag-icon-np {
  background-image: url(/themes/rlwc/_img/flags/4x3/np.svg);
}

.flag-icon-np.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/np.svg);
}

.flag-icon-nr {
  background-image: url(/themes/rlwc/_img/flags/4x3/nr.svg);
}

.flag-icon-nr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/nr.svg);
}

.flag-icon-nu {
  background-image: url(/themes/rlwc/_img/flags/4x3/nu.svg);
}

.flag-icon-nu.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/nu.svg);
}

.flag-icon-nz {
  background-image: url(/themes/rlwc/_img/flags/4x3/nz.svg);
}

.flag-icon-nz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/nz.svg);
}

.flag-icon-om {
  background-image: url(/themes/rlwc/_img/flags/4x3/om.svg);
}

.flag-icon-om.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/om.svg);
}

.flag-icon-pa {
  background-image: url(/themes/rlwc/_img/flags/4x3/pa.svg);
}

.flag-icon-pa.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pa.svg);
}

.flag-icon-pe {
  background-image: url(/themes/rlwc/_img/flags/4x3/pe.svg);
}

.flag-icon-pe.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pe.svg);
}

.flag-icon-pf {
  background-image: url(/themes/rlwc/_img/flags/4x3/pf.svg);
}

.flag-icon-pf.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pf.svg);
}

.flag-icon-pg {
  background-image: url(/themes/rlwc/_img/flags/4x3/pg.svg);
}

.flag-icon-pg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pg.svg);
}

.flag-icon-ph {
  background-image: url(/themes/rlwc/_img/flags/4x3/ph.svg);
}

.flag-icon-ph.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ph.svg);
}

.flag-icon-pk {
  background-image: url(/themes/rlwc/_img/flags/4x3/pk.svg);
}

.flag-icon-pk.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pk.svg);
}

.flag-icon-pl {
  background-image: url(/themes/rlwc/_img/flags/4x3/pl.svg);
}

.flag-icon-pl.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pl.svg);
}

.flag-icon-pm {
  background-image: url(/themes/rlwc/_img/flags/4x3/pm.svg);
}

.flag-icon-pm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pm.svg);
}

.flag-icon-pn {
  background-image: url(/themes/rlwc/_img/flags/4x3/pn.svg);
}

.flag-icon-pn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pn.svg);
}

.flag-icon-pr {
  background-image: url(/themes/rlwc/_img/flags/4x3/pr.svg);
}

.flag-icon-pr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pr.svg);
}

.flag-icon-ps {
  background-image: url(/themes/rlwc/_img/flags/4x3/ps.svg);
}

.flag-icon-ps.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ps.svg);
}

.flag-icon-pt {
  background-image: url(/themes/rlwc/_img/flags/4x3/pt.svg);
}

.flag-icon-pt.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pt.svg);
}

.flag-icon-pw {
  background-image: url(/themes/rlwc/_img/flags/4x3/pw.svg);
}

.flag-icon-pw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/pw.svg);
}

.flag-icon-py {
  background-image: url(/themes/rlwc/_img/flags/4x3/py.svg);
}

.flag-icon-py.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/py.svg);
}

.flag-icon-qa {
  background-image: url(/themes/rlwc/_img/flags/4x3/qa.svg);
}

.flag-icon-qa.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/qa.svg);
}

.flag-icon-re {
  background-image: url(/themes/rlwc/_img/flags/4x3/re.svg);
}

.flag-icon-re.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/re.svg);
}

.flag-icon-ro {
  background-image: url(/themes/rlwc/_img/flags/4x3/ro.svg);
}

.flag-icon-ro.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ro.svg);
}

.flag-icon-rs {
  background-image: url(/themes/rlwc/_img/flags/4x3/rs.svg);
}

.flag-icon-rs.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/rs.svg);
}

.flag-icon-ru {
  background-image: url(/themes/rlwc/_img/flags/4x3/ru.svg);
}

.flag-icon-ru.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ru.svg);
}

.flag-icon-rw {
  background-image: url(/themes/rlwc/_img/flags/4x3/rw.svg);
}

.flag-icon-rw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/rw.svg);
}

.flag-icon-sa {
  background-image: url(/themes/rlwc/_img/flags/4x3/sa.svg);
}

.flag-icon-sa.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sa.svg);
}

.flag-icon-sb {
  background-image: url(/themes/rlwc/_img/flags/4x3/sb.svg);
}

.flag-icon-sb.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sb.svg);
}

.flag-icon-sc {
  background-image: url(/themes/rlwc/_img/flags/4x3/sc.svg);
}

.flag-icon-sc.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sc.svg);
}

.flag-icon-sd {
  background-image: url(/themes/rlwc/_img/flags/4x3/sd.svg);
}

.flag-icon-sd.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sd.svg);
}

.flag-icon-se {
  background-image: url(/themes/rlwc/_img/flags/4x3/se.svg);
}

.flag-icon-se.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/se.svg);
}

.flag-icon-sg {
  background-image: url(/themes/rlwc/_img/flags/4x3/sg.svg);
}

.flag-icon-sg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sg.svg);
}

.flag-icon-sh {
  background-image: url(/themes/rlwc/_img/flags/4x3/sh.svg);
}

.flag-icon-sh.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sh.svg);
}

.flag-icon-si {
  background-image: url(/themes/rlwc/_img/flags/4x3/si.svg);
}

.flag-icon-si.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/si.svg);
}

.flag-icon-sj {
  background-image: url(/themes/rlwc/_img/flags/4x3/sj.svg);
}

.flag-icon-sj.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sj.svg);
}

.flag-icon-sk {
  background-image: url(/themes/rlwc/_img/flags/4x3/sk.svg);
}

.flag-icon-sk.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sk.svg);
}

.flag-icon-sl {
  background-image: url(/themes/rlwc/_img/flags/4x3/sl.svg);
}

.flag-icon-sl.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sl.svg);
}

.flag-icon-sm {
  background-image: url(/themes/rlwc/_img/flags/4x3/sm.svg);
}

.flag-icon-sm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sm.svg);
}

.flag-icon-sn {
  background-image: url(/themes/rlwc/_img/flags/4x3/sn.svg);
}

.flag-icon-sn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sn.svg);
}

.flag-icon-so {
  background-image: url(/themes/rlwc/_img/flags/4x3/so.svg);
}

.flag-icon-so.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/so.svg);
}

.flag-icon-sr {
  background-image: url(/themes/rlwc/_img/flags/4x3/sr.svg);
}

.flag-icon-sr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sr.svg);
}

.flag-icon-ss {
  background-image: url(/themes/rlwc/_img/flags/4x3/ss.svg);
}

.flag-icon-ss.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ss.svg);
}

.flag-icon-st {
  background-image: url(/themes/rlwc/_img/flags/4x3/st.svg);
}

.flag-icon-st.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/st.svg);
}

.flag-icon-sv {
  background-image: url(/themes/rlwc/_img/flags/4x3/sv.svg);
}

.flag-icon-sv.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sv.svg);
}

.flag-icon-sx {
  background-image: url(/themes/rlwc/_img/flags/4x3/sx.svg);
}

.flag-icon-sx.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sx.svg);
}

.flag-icon-sy {
  background-image: url(/themes/rlwc/_img/flags/4x3/sy.svg);
}

.flag-icon-sy.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sy.svg);
}

.flag-icon-sz {
  background-image: url(/themes/rlwc/_img/flags/4x3/sz.svg);
}

.flag-icon-sz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/sz.svg);
}

.flag-icon-tc {
  background-image: url(/themes/rlwc/_img/flags/4x3/tc.svg);
}

.flag-icon-tc.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tc.svg);
}

.flag-icon-td {
  background-image: url(/themes/rlwc/_img/flags/4x3/td.svg);
}

.flag-icon-td.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/td.svg);
}

.flag-icon-tf {
  background-image: url(/themes/rlwc/_img/flags/4x3/tf.svg);
}

.flag-icon-tf.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tf.svg);
}

.flag-icon-tg {
  background-image: url(/themes/rlwc/_img/flags/4x3/tg.svg);
}

.flag-icon-tg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tg.svg);
}

.flag-icon-th {
  background-image: url(/themes/rlwc/_img/flags/4x3/th.svg);
}

.flag-icon-th.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/th.svg);
}

.flag-icon-tj {
  background-image: url(/themes/rlwc/_img/flags/4x3/tj.svg);
}

.flag-icon-tj.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tj.svg);
}

.flag-icon-tk {
  background-image: url(/themes/rlwc/_img/flags/4x3/tk.svg);
}

.flag-icon-tk.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tk.svg);
}

.flag-icon-tl {
  background-image: url(/themes/rlwc/_img/flags/4x3/tl.svg);
}

.flag-icon-tl.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tl.svg);
}

.flag-icon-tm {
  background-image: url(/themes/rlwc/_img/flags/4x3/tm.svg);
}

.flag-icon-tm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tm.svg);
}

.flag-icon-tn {
  background-image: url(/themes/rlwc/_img/flags/4x3/tn.svg);
}

.flag-icon-tn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tn.svg);
}

.flag-icon-to {
  background-image: url(/themes/rlwc/_img/flags/4x3/to.svg);
}

.flag-icon-to.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/to.svg);
}

.flag-icon-tr {
  background-image: url(/themes/rlwc/_img/flags/4x3/tr.svg);
}

.flag-icon-tr.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tr.svg);
}

.flag-icon-tt {
  background-image: url(/themes/rlwc/_img/flags/4x3/tt.svg);
}

.flag-icon-tt.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tt.svg);
}

.flag-icon-tv {
  background-image: url(/themes/rlwc/_img/flags/4x3/tv.svg);
}

.flag-icon-tv.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tv.svg);
}

.flag-icon-tw {
  background-image: url(/themes/rlwc/_img/flags/4x3/tw.svg);
}

.flag-icon-tw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tw.svg);
}

.flag-icon-tz {
  background-image: url(/themes/rlwc/_img/flags/4x3/tz.svg);
}

.flag-icon-tz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/tz.svg);
}

.flag-icon-ua {
  background-image: url(/themes/rlwc/_img/flags/4x3/ua.svg);
}

.flag-icon-ua.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ua.svg);
}

.flag-icon-ug {
  background-image: url(/themes/rlwc/_img/flags/4x3/ug.svg);
}

.flag-icon-ug.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ug.svg);
}

.flag-icon-um {
  background-image: url(/themes/rlwc/_img/flags/4x3/um.svg);
}

.flag-icon-um.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/um.svg);
}

.flag-icon-us {
  background-image: url(/themes/rlwc/_img/flags/4x3/us.svg);
}

.flag-icon-us.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/us.svg);
}

.flag-icon-uy {
  background-image: url(/themes/rlwc/_img/flags/4x3/uy.svg);
}

.flag-icon-uy.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/uy.svg);
}

.flag-icon-uz {
  background-image: url(/themes/rlwc/_img/flags/4x3/uz.svg);
}

.flag-icon-uz.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/uz.svg);
}

.flag-icon-va {
  background-image: url(/themes/rlwc/_img/flags/4x3/va.svg);
}

.flag-icon-va.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/va.svg);
}

.flag-icon-vc {
  background-image: url(/themes/rlwc/_img/flags/4x3/vc.svg);
}

.flag-icon-vc.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/vc.svg);
}

.flag-icon-ve {
  background-image: url(/themes/rlwc/_img/flags/4x3/ve.svg);
}

.flag-icon-ve.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ve.svg);
}

.flag-icon-vg {
  background-image: url(/themes/rlwc/_img/flags/4x3/vg.svg);
}

.flag-icon-vg.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/vg.svg);
}

.flag-icon-vi {
  background-image: url(/themes/rlwc/_img/flags/4x3/vi.svg);
}

.flag-icon-vi.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/vi.svg);
}

.flag-icon-vn {
  background-image: url(/themes/rlwc/_img/flags/4x3/vn.svg);
}

.flag-icon-vn.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/vn.svg);
}

.flag-icon-vu {
  background-image: url(/themes/rlwc/_img/flags/4x3/vu.svg);
}

.flag-icon-vu.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/vu.svg);
}

.flag-icon-wf {
  background-image: url(/themes/rlwc/_img/flags/4x3/wf.svg);
}

.flag-icon-wf.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/wf.svg);
}

.flag-icon-ws {
  background-image: url(/themes/rlwc/_img/flags/4x3/ws.svg);
}

.flag-icon-ws.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ws.svg);
}

.flag-icon-ye {
  background-image: url(/themes/rlwc/_img/flags/4x3/ye.svg);
}

.flag-icon-ye.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/ye.svg);
}

.flag-icon-yt {
  background-image: url(/themes/rlwc/_img/flags/4x3/yt.svg);
}

.flag-icon-yt.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/yt.svg);
}

.flag-icon-za {
  background-image: url(/themes/rlwc/_img/flags/4x3/za.svg);
}

.flag-icon-za.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/za.svg);
}

.flag-icon-zm {
  background-image: url(/themes/rlwc/_img/flags/4x3/zm.svg);
}

.flag-icon-zm.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/zm.svg);
}

.flag-icon-zw {
  background-image: url(/themes/rlwc/_img/flags/4x3/zw.svg);
}

.flag-icon-zw.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/zw.svg);
}

.flag-icon-eu {
  background-image: url(/themes/rlwc/_img/flags/4x3/eu.svg);
}

.flag-icon-eu.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/eu.svg);
}

.flag-icon-gb-eng {
  background-image: url(/themes/rlwc/_img/flags/4x3/gb-eng.svg);
}

.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gb-eng.svg);
}

.flag-icon-gb-nir {
  background-image: url(/themes/rlwc/_img/flags/4x3/gb-nir.svg);
}

.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gb-nir.svg);
}

.flag-icon-gb-sct {
  background-image: url(/themes/rlwc/_img/flags/4x3/gb-sct.svg);
}

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gb-sct.svg);
}

.flag-icon-gb-wls {
  background-image: url(/themes/rlwc/_img/flags/4x3/gb-wls.svg);
}

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/gb-wls.svg);
}

.flag-icon-un {
  background-image: url(/themes/rlwc/_img/flags/4x3/un.svg);
}

.flag-icon-un.flag-icon-squared {
  background-image: url(/themes/rlwc/_img/flags/1x1/un.svg);
}

.grants-application h1 {
  font-size: 2rem;
}

.grants-application p {
  line-height: 1.5rem;
  padding: 10px 0;
}

.grants-application .included i {
  color: #28a745;
}

.grants-application .not-included i {
  color: #f00;
}

.grants-application .save-btn {
  font-size: 14px;
  padding: 10px 40px;
}

.grants-application label {
  color: #666;
  padding: 6px 0;
  font-size: 1rem;
  line-height: 1.4rem;
}

.grants-application label span.title {
  font-weight: bold;
}

.grants-application .equipment-table input[type=number] {
  max-width: 60px;
}

.grants-application .equipment-table {
  font-size: 0.9rem;
}

.grants-application .costs-table {
  font-size: 0.9rem;
}

.grants-application .doc {
  font-size: 0.9rem;
}

.grants-application .progress {
  height: 3px;
}

/*.grants-application .progress-bar {visibility:hidden;}*/
.grants-application .requirements-costs label {
  font-size: 0.9rem;
}

.grants-application .requirements-costs .filenames {
  font-size: 0.9rem;
}

.grants-application button.btn-primary.add-quote {
  color: #28a745;
  border-color: #28a745;
}

.grants-application button.btn-primary.add-quote span {
  position: relative;
  top: -4px;
}

.grants-application button.btn-primary.add-quote:hover, .grants-application button.btn-primary.add-quote:focus {
  background: #fff;
  outline-style: none;
}

.grants-application .require-costs .fa-square {
  color: #999;
}

.grants-application .form-group ul li {
  padding: 3px 0px 3px 20px;
  list-style-type: disc;
  list-style-position: inside;
  line-height: 1.4rem;
}

.grants-application .checkbox label {
  color: #000;
  padding: 0px;
}

.grants-application .checkbox p {
  padding: 0px;
}

.grants-application .checkbox p.note {
  padding: 0px;
  position: relative;
  left: -18px;
}

h1.page { /*color:#d42e20;*/
  color: #666666;
  font-size: 32px;
  text-transform: uppercase;
  margin: 10px 0px 30px 0px;
  font-weight: 600;
}

h1.page:after {
  content: " ";
  display: block;
  width: 4vw;
  border-bottom: dotted 2px #d42e20;
  padding: 20px 0px;
}

h2.title { /*color:#d42e20;*/
  color: #666666;
  font-size: 28px;
  text-transform: uppercase;
  margin: 10px 0px 30px 0px;
  font-weight: 600;
}

h2.title:after {
  content: " ";
  display: block;
  width: 4vw;
  border-bottom: dotted 2px #d42e20;
  padding: 20px 0px;
}

h3.section { /*color:#d42e20;*/
  color: #666666;
  font-size: 20px;
  text-transform: uppercase;
  margin: 40px 0px 30px 0px;
  font-weight: 600;
}

h3.section:after {
  content: " ";
  display: block;
  width: 4vw;
  border-bottom: dotted 2px #d42e20;
  padding: 15px 0px;
}

.grants-application .list-group h5 {
  font-weight: bold;
  color: #fd2b02;
  text-transform: uppercase;
}

.grants-application .list-group .active i {
  display: block;
  color: #fff;
  font-size: 2rem;
  position: absolute;
  top: 10px;
  right: 10px;
}

.grants-application .list-group i {
  display: none;
}

.grants-application .list-group .active {
  background: #28a745;
  border-color: #28a745;
}

.grants-application .list-group .active h5, .grants-application .list-group .active p {
  color: #fff;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  font-size: 1rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.5rem 1.25rem;
  /* 10px 20px */
}

.no-js .inputfile + label {
  display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

/* style 1 */
.inputfile-1 + label {
  color: #f1e5e6;
  background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
  background-color: #722040;
}

/* style 2 */
.inputfile-2 + label {
  color: #d3394c;
  border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
  color: #722040;
}

/* style 3 */
.inputfile-3 + label {
  color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
  color: #722040;
}

/* style 4 */
.inputfile-4 + label {
  color: #d3394c;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
  color: #722040;
}

.inputfile-4 + label figure {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #d3394c;
  display: block;
  padding: 20px;
  margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
  background-color: #722040;
}

.inputfile-4 + label svg {
  width: 100%;
  height: 100%;
  fill: #f1e5e6;
}

/* style 5 */
.inputfile-5 + label {
  color: #d3394c;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
  color: #722040;
}

.inputfile-5 + label figure {
  width: 100px;
  height: 135px;
  background-color: #d3394c;
  display: block;
  position: relative;
  padding: 30px;
  margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
  background-color: #722040;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}

.inputfile-5 + label figure::before {
  border-top: 20px solid #dfc8ca;
  border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
  border-bottom: 20px solid #722040;
  border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
  border-bottom-color: #d3394c;
}

.inputfile-5 + label svg {
  width: 100%;
  height: 100%;
  fill: #f1e5e6;
}

/* style 6 */
.inputfile-6 + label {
  color: #d3394c;
}

.inputfile-6 + label {
  border: 1px solid #d3394c;
  background-color: #f1e5e6;
  padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
  border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}

.inputfile-6 + label span {
  width: 200px;
  min-height: 2em;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.inputfile-6 + label strong {
  height: 100%;
  color: #f1e5e6;
  background-color: #d3394c;
  display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
  background-color: #722040;
}

@media screen and (max-width: 50em) {
  .inputfile-6 + label strong {
    display: block;
  }
}
/**
Gradients:
.gradient {
  @include gradient(#07c, #06f, vertical);
}
*/
.rlwc-timeline {
  position: relative;
}
.rlwc-timeline::before {
  content: "";
  background: #666;
  width: 5px;
  height: 95%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.rlwc-timeline h2 {
  font-size: 1.6rem;
  padding: 0px 0 14px 0;
}
.rlwc-timeline p {
  padding-bottom: 10px;
}
.rlwc-timeline .timeline-item {
  width: 100%;
  margin-bottom: 10px;
  line-height: 1.5rem;
}
.rlwc-timeline .timeline-item .timeline-content {
  padding: 60px 30px 10px 30px;
  text-align: right;
}
.rlwc-timeline .timeline-item:nth-child(even) .timeline-content {
  float: right;
  text-align: left;
}
.rlwc-timeline .timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
.rlwc-timeline .timeline-item:nth-child(even) .timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 12px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #fc5d03 transparent transparent;
}
.rlwc-timeline .timeline-item.mens:nth-child(even) .timeline-content::after {
  border-color: transparent #ff0000 transparent transparent;
}
.rlwc-timeline .timeline-item.womens:nth-child(even) .timeline-content::after {
  border-color: transparent #ff6a00 transparent transparent;
}
.rlwc-timeline .timeline-item.wheelchair:nth-child(even) .timeline-content::after {
  border-color: transparent #ffc800 transparent transparent;
}
.rlwc-timeline .timeline-item.general:nth-child(even) .timeline-content::after {
  border-color: transparent #5a0fa0 transparent transparent;
}
.rlwc-timeline .timeline-item::after {
  content: "";
  display: block;
  clear: both;
}
.rlwc-timeline .timeline-content {
  position: relative;
  width: 45%;
  padding: 10px 30px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.rlwc-timeline .timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 12px;
  right: -15px;
  border-width: 10px 0 10px 15px;
}
.rlwc-timeline .mens .timeline-content::after {
  border-color: transparent transparent transparent #ff0000;
}
.rlwc-timeline .womens .timeline-content::after {
  border-color: transparent transparent transparent #ff6a00;
}
.rlwc-timeline .wheelchair .timeline-content::after {
  border-color: transparent transparent transparent #ffc800;
}
.rlwc-timeline .general .timeline-content::after {
  border-color: transparent transparent transparent #5a0fa0;
}
.rlwc-timeline .timeline-img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 7px;
  margin-left: -12px;
}
.rlwc-timeline .mens .timeline-img {
  background: #ff0000;
}
.rlwc-timeline .womens .timeline-img {
  background: #ff6a00;
}
.rlwc-timeline .wheelchair .timeline-img {
  background: #ffc800;
}
.rlwc-timeline .general .timeline-img {
  background: #5a0fa0;
}
.rlwc-timeline a.btn-primary.reverse-purple:HOVER {
  background-color: #5a0fa0;
  border-color: #5a0fa0;
}
.rlwc-timeline .timeline-card {
  padding: 0 !important;
}
.rlwc-timeline .timeline-card p {
  padding: 0 20px;
}
.rlwc-timeline .timeline-card a {
  margin-left: 20px;
}
.rlwc-timeline .timeline-item:nth-child(2) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1458530970867-aaa3700e966d") center center no-repeat;
  background-size: cover;
}
.rlwc-timeline .timeline-item:nth-child(5) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1444093826349-9ce8c622f4f3") center center no-repeat;
  background-size: cover;
}
.rlwc-timeline .timeline-item:nth-child(6) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1471479917193-f00955256257") center center no-repeat;
  background-size: cover;
}
.rlwc-timeline .timeline-item:nth-child(8) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1466840787022-48e0ec048c8a") center center no-repeat;
  background-size: cover;
}
.rlwc-timeline .timeline-item:nth-child(10) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1447639703758-f525f36456bf") center center no-repeat;
  background-size: cover;
}
.rlwc-timeline .timeline-item:nth-child(11) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1469429978400-082eec725ad5") center center no-repeat;
  background-size: cover;
}
.rlwc-timeline .timeline-img-header {
  height: 200px;
  position: relative;
  margin-bottom: 20px;
}
.rlwc-timeline .timeline-img-header h2 {
  color: #FFFFFF;
  position: absolute;
  bottom: 5px;
  left: 20px;
}
.rlwc-timeline blockquote {
  margin-top: 30px;
  color: #757575;
  border-left-color: #3F51B5;
  padding: 0 20px;
}
.rlwc-timeline .date {
  display: inline-block;
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.rlwc-timeline .mens .date {
  background: #ff0000;
}
.rlwc-timeline .womens .date {
  background: #ff6a00;
}
.rlwc-timeline .wheelchair .date {
  background: #ffc800;
}
.rlwc-timeline .general .date {
  background: #5a0fa0;
}

@media screen and (max-width: 768px) {
  .rlwc-timeline h2 {
    text-align: left;
    font-size: 1.5rem;
  }
  .rlwc-timeline p {
    text-align: left;
  }
  .rlwc-timeline .date {
    left: 0px;
    right: auto;
  }
  .rlwc-timeline::before {
    left: 50px;
  }
  .rlwc-timeline .timeline-img {
    left: 40px;
  }
  .rlwc-timeline .timeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 70px;
  }
  .rlwc-timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }
  .rlwc-timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 15px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #5a0fa0 transparent transparent;
  }
  .rlwc-timeline .timeline-item.mens:nth-child(odd) .timeline-content::after {
    border-color: transparent #ff0000 transparent transparent;
  }
  .rlwc-timeline .timeline-item.womens:nth-child(odd) .timeline-content::after {
    border-color: transparent #ff6a00 transparent transparent;
  }
  .rlwc-timeline .timeline-item.wheelchair:nth-child(odd) .timeline-content::after {
    border-color: transparent #ffc800 transparent transparent;
  }
  .rlwc-timeline .timeline-item.general:nth-child(odd) .timeline-content::after {
    border-color: transparent #5a0fa0 transparent transparent;
  }
}
.news-grid-plugin p.primary-tag, .news-grid-videos-slider-plugin p.primary-tag, .article-feature p.primary-tag {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #eee;
  padding: 2px 12px;
  border-radius: 3px;
  font-size: 0.8rem;
}
.ign-row-content-light p.primary-tag {
  color: #ccc !important;
  background: none;
  border: 1px solid #999;
}

.news-grid-plugin .play-hold, .news-grid-videos-slider-plugin .play-hold, .article-feature .play-hold {
  background: #ff0000;
  color: #fff;
  padding: 5px 15px;
  text-decoration: none !important;
  display: inline-block;
  position: absolute;
  top: -14px;
}
.news-grid-plugin .play-hold i, .news-grid-videos-slider-plugin .play-hold i, .article-feature .play-hold i {
  font-size: 0.8rem;
}
.news-grid-plugin .play-hold span.time, .news-grid-videos-slider-plugin .play-hold span.time, .article-feature .play-hold span.time {
  border-left: 1px solid #fff;
  padding: 0 10px;
  font-size: 0.8rem;
  margin-left: 10px;
}
.news-grid-plugin.news-grid-plugin .play-hold, .news-grid-plugin.article-feature .play-hold, .news-grid-videos-slider-plugin.news-grid-plugin .play-hold, .news-grid-videos-slider-plugin.article-feature .play-hold, .article-feature.news-grid-plugin .play-hold, .article-feature.article-feature .play-hold {
  top: -28px;
}
.news-grid-plugin a .img-hold, .news-grid-videos-slider-plugin a .img-hold, .article-feature a .img-hold {
  position: relative;
  overflow: hidden;
}
.news-grid-plugin a:hover img.card-img-top, .news-grid-videos-slider-plugin a:hover img.card-img-top, .article-feature a:hover img.card-img-top {
  transform: scale(1.2);
  transition: 0.4s all;
}
.news-grid-plugin .item-link, .news-grid-videos-slider-plugin .item-link, .article-feature .item-link {
  text-decoration: none;
  display: block;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.news-grid-plugin img.card-img-top, .news-grid-videos-slider-plugin img.card-img-top, .article-feature img.card-img-top {
  transform: scale(1);
  transition: 0.2s all;
}
.news-grid-plugin .card-footer, .news-grid-videos-slider-plugin .card-footer, .article-feature .card-footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.news-grid-plugin .card, .news-grid-videos-slider-plugin .card, .article-feature .card {
  padding-bottom: 30px;
}
.news-grid-plugin .card-body, .news-grid-videos-slider-plugin .card-body, .article-feature .card-body {
  position: relative;
}

.news-grid-videos-slider-plugin {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .news-grid-videos-slider-plugin {
    padding-top: 0px;
  }
}
.news-grid-videos-slider-plugin .card-body {
  height: 180px;
  padding-top: 0px;
}
.news-grid-videos-slider-plugin .slick-slide {
  opacity: 0.3;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
}
.news-grid-videos-slider-plugin .slick-slide.slick-active, .news-grid-videos-slider-plugin .slick-slide.slick-center, .news-grid-videos-slider-plugin .slick-slide.slick-current {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.news-grid-videos-slider-plugin .slick-list {
  overflow: visible;
  padding-right: 10%;
  padding-left: 10%;
}
@media (min-width: 576px) {
  .news-grid-videos-slider-plugin .slick-list {
    padding-right: 0%;
    padding-left: 0%;
  }
}
.news-grid-videos-slider-plugin div.video-left, .news-grid-videos-slider-plugin div.video-right {
  visibility: hidden;
  top: -70px;
  right: 8px;
  width: 80px;
  height: 30px;
  border: 1px solid #666;
  position: absolute;
  color: #666;
  z-index: 10;
  text-align: center;
  padding-top: 5px;
  transition: 0.4s all;
  overflow: hidden;
}
@media (min-width: 768px) {
  .news-grid-videos-slider-plugin div.video-left, .news-grid-videos-slider-plugin div.video-right {
    visibility: visible;
    top: -50px;
  }
}
.news-grid-videos-slider-plugin div.video-left.video-left, .news-grid-videos-slider-plugin div.video-right.video-left {
  right: 87px;
}
.news-grid-videos-slider-plugin div.video-left:before, .news-grid-videos-slider-plugin div.video-right:before {
  position: absolute;
  background: #ff0000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: 0.4s transform;
  content: "";
  z-index: -1;
}
.news-grid-videos-slider-plugin div.video-left.video-right:before, .news-grid-videos-slider-plugin div.video-right.video-right:before {
  transform: translateX(-100px);
}
.news-grid-videos-slider-plugin div.video-left.video-left:before, .news-grid-videos-slider-plugin div.video-right.video-left:before {
  transform: translateX(100px);
}
.news-grid-videos-slider-plugin div.video-left:hover i, .news-grid-videos-slider-plugin div.video-right:hover i {
  color: #fff;
}
.news-grid-videos-slider-plugin div.video-left:hover:before, .news-grid-videos-slider-plugin div.video-right:hover:before {
  transform: translateX(0);
  transition: 0.4s transform;
}
.news-grid-videos-slider-plugin div.video-left.slick-disabled, .news-grid-videos-slider-plugin div.video-right.slick-disabled {
  border-color: #ccc;
  color: #ccc;
  transition: 0.4s all;
}
.news-grid-videos-slider-plugin div.video-left.slick-disabled:hover i, .news-grid-videos-slider-plugin div.video-right.slick-disabled:hover i {
  color: #ccc;
}
.news-grid-videos-slider-plugin div.video-left.slick-disabled.video-right:before, .news-grid-videos-slider-plugin div.video-right.slick-disabled.video-right:before {
  transform: translateX(-100px);
}
.news-grid-videos-slider-plugin div.video-left.slick-disabled.video-left:before, .news-grid-videos-slider-plugin div.video-right.slick-disabled.video-left:before {
  transform: translateX(100px);
}
.news-grid-videos-slider-plugin h4.card-title {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.3rem;
  padding-top: 30px;
}
.news-grid-videos-slider-plugin .card-teaser {
  color: #666 !important;
  font-size: 0.9rem;
  padding-top: 0px;
}
.news-grid-videos-slider-plugin div.time {
  position: absolute;
  bottom: 10px;
  font-size: 0.9rem;
  color: #666;
}
.news-grid-videos-slider-plugin .card {
  border: 1px solid #eee;
}
.news-grid-videos-slider-plugin .slick-nav-bar {
  width: 200px;
}
.news-grid-videos-slider-plugin .slick-nav-bar .bar {
  width: 100%;
  background: #666;
  height: 2px;
  opacity: 0.6;
}
.ign-row-content-light .news-grid-videos-slider-plugin .slick-nav-bar .bar {
  background: #fff;
}
.news-grid-videos-slider-plugin .slick-nav-bar .progress {
  background: #666;
  width: 20px;
  height: 4px;
  border-radius: 10%;
  position: relative;
  top: -3px;
  left: 1px;
  transition: 0.2s all;
}
.ign-row-content-light .news-grid-videos-slider-plugin .slick-nav-bar .progress {
  background: #fff;
}

#action-slider .news-grid-videos-slider-plugin div.video-left, #action-slider .news-grid-videos-slider-plugin div.video-right {
  top: 237px !important;
}

.home-feature {
  position: relative;
  top: -30px;
}
@media (min-width: 768px) {
  .home-feature {
    top: -70px;
  }
}
@media (min-width: 992px) {
  .home-feature {
    top: -140px;
  }
}
@media (min-width: 1200px) {
  .home-feature {
    top: -160px;
  }
}

.home-feature .hold {
  z-index: 100;
  position: absolute;
  bottom: -1px;
  left: 0px;
  background-image: url("/themes/rlwc/_img/home-hero-text-bg.png");
  background-repeat: none;
  background-size: 100%;
  width: 83%;
  max-width: 934px;
  height: 37vw;
  max-height: 540px;
}

.home-feature .hold H1 {
  color: #5a0fa0 !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  font-size: 30px !important;
  line-height: 90% !important;
  letter-spacing: -2px;
}
@media (min-width: 576px) {
  .home-feature .hold H1 {
    font-size: 30px !important;
  }
}
@media (min-width: 768px) {
  .home-feature .hold H1 {
    font-size: 40px !important;
  }
}
@media (min-width: 992px) {
  .home-feature .hold H1 {
    font-size: 50px !important;
    padding-top: 120px;
    max-width: 490px;
  }
}
@media (min-width: 1200px) {
  .home-feature .hold H1 {
    font-size: 60px !important;
    padding-top: 169px;
    max-width: 600px;
  }
}

.home-feature .hold-mobile {
  z-index: 100;
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-feature .hold-mobile H1 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  color: #5a0fa0;
  font-size: 30px !important;
  line-height: 90% !important;
}
@media (min-width: 576px) {
  .home-feature .hold-mobile H1 {
    font-size: 40px !important;
  }
}
@media (min-width: 768px) {
  .home-feature .hold-mobile H1 {
    font-size: 40px !important;
  }
}
.home-feature .panel {
  width: 100%;
}

.home-feature .panel img {
  width: 100%;
}

.home-feature .article {
  padding-left: 30px;
  padding-right: 50px;
  text-align: center;
}
@media (min-width: 1200px) {
  .home-feature .article {
    text-align: left;
  }
}

.home-feature .right-gradient {
  z-index: 1;
  position: absolute;
  right: 0px;
  width: 0px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  display: block;
  height: 100%;
}
@media (min-width: 576px) {
  .home-feature .right-gradient {
    width: 0px;
  }
}
@media (min-width: 768px) {
  .home-feature .right-gradient {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .home-feature .right-gradient {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .home-feature .right-gradient {
    width: 300px;
  }
}

.home-feature .left-gradient {
  z-index: 1;
  position: absolute;
  left: 0px;
  width: 0px;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  display: block;
  height: 100%;
}
@media (min-width: 576px) {
  .home-feature .left-gradient {
    width: 0px;
  }
}
@media (min-width: 768px) {
  .home-feature .left-gradient {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .home-feature .left-gradient {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .home-feature .left-gradient {
    width: 300px;
  }
}

.home-feature-latest-news {
  z-index: 100;
}
@media (min-width: 992px) {
  .home-feature-latest-news {
    margin-top: -60px !important;
  }
}
@media (min-width: 1200px) {
  .home-feature-latest-news {
    margin-top: -90px !important;
  }
}

html, body {
  overflow-x: 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;
  /* font-size:15px; */
  background: #fff;
  /* font-family: 'Montserrat', Helvetica, Arial, sans-serif; */
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.6;
  -webkit-box-shadow: 0 1px 60px rgba(33, 33, 33, 0.2);
  -moz-box-shadow: 0 1px 60px rgba(33, 33, 33, 0.2);
  box-shadow: 0 1px 60px rgba(33, 33, 33, 0.2);
  position: relative;
  z-index: 21;
  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 {
    display: flex;
    align-items: center;
    justify-content: start;
    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;
}

.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-family: 'Montserrat', Helvetica, Arial, sans-serif; */
  font-family: "Lato", Helvetica, Arial, sans-serif;
  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: 1px;
  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;
}

.dm-nav-brand a, .droopmenu-brand {
  line-height: 70px;
  height: 70px;
}

.droopmenu > li > a, .droopmenu > li > span {
  line-height: 70px;
  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: 20px solid transparent;
  border-right: 20px 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: -20px;
  margin-bottom: 0;
  z-index: 9999;
  bottom: 9px;
  left: 50%;
}
.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: 10px solid #fff;
  margin-bottom: -10px;
}

/*	-------------------------------------------------------
	:: 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 6 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 6 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;
}

.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;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  -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 {
  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 i {
  width: 28px;
  height: 1px;
  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: 5px;
  margin-right: auto;
  margin-left: auto;
}
.droopmenu-toggle .dm-burg:nth-child(2) {
  opacity: 1;
}
.droopmenu-toggle .dm-burg:nth-child(2):after, .droopmenu-toggle .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 .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 .dm-burg:nth-child(1):after, .droopmenu-toggle .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 .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 .dm-burg:nth-child(3):after, .droopmenu-toggle .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 i:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  pointer-events: none;
  background: #71818C;
}
.droopmenu-toggle 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 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: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: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.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.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.dmt-active .dm-burg:nth-child(2) {
  opacity: 0;
}
.droopmenu-toggle.dmt-active .dm-burg:nth-child(3) {
  margin-bottom: 0;
  -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 | 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: 1200px) {
  .droopmenu-nav, .droopmenu li > ul {
    display: block !important;
  }
  .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 {
    display: none;
    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 {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li.sideTopNav {
    display: flex;
    /* flex-basis: auto; */
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li.sideTopNav a:first-child {
    /* margin-left: 1.5rem; */
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li.sideTopNav .droopmenu-with-icon i {
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li.sideTopNav .droopmenu-with-icon span {
    text-transform: uppercase;
  }
  .droopmenu-nav .droopmenu-nav-wrap .droopmenu-navi ul > li > a {
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
}
.droopmenu-offcanvas .droopmenu-nav {
  width: 80vw;
}

.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: 1199px) {
  .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 {
    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 {
    display: flex;
    float: none;
    padding: 0 10px;
    background-color: inherit;
  }
  .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;
  }
  /*	--------------------------------------------------
  	:: Indicators
  	-------------------------------------------------- */
  .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;
  }
  /*	--------------------------------------------------
  	:: Offcanvas Overlay + Close Button
  	-------------------------------------------------- */
  .droopmenu-overlay {
    width: 0%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 1200ms cubic-bezier(1, 0, 0.07, 1);
    -moz-transition: all 1200ms cubic-bezier(1, 0, 0.07, 1);
    -o-transition: all 1200ms cubic-bezier(1, 0, 0.07, 1);
    transition: all 1200ms cubic-bezier(1, 0, 0.07, 1);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    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-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }
  .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-dmopen {
    overflow: hidden;
  }
  .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;
  }
  /*	--------------------------------------------------
  	:: Utility Menu | Extras
  	-------------------------------------------------- */
  .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;
}

/*TOP BAR COLOR*/
.droopmenu-navbar {
  background: #552e8d;
  color: #ffffff;
}

/* TOP LEVEL LINK COLORS | HOVER COLOR */
.droopmenu > li > a, .droopmenu > li > span {
  color: #ffffff;
  text-decoration: none !important;
}
.droopmenu li.sideTopNav a span {
  color: #cc99ff;
}
.droopmenu li:hover > a .droopmenu-indicator {
  color: #fe9900;
}
.droopmenu li:hover > a.droopmenu-button {
  background: none;
  color: hsla(0deg, 0%, 100%, 0.6);
}
.droopmenu li:hover > a.droopmenu-button span {
  border-color: hsla(0deg, 0%, 100%, 0.6);
}
.droopmenu li > a.droopmenu-button span {
  border-color: #fff;
}
.droopmenu li li:hover > a {
  background: #fff;
  color: #133d59;
}

.droopmenu-toggle i:after, .droopmenu-toggle i:before {
  background: #fff;
}

/* MEGA MENU HEADERS + CONTENT PARAGRAPHS | COLOR */
.droopmenu-col h4 {
  color: #133d59;
}

.droopmenu .dm-block-title {
  color: #133d59;
}
.droopmenu .droopmenu-content p a, .droopmenu .droopmenu-content .dm-small {
  color: #133d59;
}
.droopmenu .droopmenu-icon-links li .dm-details span {
  color: #133d59;
}

.droopmenu .droopmenu-icon-links li .dm-icon-holder {
  background-color: #133d59;
  color: #fff;
}

.droopmenu li.dmopener .dm-arrow {
  border-bottom-color: #fff;
}

.dmarrow-down .droopmenu li.dmopener .dm-arrow {
  border-top-color: #17416d;
  display: none !important;
}

.dmpos-bottom .droopmenu li.dmopener .dm-arrow {
  border-top-color: #fff;
}
.dmpos-bottom.dmarrow-down .droopmenu li.dmopener .dm-arrow {
  border-bottom-color: #17416d;
}

/* TOP HEADER SOCIAL ICONS  */
.droopmenu-extra .droopmenu .droopmenu-social-icons a {
  border-color: #fff;
}
.droopmenu-extra .droopmenu .droopmenu-social-icons a i {
  color: #fff;
}
.droopmenu-extra .droopmenu .droopmenu-social-icons a:hover {
  border-color: hsla(0deg, 0%, 100%, 0.6);
}
.droopmenu-extra .droopmenu .droopmenu-social-icons a:hover i {
  color: hsla(0deg, 0%, 100%, 0.6);
}

@media only screen and (min-width: 768px) {
  /* TAB BACKGROUND COLOR */
  .droopmenu .droopmenu-tabnav a.droopmenu-tab-active {
    color: #133d59;
  }
  /* SIDEBAR MENU THEME | ADMIN STYLE  */
  .dm-page .droopmenu-header, .dm-page .droopmenu-vertical, .dm-page .dm-main-header .dm-badge {
    background: #133d59;
  }
  .dm-page.dm-sidebar-left .dm-sidebar .droopmenu-vertical {
    border-right-color: #17416d;
  }
  .dm-page.dm-sidebar-right .dm-sidebar .droopmenu-vertical {
    border-left-color: #17416d;
  }
  .dm-page .droopmenu > li > a {
    -webkit-box-shadow: inset 1px 0 0 hsla(0deg, 0%, 0%, 0);
    box-shadow: inset 1px 0 0 hsla(0deg, 0%, 0%, 0);
  }
  .dm-page .droopmenu > li > a:after {
    border-bottom-color: #fff;
    border-right-color: #fff;
  }
  .dm-page .droopmenu > li:hover > a {
    -webkit-box-shadow: inset 4px 0 0 hsla(0deg, 0%, 0%, 0.5);
    box-shadow: inset 4px 0 0 hsla(0deg, 0%, 0%, 0.5);
  }
  .dm-page .droopmenu > li.dmh-separator {
    border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.45);
    border-top: 1px solid hsla(0deg, 0%, 0%, 0.18);
  }
  .dm-page .droopmenu > li > h3 {
    color: #fff;
  }
  .dm-page .dm-badge {
    border-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  /* MOBILE NAVBAR | HEADER */
  .droopmenu-header {
    background: inherit;
  }
  .droopmenu > li > a, .droopmenu > li > span {
    color: #71818C;
  }
  .droopmenu li:hover > a {
    background: #17416d;
    color: #fff;
  }
  .droopmenu li li:hover > a {
    background: #fff;
    color: #133d59;
  }
  .droopmenu li.dmtoggle-open > a {
    background: #17416d;
    color: #fff;
  }
  .droopmenu-extra .droopmenu > li > a {
    color: #fff;
  }
  .droopmenu-extra .droopmenu li:hover > a {
    color: #fff;
  }
  .droopmenu-extra .droopmenu li li:hover > a {
    color: #133d59;
  }
  .droopmenu-extra .droopmenu li.dmtoggle-open > a {
    background-color: #17416d;
    color: #fff;
  }
  .dm-page .dm-page-title {
    border-top: 0;
  }
  .dm-page .droopmenu li:hover > a .dm-badge, .dm-page .droopmenu li.dmtoggle-open > a .dm-badge {
    border-color: #fff;
  }
  .dm-page .droopmenu > li > h3 {
    padding: 15px 25px 0 25px;
    color: #133d59;
  }
}
.droopmenu .card-img-overlay {
  background-color: rgba(90, 15, 160, 0.8);
  top: 0;
}
.droopmenu .card-img-overlay .vertically-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  font-weight: 600;
}
.droopmenu .no-droopmenu-indicator .droopmenu-indicator {
  display: none !important;
}
.droopmenu .list-icons {
  margin-top: 1rem;
}
.droopmenu .list-icons li a:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  margin-right: 10px;
  color: #17416d;
}

/**RLWC Overides*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .droopmenu-brand img {
    height: inherit;
  }
}
.droopmenu-navbar .droopmenu-with-icon {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
.droopmenu-navbar .droopmenu-with-icon i {
  margin-top: 1rem;
}
.droopmenu-navbar .droopmenu-with-icon span {
  height: auto;
  line-height: normal;
}
.droopmenu-navbar .droopmenu-with-icon i {
  margin-top: 1rem;
}
.droopmenu-navbar #cazoologo {
  top: 0 !important;
  margin-left: 0 !important;
  position: relative !important;
}
.droopmenu-navbar .small-nav {
  display: flex;
  justify-content: space-around;
  background-image: linear-gradient(to right, rgba(36, 1, 70, 0), rgb(36, 1, 70), rgba(36, 1, 70, 0));
  padding-top: 10px;
}
.droopmenu-navbar .small-nav li {
  text-align: center;
  margin-bottom: 0.5rem;
}
.droopmenu-navbar .small-nav li:not(:last-child) {
  border-right-style: solid;
  border-right-width: 1px;
  border-image: linear-gradient(rgb(74, 21, 113), rgb(200, 149, 252), rgb(74, 21, 113)) 0.5;
}

.droopmenu-navbar .small-nav li a {
  color: #ffffff;
  text-decoration: none !important;
  text-transform: none;
  font-weight: 600;
  font-size: 16px;
}
.droopmenu-navbar.droopmenu-offcanvas .droopmenu li a {
  color: #5a0fa0;
}
.droopmenu-navbar.droopmenu-offcanvas .droopmenu li a span {
  color: #5a0fa0;
}
.droopmenu-navbar.droopmenu-offcanvas .droopmenu-with-icon {
  flex-direction: row;
  padding-top: 15px;
  padding-bottom: 15px;
}
.droopmenu-navbar.droopmenu-offcanvas .droopmenu-with-icon i {
  margin-top: 0;
  margin-right: 0.25rem;
}
.droopmenu-navbar.droopmenu-offcanvas .droopmenu-with-icon.flex-column i {
  font-size: 20px;
  margin-right: 0;
  margin-top: 0.42rem;
  margin-bottom: 0.25rem;
}
.droopmenu-navbar.droopmenu-offcanvas .droopmenu-with-icon.flex-column span {
  font-size: 0.5rem;
  text-transform: uppercase;
  color: #cc99ff;
}

/* droopmenu-offcanvas-open */
/**From Superleague*/
/** end From Superleague*/
.matchreport.matchreportheader {
  padding: 0px !important;
}
.matchreport.matchreportheader p, .matchreport.matchreportheader span, .matchreport.matchreportheader h2 {
  color: #fff;
}
.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;
  background: #5a0fa0;
  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: #da2128;
  color: #fff;
  padding: 8px 8px;
  font-size: 1.8rem;
  border-radius: 3px;
  font-family: "rlwc", sans-serif;
}
@media (min-width: 992px) {
  .matchreport.matchreportheader .home-score, .matchreport.matchreportheader .away-score {
    font-size: 2.8rem;
    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 0s;
  -moz-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@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 .5s;
  -moz-transition: all 0.3s ease-out .5s;
  transition: all 0.3s ease-out .5s;
}
.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;
  -webkit-opacity: 0;
  -moz-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 .5s;
  -moz-transition: all 0.3s ease-out .5s;
  transition: all 0.3s ease-out .5s;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
@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;
  -webkit-opacity: 0;
  -moz-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 0s;
  -moz-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.matchreport.lineup .position p.is-visible span {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -webkit-transition: all 0.4s ease-out 0.5s;
  -moz-transition: all 0.4s ease-out 0.5s;
  transition: all 0.4s ease-out 0.5s;
}
.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 0.0s;
  -moz-transition: all 0.3s ease-out 0.0s;
  transition: all 0.3s ease-out 0.0s;
  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;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
}
.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 0s;
  -moz-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.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;
  -webkit-opacity: 0;
  -moz-opacity: 0;
}
.matchreport.commentary .row.show-on-scroll.is-visible {
  -webkit-transition: all 0.4s ease-out 0.3s;
  -moz-transition: all 0.4s ease-out 0.3s;
  transition: all 0.4s ease-out 0.3s;
  top: 0px;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.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 0.5s;
  -moz-transition: all 0.3s ease-out 0.5s;
  transition: all 0.3s ease-out 0.5s;
  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 0.5s;
  -moz-transition: all 0.3s ease-out 0.5s;
  transition: all 0.3s ease-out 0.5s;
  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;
  -webkit-opacity: 0;
  -moz-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 .5s;
  -moz-transition: all 0.3s ease-out .5s;
  transition: all 0.3s ease-out .5s;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}

@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;
}
.matchreport.lineup .position p span {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-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 0s;
  -moz-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.matchreport.lineup .position p.is-visible span {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -webkit-transition: all 0.4s ease-out 0.5s;
  -moz-transition: all 0.4s ease-out 0.5s;
  transition: all 0.4s ease-out 0.5s;
}
.matchreport.lineup .position h3 {
  font-size: 3rem;
  color: #5a0fa0 !important;
}
.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;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
}
.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;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  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;
  -webkit-opacity: 0.15;
  -moz-opacity: 0.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;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}
@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;
}

@font-face {
  font-family: industry;
  src: url("industry/Fort Foundry - Industry Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: industry;
  src: url("industry/Fort Foundry - Industry Medium.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: industry;
  src: url("industry/Fort Foundry - Industry Light.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: industry;
  src: url("industry/Fort Foundry - Industry Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
#teambuilder {
  background-size: cover !important;
  padding-bottom: 3rem !important;
}

.teambuilder-parent {
  /*Buttons*/
  /*New Layout*/
}
@media (max-width: 767px) {
  .teambuilder-parent.container {
    min-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teambuilder-parent {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .teambuilder-parent {
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .teambuilder-parent {
    max-width: 1200px !important;
  }
}
.teambuilder-parent .team-builder-header-title {
  margin-top: -6px;
  margin-left: -6px;
  margin-bottom: 4rem;
}
@media (max-width: 992px) {
  .teambuilder-parent .team-builder-header-title {
    max-height: 100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teambuilder-parent .content-left {
    margin-right: 1rem;
  }
}
.teambuilder-parent .content-left p:nth-child(2) {
  font-size: 22px;
  line-height: 34px;
}
@media only screen and (min-width: 992px) {
  .teambuilder-parent .content-left p:nth-child(2) {
    font-size: 24px;
    line-height: 40px;
  }
}
.teambuilder-parent .content-left p:nth-child(3) {
  font-size: 18px;
  line-height: 30px;
}
@media only screen and (min-width: 992px) {
  .teambuilder-parent .content-left p:nth-child(3) {
    line-height: 36px;
  }
}
@media only screen and (min-width: 992px) {
  .teambuilder-parent .buttondiv {
    position: absolute;
    width: 100%;
    max-width: 80%;
    bottom: 3vw;
  }
}
.teambuilder-parent .saveteam:disabled {
  background: #fe1e3d;
  opacity: 0.25;
}
.teambuilder-parent .btn-primary {
  color: #ffffff;
  cursor: pointer;
  font-size: 1rem;
  font-family: industry;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0px;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  -moz-border-image: -moz-linear-gradient(right, #fe1e3d 0%, #39a5eb 100%);
  -webkit-border-image: -webkit-linear-gradient(right, #fe1e3d 0%, #39a5eb 100%);
  border-image: linear-gradient(to right, #fe1e3d 0%, #39a5eb 100%);
  border-image-slice: 1;
  padding-left: 25px;
  padding-right: 25px;
}
.teambuilder-parent .btn-primary.share {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 360px) {
  .teambuilder-parent .share-to-social > div {
    width: 100px;
  }
  .teambuilder-parent .share-to-social > div a {
    min-width: 100%;
  }
  .teambuilder-parent .share-to-social > div:not(:nth-child(3n)) {
    margin-right: 0.5rem !important;
  }
}
.teambuilder-parent .fieldDiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-transform: scale(0.64);
  transform: scale(0.64);
  /*margin-top: 10px;*/
}
@media only screen and (max-width: 600px) {
  .teambuilder-parent .fieldDiv {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@media only screen and (max-width: 405px) {
  .teambuilder-parent .fieldDiv {
    -webkit-transform: scale(0.72);
    transform: scale(0.72);
  }
}
@media only screen and (max-width: 356px) {
  .teambuilder-parent .fieldDiv {
    -webkit-transform: scale(0.64);
    transform: scale(0.64);
  }
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
  .teambuilder-parent .fieldDiv {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 701px) and (max-width: 767px) {
  .teambuilder-parent .fieldDiv {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teambuilder-parent .fieldDiv {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin-top: -30px;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .teambuilder-parent .fieldDiv {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    padding-top: 0.5rem !important;
  }
}
@media only screen and (min-width: 1024px) {
  .teambuilder-parent .fieldDiv {
    -webkit-transform: none;
    transform: none;
    padding-right: 2rem !important;
    padding-left: 0rem !important;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media only screen and (min-width: 1280px) {
  .teambuilder-parent .fieldDiv {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
}
.teambuilder-parent .fieldDiv #field {
  height: 600px;
  width: 480px;
  position: relative;
}
.teambuilder-parent .fieldDiv #field.coalgreen, .teambuilder-parent .fieldDiv #field.coalgreen-top25 {
  background-size: 480px 600px;
}
.teambuilder-parent .fieldDiv #field .player {
  touch-action: none;
  opacity: 1;
  display: block;
  border: inherit;
  background: initial;
  position: absolute;
  width: 80px;
  height: 77px;
  overflow: hidden;
}
.teambuilder-parent .fieldDiv #field .player .name-holder {
  font-size: 10px;
  font-family: industry;
  font-weight: 900;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.1;
  opacity: 1;
  width: 100%;
  position: absolute;
  background-color: rgb(0, 0, 0);
  border-radius: 0px;
  padding: 2px;
  bottom: 0px;
}
.teambuilder-parent .fieldDiv #field .player div > div {
  border-radius: 50%;
  overflow: hidden;
  height: 80px;
}
.teambuilder-parent .fieldDiv #field .player.cols-2 {
  transform: translate(370px, 475px);
}
.teambuilder-parent .fieldDiv #field .player.cols-1 {
  transform: translate(180px, 496px);
}
.teambuilder-parent .fieldDiv #field .player.cols-3 {
  transform: translate(290px, 440px);
}
.teambuilder-parent .fieldDiv #field .player.cols-4 {
  transform: translate(212px, 385px);
}
.teambuilder-parent .fieldDiv #field .player.cols-5 {
  transform: translate(32px, 385px);
}
.teambuilder-parent .fieldDiv #field .player.cols-6 {
  transform: translate(170px, 280px);
}
.teambuilder-parent .fieldDiv #field .player.cols-7 {
  transform: translate(250px, 295px);
}
.teambuilder-parent .fieldDiv #field .player.cols-8 {
  transform: translate(32px, 25px);
}
.teambuilder-parent .fieldDiv #field .player.cols-9 {
  transform: translate(116px, 25px);
}
.teambuilder-parent .fieldDiv #field .player.cols-10 {
  transform: translate(200px, 25px);
}
.teambuilder-parent .fieldDiv #field .player.cols-11 {
  transform: translate(70px, 106px);
}
.teambuilder-parent .fieldDiv #field .player.cols-12 {
  transform: translate(154px, 106px);
}
.teambuilder-parent .fieldDiv #field .player.cols-13 {
  transform: translate(120px, 190px);
}
.teambuilder-parent .fieldDiv #field .player .playerimg {
  width: 80px;
}

/*Modal*/
#team-builder-modal {
  display: block;
}
#team-builder-modal.fade.show {
  display: block;
}
#team-builder-modal .team-badge {
  width: 30px;
}
#team-builder-modal .right-content .sl-mbu {
  line-height: 0;
}
#team-builder-modal .card.main-card-style {
  background: #000000;
}
#team-builder-modal .card.main-card-style .card-img-overlay {
  padding: 0px;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 65%, black 88%, black 100%);
  position: relative;
}
#team-builder-modal .card.main-card-style .card-details {
  min-height: 95px;
  bottom: 0px;
  position: absolute;
  width: 100%;
  padding: 30px;
  background-color: transparent !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 15%, black 50%, black 50%, black 100%);
}
#team-builder-modal .card.main-card-style .card-details .left-content {
  position: absolute;
  max-width: 100%;
  display: inline-block;
  width: auto;
  left: 0;
  bottom: 15px;
  left: 15px;
  margin-top: 5px;
}
@media (min-width: 576px) {
  #team-builder-modal .card.main-card-style .card-details .left-content .card.main-card-style .card-details .left-content {
    max-width: 70%;
  }
}
#team-builder-modal .card.main-card-style .card-details p {
  color: #fff;
}

/** SPINNER CREATION **/
#preloader-wrapper.cover {
  background: white;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 9999;
  margin-top: -3rem;
  padding-top: 3rem;
}
#preloader-wrapper.cover .loader {
  position: relative;
  text-align: center;
  margin: 50px auto 35px auto;
  margin: 50px auto;
  z-index: 9999;
  display: block !important;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border-top-color: #006098;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@font-face {
  font-family: "rlwc";
  src: url("/themes/rlwc/_fonts/rlwc_2021_sans.otf");
}
.font-rlwc {
  font-family: "rlwc";
}

.orange {
  color: #fd2b02 !important;
}

body {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  background-color: #ffffff;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body, html {
  height: auto !important;
  padding-top: 0px;
}

p {
  line-height: 130%;
  font-size: 15px;
}

.cd-main-content {
  background: #ffffff;
  padding-top: 80px;
}
@media (min-width: 1200px) {
  .cd-main-content {
    padding-top: 90px;
  }
}

.modal-body .cd-main-content {
  padding-top: 0;
}

/*.container {margin-left:5vw; margin-right:5vw;}*/
/* .img-fluid {width:100%;} */
.logo-bar {
  background: url("/themes/rlwc/_img/header_bg.jpg");
  padding: 50px 0px;
  height: 70px;
}

img.logo-mobile {
  width: 100px;
}

img.logo {
  width: 146px;
  padding-left: 10px;
  padding-top: 5px;
}
@media (min-width: 576px) {
  img.logo {
    width: 166px;
    padding-top: 0px;
  }
}

a {
  color: #fe0000;
  text-decoration: none;
}

a:HOVER {
  text-decoration: none;
  color: #000000;
}

.ign-row-content-light a:HOVER {
  color: #ffffff;
}

.row {
  background: none;
}

.btn {
  font-weight: 400;
  padding: 10px 10px;
  font-size: 15px;
}

.btn-sm {
  font-weight: 400;
  padding: 5px 10px;
  font-size: 12px;
}

.btn-primary {
  background-color: transparent;
  border: 1px solid #5a0fa0;
  border-radius: 0px !important;
  font-weight: 400;
  color: #5a0fa0;
}

.btn-primary.reverse-purple {
  background-color: #ffffff;
  border: 1px solid #fff;
  color: #5a0fa0;
}

.btn-primary.inverse {
  color: #fff;
}

.btn-primary:HOVER {
  background-color: #fe0000;
  color: #ffffff;
  border-color: #fe0000;
}

.host-buttons .btn-primary {
  border: 1px solid #36dea5;
  color: #36dea5;
}

.host-buttons .btn-primary:HOVER {
  background-color: #36dea5;
  border-color: #36dea5;
  color: #ffffff !important;
}

.ign-row-content-light .host-buttons .btn-primary {
  border: 1px solid #36dea5;
  color: #36dea5;
}

.ign-row-content-light .host-buttons .btn-primary:HOVER {
  background-color: #36dea5;
  border-color: #36dea5;
  color: #ffffff !important;
}

.btn-white {
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 0px !important;
  font-weight: 400;
  color: #000000;
}

.btn-white:HOVER {
  background-color: #ffffff;
  color: #000000 !important;
}

.btn-otherteams {
  background-color: #fff;
  border: 1px solid #ffffff;
  border-radius: 0px !important;
  font-weight: 400;
  color: #5a0ea2 !important;
}
@media (min-width: 576px) {
  .btn-otherteams {
    background-color: #5a0ea2;
    color: #fff !important;
  }
}

.btn-otherteams:HOVER {
  background-color: #ffffff;
  color: #5a0ea2 !important;
  border-color: #ffffff;
}

.btn[type=submit] {
  cursor: pointer;
}

.ign-row-content-light .btn-primary {
  border: 1px solid #ffffff;
}

.news-feature-plugin .slick-feature-slider A:HOVER h2:after {
  background: #f76810;
}

.card h3.card-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #5a0fa0 !important;
  font-size: 15px;
}

p.card-text {
  margin-bottom: 20px;
}

footer {
  background: url("/themes/rlwc/_img/bg_footer_small.svg") #552e8d no-repeat;
  color: #ffffff;
  background-size: 100% auto;
  padding-top: 6vw;
}

footer a {
  color: #ffffff;
  text-decoration: none;
}

footer a:HOVER {
  color: #fe0000 !important;
  text-decoration: none;
}

footer p {
  font-size: 12px;
  line-height: 160%;
}

footer li {
  font-size: 12px;
}

.partners a img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  display: block;
}

.partners a img:hover {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: none;
  opacity: 0.4;
}

.partners img.partner-item {
  max-width: 100px;
}

.partners img.partner-item.principal_sponsor {
  max-width: 200px;
}

.svg-container {
  height: 100%;
  width: 100%;
  padding: 5px 0px;
  position: relative;
  overflow: hidden; /*bottom:5vw;*/
  z-index: 10;
}

svg, img {
  display: block;
}

svg {
  width: 103%;
  margin: -5px;
}

.svg-container.shift-up {
  bottom: 5.2vw;
}

.svg-container.shift-down {
  bottom: -6vw;
}

.modal-body .svg-container.shift-up {
  bottom: 3.2vw;
}

.color-men {
  color: #ff0000 !important;
}

.color-women {
  color: #ff6a00 !important;
}

.color-wheelchair {
  color: #ffc800 !important;
}

.ign-row-content-light .color-men {
  color: #ff0000 !important;
}

.ign-row-content-light .color-women {
  color: #ff6a00 !important;
}

.ign-row-content-light .color-wheelchair {
  color: #ffc800 !important;
}

.border-bottom-men {
  border-bottom-color: #ff0000;
}

.border-bottom-women {
  border-bottom-color: #ff6a00;
}

.border-bottom-wheelchair {
  border-bottom-color: #ffc800;
}

figcaption {
  font-style: italic;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 30px;
}

.article-story-row em {
  font-style: italic !important;
}

.video-container {
  margin-bottom: 20px;
  height: 215px;
}
@media (min-width: 576px) {
  .video-container {
    height: 285px;
  }
}
@media (min-width: 768px) {
  .video-container {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .video-container {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .video-container {
    height: 400px;
  }
}

.stats-list h2 {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}

.stats-list {
  font-weight: 600;
}

.stats-list .stat-number {
  font-family: "rlwc", sans-serif;
  font-size: 40px;
  padding-top: 10px;
}

.circle-headshot {
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 50px;
  max-width: 80px;
}

.circle-headshot img {
  height: auto;
  width: 100%;
}

.child-pages {
  padding-bottom: 30px;
}

.child-pages A {
  padding-right: 0px !important;
  font-size: 14px;
}

.child-pages A:HOVER {
  text-decoration: underline;
  opacity: 0.6;
  transition: 0.4s ease-in-out;
}

.breadcrumb-plugin {
  padding-bottom: 30px;
}

.breadcrumb-plugin p {
  color: #5a0fa0;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}

.breadcrumb-plugin A {
  color: #5a0fa0;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
  text-transform: capitalize;
  padding-right: 5px;
}

.breadcrumb-plugin A:HOVER {
  text-decoration: underline;
  opacity: 0.6;
  transition: 0.4s ease-in-out;
}

.ign-row-content-light .breadcrumb-plugin A {
  color: #ffffff;
}

.ign-row-content-light .breadcrumb-plugin p {
  color: #ffffff;
}

.width-100 {
  width: 100%;
}

.sm-gutters > .col, .sm-gutters > [class*=col-] {
  padding-right: 4px;
  padding-left: 4px;
}

.slick-prev, .slick-next {
  top: 80%;
}

#cd-top-nav i {
  color: #f76810 !important;
}

#cd-top-nav a {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0px;
}

#cd-top-nav a:after {
  content: " ";
  display: block;
  width: 10px;
  border-bottom: solid 2px #340053;
  padding: 4px 0px;
}

#cd-top-nav a:HOVER:after {
  width: 100%;
  transition: all 0.2s ease-in-out;
  border-bottom: solid 2px #fe0000;
}

#cd-top-nav a.none:after {
  content: auto;
  display: auto;
  width: 0px;
  border-bottom: none;
  padding: 4px 0px;
}

#cd-top-nav a.none:HOVER:after {
  width: 100%;
  transition: none;
}

#cd-top-nav a.user {
  padding-top: 0px;
}

.card { /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.02), 0 2px 3px 0 rgba(0,0,0,.05), 0 1px 0 0 rgba(0,0,0,.06);*/
  border-radius: 0px;
  border: 0;
  width: 100%;
}

.card-img-overlay {
  text-align: center;
  top: 10%;
}

img.card-img {
  opacity: 0.1;
  border-radius: 0px;
}

img.card-img-top {
  border-radius: 0px;
}

.card-img-overlay h3.card-title {
  font-family: "Montserrat", sans-serif;
  font-size: 40px;
  letter-spacing: 0px;
  font-weight: 400;
  color: #ffffff !important; /*text-shadow: 2px 2px 8px #000;*/
}

.card-img-overlay .card-text {
  color: #ffffff;
}

.card-img-overlay .btn-primary {
  color: #ffffff;
}

.card .card-text {
  letter-spacing: 0px;
  font-weight: 300;
  font-size: 15px;
}

/*.links-go.image-plugin .card {padding-bottom:50px;}*/
.links-go.image-plugin .card .card-text {
  letter-spacing: 0px;
  font-weight: 400;
  font-size: 13px;
  text-transform: none;
}

.links-go.image-plugin .card .btn-primary {
  display: inline-block;
}

.card .card-footer {
  background-color: #ffffff;
  border-top: 0px;
  padding-bottom: 20px;
  border-radius: 0px !important;
}

.ign-row-content-light .card {
  border: none;
}

.dark-cards .card {
  background-color: #000000;
}

.ign-row-content-light .card.text-dark h3.card-title {
  color: #333 !important;
}

.card .card-link {
  clear: both;
}

.ign-row-content-dark .light-row-title h2.row-title {
  color: #ffffff !important;
}

.card-img-overlay .flag-icon {
  width: 41px;
  height: 31px;
  margin-bottom: 5px;
  border: 1px solid #333333;
}

.timeline-Tweet-brand {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 300;
}

.SandboxRoot.env-bp-330 .TweetAuthor-name, .SandboxRoot.env-bp-430 .TweetAuthor-name, .SandboxRoot.env-bp-550 .TweetAuthor-name {
  font-family: "Montserrat", sans-serif !important;
}

.slick-dots li.slick-active button:before {
  color: #f76810;
}

.news-feature-plugin .slick-feature-slider h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 45px;
  line-height: 85%;
  padding-right: 20px;
  color: #ffffff;
  text-shadow: 0px 6px 20px rgba(0, 0, 0, 0.5);
}

.news-feature-plugin .slick-feature-slider h3 {
  font-size: 20px;
  font-weight: 400;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}

.news-feature-plugin .slick-feature-slider P.date {
  background-color: #f76810;
  padding: 5px 10px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px;
}

.news-feature-plugin .slick-feature-slider .feature-content {
  left: 10vw;
  top: 120px;
}

.news-video-slider .allnews {
  position: absolute;
  top: -60px;
  left: 0;
}

.news-video-slider .allnews a {
  color: #5a0fa0;
  text-decoration: underline;
}

.article-story-row H1 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0px;
  font-size: 35px !important;
  color: #e40a21;
  margin: 10px 0;
}

.article-story-row H3 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  color: #e40a21;
  font-weight: 400;
}

.article-story-row P {
  line-height: 160%;
  margin-bottom: 20px;
}

.article-story-row P.date {
  background: #e40a21;
  padding: 5px 10px;
  color: #ffffff !important;
  font-size: 11px;
  display: inline-block;
}

.article-story-row P.share {
  color: #000000 !important;
  font-size: 11px;
  display: block;
  font-weight: 400;
}

.article-story-row blockquote {
  color: #e40a21;
  font-size: 25px;
  line-height: 120%;
  font-style: italic;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  border-left: 2px solid #e5e5e5;
  border-right: 2px solid #e5e5e5;
}

.article-story-row figure img {
  max-width: 100%;
  margin-bottom: 20px;
}

.twitter-tweet {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}

.hero h2 {
  font-family: "rlwc", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 85%;
  color: #ffffff;
  text-shadow: 0px 6px 20px rgba(0, 0, 0, 0.5);
  text-align: left;
  letter-spacing: 0px;
}

.hero h2::after {
  display: none;
}

.hero h3 {
  font-size: 15px;
  max-width: 600px;
  text-align: left;
}

.hero.hero-promo-image-left .text-holder {
  position: relative;
}

.hero.hero-promo-image-left .text-holder H3 {
  color: #fff;
  padding-left: 10vw !important;
  max-width: 90% !important;
}

.hero.hero-promo-image-left .side-ribbon {
  display: none !important;
  background-image: url("/themes/rlwc/_img/red-vertical-ribbon.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 9vw;
  height: 25vw;
  display: block;
  position: absolute;
  z-index: 1;
  right: -7.7vw;
  top: 0px;
}
@media (min-width: 576px) {
  .hero.hero-promo-image-left .side-ribbon {
    width: 12vw;
    height: 35.5vw;
    right: -0.8vw;
  }
}
@media (min-width: 768px) {
  .hero.hero-promo-image-left .side-ribbon {
    width: 9vw;
    height: 26.5vw;
    right: -7.7vw;
    display: block !important;
  }
}

.hero.hero-promo-image-left .promo-image {
  width: 100%;
  overflow: hidden;
}

.hero.hero-promo-image-left .promo-image img {
  width: 200% !important;
}

.hero.hero-promo-image-left .promo-footer {
  margin-top: -4vw;
  z-index: 2;
}
@media (min-width: 768px) {
  .hero.hero-promo-image-left .promo-footer {
    margin-top: -2vw;
  }
}

.hero.hero-promo-image-right .text-holder {
  position: relative;
}

.hero.hero-promo-image-right .side-ribbon {
  background-image: url("/themes/rlwc/_img/red-vertical-ribbon.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 9vw;
  height: 25vw;
  display: block;
  position: absolute;
  z-index: 1;
  right: 17.3vw;
  top: 0px;
}
@media (min-width: 992px) {
  .hero.hero-promo-image-right .side-ribbon {
    width: 8vw;
    height: 22.5vw;
    right: 18.2vw;
  }
}

.hero.hero-promo-image-right .promo-image {
  width: 100%;
  overflow: hidden;
}

.hero.hero-promo-image-right .promo-footer {
  position: absolute;
  bottom: -10vw;
  z-index: 2;
}

.hero.hero-promo-image-left .text-holder H3, .hero.hero-promo-image-right .text-holder H3 {
  color: #fff;
  padding-left: 10vw !important;
  font-size: 10px;
  line-height: 120%;
}
@media (min-width: 992px) {
  .hero.hero-promo-image-left .text-holder H3, .hero.hero-promo-image-right .text-holder H3 {
    font-size: 18px;
    line-height: 140%;
  }
}
@media (min-width: 1200px) {
  .hero.hero-promo-image-left .text-holder H3, .hero.hero-promo-image-right .text-holder H3 {
    font-size: 20px;
  }
}

.hero.hero-promo-image-left .text-holder H2, .hero.hero-promo-image-right .text-holder H2 {
  padding-left: 10vw !important;
  padding-top: 5vw !important;
  padding-bottom: 10px !important;
  font-size: 4vw;
  width: 100%;
}
@media (min-width: 576px) {
  .hero.hero-promo-image-left .text-holder H2, .hero.hero-promo-image-right .text-holder H2 {
    padding-top: 12vw !important;
  }
}
@media (min-width: 768px) {
  .hero.hero-promo-image-left .text-holder H2, .hero.hero-promo-image-right .text-holder H2 {
    padding-top: 9vw !important;
  }
}

.hero.hero-promo-image-left .text-holder P, .hero.hero-promo-image-right .text-holder P {
  padding-left: 10vw !important;
  padding-bottom: 1vw !important;
  padding-right: 1vw !important;
  width: 100%;
}

.hero.hero-promo-image-right .btn, .hero.hero-promo-image-left .btn {
  padding: 3px 10px;
  margin-left: 10vw;
  color: #fff;
  border: 1px solid #fff;
  font-size: 11px;
}
@media (min-width: 992px) {
  .hero.hero-promo-image-right .btn, .hero.hero-promo-image-left .btn {
    padding: 10px 20px;
    font-size: 15px;
    margin-top: 10px;
  }
}

.video-hold p {
  font-weight: 600;
}

.news-feature-plugin .slick-feature-slider h2:after {
  opacity: 0.5;
}

/*.news-grid-plugin .time {text-transform:uppercase; font-family: 'Khand', sans-serif; font-size:13px;}
.news-grid-plugin h4.card-title a {text-transform:uppercase; font-family: 'Khand', sans-serif; font-size:20px;}*/
.news-feature-plugin .slick-feature-slider {
  background-color: #000000;
}

.news-feature-plugin .feature-image-bg {
  opacity: 0.6;
}

.ign-row-content-light .news-grid-plugin h4.card-title a:HOVER {
  color: #ffffff;
}

.ign-row-content-light .card-footer {
  background-color: #000000;
  opacity: 0.5;
  color: #ffffff;
  border-radius: 0;
}

.ign-row-content-light .news-grid-plugin h4.card-title a {
  color: #ffffff !important;
}

.ign-row-content-light .btn-primary {
  color: #ffffff;
}

/*.article-standard-related-news {background:#ffffff;}*/
.ign-row-content-dark .article-related-news-row h4.card-title a {
  color: #ffffff;
}

.social-bar.light a {
  color: #339900;
  font-size: 25px;
}

.social-bar.light a:HOVER {
  color: #000000;
}

.social-icons a {
  color: #5a0fa0;
}

.youtube-v3-playlist .video-img {
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}

.youtube-v3-playlist .video-img img {
  position: relative;
  top: 0px;
}

.slick-next, .slick-prev {
  display: none !important;
}

.form-group label {
  padding-bottom: 5px;
}

.downloads li {
  width: 100%;
  float: left;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #cccccc;
  margin-right: 20px;
}

.downloads img.icon {
  display: block;
  float: left;
  width: 35px;
}

.downloads li a span.text {
  display: block;
  float: left;
  max-width: 80%;
}

.downloads li a span.text span.size {
  opacity: 0.5;
}

.downloads li a {
  color: #666666;
}

.downloads li a:HOVER {
  color: #e40a21;
}

.ign-row-content-light .downloads li a {
  color: #ffffff;
}

.docs-plugin .downloads li {
  font-size: 15px;
  line-height: 120%;
}

#cardLinkModal .container-fluid.partners {
  display: none;
}
#cardLinkModal h5.modal-title {
  color: #222222;
  display: none;
}
#cardLinkModal .modal-dialog.dh-modal-parent .modal-body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#cardLinkModal .modal-dialog.dh-modal-parent .modal-body div.dh-modal-parent {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#cardLinkModal .modal-dialog.dh-modal-parent .modal-body div.dh-modal-parent .container:not(.match-centre, .filtergrid) {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
@media (min-width: 992px) {
  #cardLinkModal .modal-dialog.dh-modal-parent .modal-body div.dh-modal-parent .container:not(.match-centre, .filtergrid) {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}
#cardLinkModal .modal-dialog.dh-modal-parent .modal-body div.dh-modal-parent .filtergrid ul.list li.container-fluid {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
#cardLinkModal .modal-dialog.dh-modal-parent .modal-body div.dh-modal-parent .filtergrid ul.list li:not(.container-fluid) {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
@media (min-width: 992px) {
  #cardLinkModal .modal-dialog.dh-modal-parent .modal-body div.dh-modal-parent .filtergrid ul.list li:not(.container-fluid) {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}

.team-squad .card .card-footer {
  position: relative;
  min-height: 100px;
}

.team-squad .squad-number-holder {
  bottom: 126px !important;
}

.nation-players .card {
  background-color: transparent !important;
}

.nation-players .card h3.card-title {
  font-size: 12px !important;
}
@media (min-width: 768px) {
  .nation-players .card h3.card-title {
    font-size: 14px !important;
  }
}
@media (min-width: 992px) {
  .nation-players .card h3.card-title {
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) {
  .nation-players .card h3.card-title {
    font-size: 18px !important;
  }
}

.player.header .player-headshot .card-img-top {
  border-radius: 50%;
  border: 1px solid #f1f1f1;
}

.nation.header {
  min-height: 200px;
}
@media (min-width: 576px) {
  .nation.header {
    min-height: 24vw;
  }
}

.nation.header .sl-lbu {
  color: #5a0fa0;
}
@media (min-width: 768px) {
  .nation.header .sl-lbu {
    color: #ffffff;
  }
}

.nation.header A {
  color: #ffffff;
}

.nationicon {
  width: 150px;
}
@media (min-width: 768px) {
  .nationicon {
    width: 120px;
  }
}
@media (min-width: 992px) {
  .nationicon {
    width: 160px;
  }
}
@media (min-width: 1200px) {
  .nationicon {
    width: 15vw;
  }
}

.mobile-header h2.sl-lbu {
  color: #ffffff;
  padding-bottom: 5px;
}

.mobile-header A {
  color: #ffffff;
}
@media (min-width: 768px) {
  .mobile-header A {
    color: #ffffff;
  }
}

.nation.patterns {
  padding-left: 0;
  padding-right: 0;
}
.nation.patterns img {
  position: absolute;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}
.nation.patterns ~ div {
  position: relative;
  z-index: 2;
}

.fixture-card .small-text {
  font-size: 12px;
  display: block;
}

.photo-gallery-single H2 {
  letter-spacing: 0px;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 20px;
  color: #5a0fa0;
  text-transform: none;
  border-bottom: none !important;
  width: 100%;
  text-align: left;
  margin: 0 auto 0 auto;
  margin-bottom: 0px;
  padding-bottom: 10px;
  padding-top: 20px;
}
@media (min-width: 576px) {
  .photo-gallery-single H2 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .photo-gallery-single H2 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .photo-gallery-single H2 {
    font-size: 40px;
  }
}

.top-story .card {
  border-left: 6px solid #5a0fa0;
}

.rlwc-home-video .video-hold {
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 1920px !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 100%;
}

.rlwc-home-video H2 {
  font-family: "rlwc", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 85%;
  color: #ffffff;
}

.rlwc-home-video P {
  color: #ffffff;
  font-size: 12px;
  line-height: 95%;
}

.rlwc-home-video .vertically-centered {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ign-profile .nav-tabs-bold .nav-link {
  color: #5a0fa0;
}

.ign-profile .nav-tabs-bold .nav-link.active {
  color: #fe0000;
}

.ign-profile .nav-tabs-bold .nav-link.active:HOVER {
  color: #5a0fa0;
}

.ign-profile .nav-tabs-bold .nav-link.active:VISITED {
  color: #5a0fa0;
}

.ign-profile .nav-tabs.nav-stacked .active > .nav-link i, .ign-profile .nav-tabs.nav-stacked .active > .nav-link:hover i, .ign-profile .nav-tabs.nav-stacked .nav-link.active i, .ign-profile .nav-tabs.nav-stacked .nav-link.active:hover i {
  color: #fe0000;
}

.ign-profile .nav-tabs .active > .nav-link:before, .ign-profile .nav-tabs .nav-link.active:before {
  background: #fe0000;
}

#mic-init-access-tool .mic-access-tool-general-button.mic-access-tool-general-button-right {
  right: auto !important;
  margin: 10px;
}

.matchreport.lineup ul li .player-name span {
  font-size: 0.7rem;
}
.matchreport.lineup ul li .player-name span:not(.player-full-name) {
  color: #5a0fa0 !important;
  font-weight: 600;
  line-height: 1;
}
.matchreport.lineup ul li .player-name span.player-full-name {
  color: #31373c !important;
  text-transform: none;
  font-weight: bold;
}
@media (min-width: 768px) {
  .matchreport.lineup ul li .player-name span {
    font-size: 1rem;
  }
}
.matchreport.lineup ul li .player-name span.shirt-num {
  font-family: "rlwc", sans-serif;
  font-size: 1rem;
  background: #5a0fa0 !important;
  color: #fff !important;
  padding: 5px;
}
.matchreport.lineup ul li .player-name span.name-holder {
  display: flex;
  flex-direction: column;
}

.matchreport.lineup .away ul li .player-name {
  right: 0px;
  display: flex;
  justify-content: end;
}
@media (min-width: 576px) {
  .matchreport.lineup .away ul li .player-name {
    right: 60px;
  }
}
@media (min-width: 768px) {
  .matchreport.lineup .away ul li .player-name {
    right: 93px;
  }
}

.matchreport.lineup ul li .player-name {
  left: 0px;
  display: flex;
  justify-content: start;
}
@media (min-width: 576px) {
  .matchreport.lineup ul li .player-name {
    left: 60px;
  }
}
@media (min-width: 768px) {
  .matchreport.lineup ul li .player-name {
    left: 93px;
  }
}
@media (min-width: 992px) {
  .matchreport.lineup ul li .player-name {
    max-width: 100%;
  }
}

.matchreport.lineup .position h3 {
  padding-top: 40px;
}

.matchreport.lineup ul li .player-name {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.matchreport .player-stats th {
  color: #000 !important;
  font-size: 0.6rem;
  font-weight: bold;
}

.child-pages A {
  color: #5a0fa0;
  padding-right: 20px;
  font-weight: 600;
}

.ign-row-content-light .child-pages A {
  color: #ffffff;
}

.ign-row-content-light .child-pages i {
  color: #ffffff;
}

.ign-row-content-light .child-pages .list-group-item {
  background: transparent;
}

/* == TYPOGRAPHY ================================================================= */
h1.page-title {
  font-size: 17px;
  font-weight: 500;
  color: #660033;
  text-transform: none;
  text-transform: uppercase;
  border-bottom: none !important;
  width: 100%;
  text-align: center;
  margin: 0 auto 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-top: 20px;
}

h1.page-title::after {
  content: " ";
  display: block;
  border-bottom: 2px solid #666;
  width: 50px;
  margin: 0 auto;
  margin-top: 10px;
}

p.larger-text {
  font-size: 15px;
  line-height: 120%;
}

p.lightweight-text {
  font-weight: 300;
}

.text-red {
  color: #e40a21 !important;
}

.text-dkred {
  color: #d42e20 !important;
}

.text-ltorange {
  color: #fc5d03 !important;
}

.text-orange {
  color: #fe4801 !important;
}

.text-purple {
  color: #5a0fa0 !important;
}

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

.text-white {
  color: #ffffff !important;
}

.text-plugin h3, .text-image-plugin h3, h3.theme {
  color: #5a0fa0;
  font-size: 22px;
  margin-bottom: 30px;
  font-weight: 400;
}

.text-plugin h4, .text-image-plugin h4 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #5a0fa0;
  text-transform: none;
  line-height: 120%;
}

.text-plugin h3:after, .text-image-plugin h3:after, h3.theme:after {
  content: " ";
  display: none;
}

.ign-row-content-light .text-plugin h3:after, .ign-row-content-light .text-image-plugin h3:after {
  display: none;
}

.text-plugin p, .text-image-plugin p, .tiv-plugin p {
  margin-bottom: 20px;
  line-height: 150%;
}

.text-plugin h2, .text-image-plugin h2, .tiv-plugin h2 {
  font-size: 25px;
  font-family: "Montserrat", sans-serif;
  color: #5a0fa0;
  font-weight: 400;
  margin-bottom: 30px;
}

.ign-row-content-light .text-plugin h3, .ign-row-content-light .text-image-plugin h3, .ign-row-content-light li {
  color: #ffffff !important;
}

.text-plugin ul, .text-image-plugin ul {
  line-height: 150%;
  padding-top: 15px;
}

.text-plugin li, .text-image-plugin li {
  padding-bottom: 5px;
  list-style: disc;
  margin-left: 20px;
}

.text-plugin li li, .text-image-plugin li li {
  padding-bottom: 5px;
  list-style: circle;
  margin-left: 40px;
}

.text-plugin blockquote, .text-image-plugin blockquote {
  color: #222;
  margin: 20px;
  max-width: none;
  font-style: normal;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.5rem;
  border-right: none;
  border-left: 6px #ccc solid;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.article-story-row ul {
  line-height: 150%;
  padding-top: 15px;
}

.article-story-row li {
  padding-bottom: 5px;
  list-style: disc;
  margin-left: 20px;
}

.statement .text-plugin h2, .statement .text-image-plugin h2 {
  font-size: 80px;
  font-family: "rlwc";
  margin-bottom: 0;
}

.droopmenu-col2 {
  padding-left: 20px;
  width: 100%;
}

.droopmenu-col2 A {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  display: block;
}

.droopmenu-col2 A:HOVER {
  background: #5a0fa0;
  color: #ffffff;
}

.droopmenu-col2 span {
  padding-top: 10px;
  display: inline-block;
}

h2.row-title {
  letter-spacing: 0px;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 20px;
  color: #5a0fa0;
  text-transform: none;
  border-bottom: none !important;
  width: 100%;
  text-align: center;
  margin: 0 auto 0 auto;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 20px;
}
@media (min-width: 576px) {
  h2.row-title {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  h2.row-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  h2.row-title {
    font-size: 35px;
  }
}

.board h2.row-title {
  color: #ffffff !important;
}

.hero .cover {
  opacity: 0.2;
}

.player.header .player-details h2 {
  color: #fff;
  font-family: "rlwc";
  color: #fff;
  font-size: 40px;
  background: #5a0fa0;
  text-align: center;
}

.player.header .player-details P {
  color: #fff;
}

.player.header .player-details h3 {
  border-radius: 15px 15px 0px 0px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  background: #5a0fa0;
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: center;
}

.player.header .player-details span {
  color: #fff;
}

.player.header .biography A {
  color: #5a0fa0;
}

.player.header .social {
  padding-bottom: 20px;
}

.player.header .player-details {
  font-size: 15px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .player.header .player-details {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .player.header .player-details {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .player.header .player-details {
    font-size: 15px;
  }
}

.player.header .biography {
  padding-bottom: 20px;
  padding-top: 0vw;
}

.player.header .biography TABLE {
  border: 1px solid #f1f1f1;
  width: 100%;
}

.player.header .biography TD {
  font-weight: 600;
  color: #5a0fa0;
  font-size: 18px;
  padding: 20px;
  border-bottom: 1px solid #f1f1f1;
}

.player.header .biography TD span {
  font-weight: 300;
}

.player.header .biography p {
  max-width: 600px;
}

.player.header .biography h3 {
  font-weight: 600;
  margin-bottom: 10px;
}

.player.header .player-headshot .card {
  background-color: transparent;
}

.player.header .player-headshot img:not(.svg) {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .player.header .player-headshot img:not(.svg) {
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .player.header .player-headshot img:not(.svg) {
    max-width: 500px;
  }
}

.player.header img.svg {
  position: absolute;
  top: 5rem;
  right: 0;
  max-width: 20vw;
}
@media (min-width: 992px) {
  .player.header img.svg {
    max-width: 120px;
  }
}
@media (min-width: 1200px) {
  .player.header img.svg {
    max-width: 240px;
  }
}

.droopmenu-navbar {
  background: #5a0ea2;
  box-shadow: none;
}

.droopmenu-navbar .small-nav li a {
  font-size: 14px;
}

/* form stages stepper - used for grants applications bu could be used elsewhere */
.form-stages {
  margin: 20px auto;
  background: #fff;
}

.form-stages .nav-tabs {
  position: relative;
  margin: 40px auto;
  margin-bottom: 0;
  border-bottom-color: #e0e0e0;
  border: 0px;
}

.form-stages > div.form-stages-inner {
  position: relative;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.form-stages .nav-tabs > li.active > a,
.form-stages .nav-tabs > li.active > a:hover,
.form-stages .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

.form-stages span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}

.form-stages li a.active span.round-tab {
  background: #fff;
  border: 2px solid #fd2b02;
}

.form-stages .available span.round-tab {
  background: #eee;
  color: #fd2b02;
}

.form-stages .available span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.form-stages .nav-tabs > li {
  width: 14%;
}

.form-stages li a:after {
  content: " ";
  position: relative;
  left: 46%;
  top: -20px;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #5bc0de;
  transition: 0.1s ease-in-out;
}

.form-stages li.active.nav-item:after {
  content: " ";
  position: relative;
  left: 46%;
  top: -20px;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #5bc0de;
}

.form-stages .nav-tabs > li a {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
  position: relative;
}

.form-stages .nav-tabs > li a:hover {
  background: transparent;
}

.form-stages .tab-pane {
  position: relative;
  padding-top: 50px;
}

.form-stages .nav-link.intro .round-tab {
  font-size: 15px;
}

.form-stages h3 {
  margin-top: 0;
}

.match-centre .btn-group, .match-centre .btn-group-vertical {
  border-right: none !important;
}

.match-centre.news-grid-videos-slider-plugin .card-body .date-label {
  font-size: 8px;
}

.host-slider .card-body {
  height: 100px;
}

.youtube-v3-playlist {
  line-height: 130% !important;
}

.nation-cards .carousel-cards-slider-plugin .card-body {
  height: 50px;
}

.accordion {
  padding-top: 20px;
}

.ign-row-content-light .accordion button {
  color: #ffffff;
}

.accordion-plugin.snippets .accordion .card-header {
  background: #1e003f !important;
}

.ign-row-content-light .accordion .btn-link:focus, .ign-row-content-light .accordion .btn-link:hover {
  color: #5a0ea2 !important;
  text-decoration: none;
}

.accordion .table th {
  border-top: none;
}

.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;
  margin-bottom: 3px !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: #fff !important;
  text-transform: 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 .accordion-plugin .text-plugin p {
  padding: 0px 20px 0px 20px;
}
.accordion-plugin.snippets .accordion .card-body {
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 576px) {
  .accordion-plugin.snippets .accordion .card-body {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .accordion-plugin.snippets .accordion .card-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@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 {
  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 {
  padding-left: 20px !important;
}
.accordion-plugin.snippets .accordion h3.card-title {
  padding-left: 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;
}

.route-to-final img {
  display: block;
  width: 125px;
  border-radius: 50%;
  border: 1px solid #f1f1f1;
  padding: 20px;
  background: #ffffff;
  margin-bottom: 20px;
}

.route-to-final td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.route-to-final h3 {
  font-weight: 600;
}

.route-to-final p.team {
  font-weight: 600;
}

.route-to-final .arrow {
  color: #ffffff;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.team-info {
  width: 100%;
}

.team-info img {
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.team-info span {
  display: inline-block;
}

.team-bio p {
  margin-bottom: 20px;
}

.nation.header A {
  font-weight: bold;
}

@media (max-width: 585px) {
  .form-stages {
    width: 90%;
    height: auto !important;
  }
  .form-stages span.round-tab {
    font-size: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .form-stages .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .form-stages li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }
}
/* file upload stuff */
.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9  {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
.profile .nav-tabs {
  font-size: 0.9rem;
  line-height: 1.2rem;
}

.profile .tab-content {
  line-height: 1.2rem;
}

.form-control {
  display: block !important;
}

#signupModal button.close {
  position: absolute;
  right: 3px;
  color: #fff;
  background: #000;
  width: 31px;
  height: 31px;
  border-radius: 30px;
  top: 5px;
}

header.fixed {
  background-color: rgba(0, 0, 0, 0.7);
  transition: 0.4s all;
  height: 50px;
}

header.fixed img.logo {
  width: 100px;
  transition: 0.4s all;
  padding-top: 7px;
  position: absolute;
}

header.fixed img.cazoo {
  width: 80px;
  transition: 0.4s all;
  padding-top: 13px;
  position: absolute;
  left: 80px;
}
@media (min-width: 576px) {
  header.fixed img.cazoo {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  header.fixed img.cazoo {
    padding-top: 9px;
  }
}

header.fixed #cd-top-nav ul {
  padding-top: 10px;
  transition: 0.4s all;
}

header.fixed #cd-menu-trigger {
  background: #e40a21;
  top: 0px;
  right: 0px;
  transition: 0.4s all;
  border: 0px;
}

header .logo-mini {
  width: 48px;
  top: -100px;
  position: absolute;
  left: 10px;
}

header.fixed .logo-mini {
  top: 6px;
  transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
}

header.fixed img.logo {
  top: -100px;
}

header #timer {
  display: none;
  position: absolute;
  left: 330px;
  top: 26px;
  z-index: 20;
  color: #fff;
}
@media (min-width: 992px) {
  header #timer {
    left: 330px;
  }
}
@media (min-width: 1200px) {
  header #timer {
    left: 390px;
  }
}

header #timer .zone {
  display: inline-block;
  border-right: 1px solid #340053;
  padding: 0 5px;
}

header #timer .zone .digit {
  font-family: "Montserrat", sans-serif;
  color: #fe0000;
  display: block;
  font-size: 18px;
  font-weight: 800;
}

header #timer .zone .label {
  text-transform: uppercase;
  font-size: 13px;
}

header.fixed #timer {
  top: 9px;
  left: 210px;
  line-height: 14px;
  transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
}

header.fixed #timer .zone {
  border-color: #999;
}

header.fixed #timer .zone .digit {
  padding-top: 5px;
  font-size: 20px;
  transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
}

header.fixed #timer .zone .label {
  font-size: 10px;
  transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
}

/*Timer*/
#timer {
  display: none !important;
  position: absolute;
  color: #fff;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 20;
}
@media only screen and (min-width: 1200px) {
  #timer {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  #timer {
    top: 100px;
  }
}
#timer .zone {
  display: inline-block;
  border-right: 1px solid #340053;
  padding: 0 5px;
}
#timer .zone .digit {
  font-family: "Montserrat", sans-serif;
  color: #fe0000;
  display: block;
  font-size: 18px;
  font-weight: 800;
}
#timer .zone .label {
  text-transform: uppercase;
  font-size: 13px;
}

/* general */
.rlwc-top-border-grad {
  border-top: 7px solid transparent;
  border-image: linear-gradient(to right, #e40a21 0px, #fc5d03 100%);
  border-image-slice: 1;
}

.rlwc-grad {
  background: linear-gradient(to right, #e40a21, #fc5d03);
}

.rlwc-box-shadow {
  box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1);
}

.btn.positive {
  color: #333;
}

.rlwc-svg-gradient {
  fill: url(#rlwc-gradient);
}

svg.full-top {
  width: 100%;
  height: 14vw;
  max-height: 350px;
}

.relative {
  position: relative;
}

.hero .text-hold {
  text-align: left;
  padding-left: 8vw;
  bottom: 13vw;
}

.hero h2, .hero h3 {
  padding: 0;
  margin: 0;
}

img {
  display: block;
}

.text-plugin img, .text-image-plugin img, .tiv img {
  display: inline-block;
}

.container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

div.container div.row > div.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.article-hero h1 {
  font-family: "rlwc";
  color: #fff;
}

.article-hero .text-overlays {
  position: absolute;
  width: 70%;
  bottom: 300px;
  margin-left: 10vw;
}

.article-hero .hero-overlay h1 {
  display: none;
  text-shadow: 0px 0px 15px #333;
  letter-spacing: 0px;
  line-height: 5vw;
  font-size: 6vw;
}

.article-hero .hero-overlay h1:after {
  content: "";
  width: 200px;
  height: 6px;
  background: linear-gradient(to right, #e40a21, #fc5d03);
  position: absolute;
  display: block;
}

.article-hero .hero-overlay h3 {
  display: none;
  padding-right: 100px;
  margin-top: 20px;
  text-shadow: 0px 0px 15px #333;
  letter-spacing: 0px;
  line-height: 2vw;
  font-size: 1.5vw;
  color: #fff;
}

.article-hero .article-story-row H3 {
  text-transform: none;
  line-height: 1.8rem;
  font-size: 22px;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
}

.article-hero .article-story-row h1 {
  color: #e40a21;
  letter-spacing: 0px;
  font-weight: 100;
  line-height: 2rem;
  font-size: 2.5rem;
}

.article-hero .article-story-row P.date {
  margin-bottom: 0px;
}

.article-hero .news-image-wrap P.date {
  color: #fff;
  position: relative;
  top: -20px;
  padding: 4px;
  width: 120px;
}

.article-hero .news-image-wrap {
  background: #000;
  overflow: hidden;
}

.article-hero .hero-overlay {
  width: 100%;
}

.article-hero .news-image-wrap, .article-hero .hero-overlay, .article-hero .hero-article-image {
  height: 350px;
  min-height: 400px;
  max-height: 1000px;
} /* this is the only height needs changing for each screen size */
.article-hero .news-image-wrap svg {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 14vw;
  max-height: 350px;
}

.article-hero .news-image-wrap polygon.red {
  fill: url(#rlwc-gradient);
}

.article-hero .news-image-wrap .social {
  background: #fff;
  width: 60px;
  height: 100px;
  position: absolute;
  z-index: 10;
  bottom: 23px;
}

.article-hero .news-image-wrap .social p {
  font-size: 0.8rem;
}

.article-hero .news-image-wrap .social i {
  font-size: 1.3em;
  color: #e40a21;
}

.article-hero .news-image-wrap .social .row {
  height: 100px;
  color: #e40a21;
}

.article-hero .article-story-row blockquote {
  color: #222;
  margin: 20px;
  max-width: none;
  font-style: normal;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.5rem;
  border-right: none;
  border-left: 6px #ccc solid;
}

.article-hero .news-image-wrap .social-footer {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 60px 0 0px;
  border-color: #e40a21 transparent transparent transparent;
  position: absolute;
  bottom: 10px;
}

.article-hero .hero-article-image {
  position: absolute;
  z-index: 10;
  opacity: 0.7;
  display: block;
  width: 100vw;
  object-fit: cover;
}

.article-hero .hero-overlay {
  position: absolute;
  z-index: 11;
}

.article-feature .article-story-row {
  margin-top: 20px;
}

.article-feature .feature-more {
  position: absolute;
  right: 150px;
  bottom: 150px;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.4);
}

.article-story-row p {
  text-align: left !important;
}

.article-standard p.date {
  background: #5a0fa0;
  color: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 20px;
}

.article-story-row h3 {
  text-align: left;
  font-weight: 400;
}

/* ============= rlwc key facts ========== */
.card-icons .card {
  background: none;
  text-align: center;
}

.card-icons .card img {
  width: 120px;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}

.card-icons .card h3.card-title {
  color: #fff;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0px;
}

.card-icons .card {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.ign-row-content-light .card h3.card-title {
  color: #fff !important;
}

/* ============= card lists ========== */
.card-list img {
  max-width: 120px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.card-list h3 {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.card-list .card-item {
  padding: 20px 0 20px 0;
}

.card-list .card-item:after {
  content: " ";
  border-bottom: 2px dotted #fff;
  width: 100%;
  height: 10px;
  display: block;
  opacity: 0.3;
  margin-top: 10px;
}

.host-cards .host-subtext {
  margin-left: 1rem;
  font-size: 12px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .host-cards .host-subtext {
    font-size: 20px;
  }
}

/* ============= top news twitter feed plugin ========== */
.top-news-with-social-plugin .top-story h4.card-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  max-width: 100%;
  font-size: 20px;
  line-height: 25px;
  padding-top: 10px; /*text-shadow: 0px 0px 10px #222;*/
}

.top-news-with-social-plugin .top-story p.date {
  background: linear-gradient(to right, #5a0fa0, #400b73);
  font-size: 0.8rem;
}

.top-news-with-social-plugin .ign-news-twitter-feed {
  min-height: 600px;
}

.top-news-with-social-plugin .twitter-block {
  overflow-y: scroll;
  height: 58vw;
  -webkit-overflow-scrolling: touch;
}

.top-news-with-social-plugin .card-img-overlay {
  padding-bottom: 0.5rem;
}

/* ============= news grid =============== */
.sub-stories h4.card-title a {
  line-height: 1.3rem;
  font-size: 1rem;
  color: #000;
  text-align: left;
  font-weight: 400;
  margin-top: 10px;
  display: block;
}

.sub-stories .card-body {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
}

.sub-stories .card {
  box-shadow: none !important;
}

.sub-stories .time {
  font-size: 0.8rem;
  background: linear-gradient(to right, #5a0fa0, #400b73);
  color: #ffffff !important;
  padding: 5px 10px;
  margin-bottom: 20px;
}

.ign-news-grid-content h4.card-title a {
  line-height: 1.3rem;
  font-size: 1rem;
  color: #000;
  text-align: left;
  font-weight: 400;
  margin-top: 10px;
  display: block;
}

.ign-news-grid-content .card-body {
  padding-left: 20px;
  padding-top: 0px;
  padding-right: 20px;
}

.ign-news-grid-content .card {
  box-shadow: none !important;
}

.ign-news-grid-content .time {
  font-size: 0.8rem;
  background: linear-gradient(to right, #5a0fa0, #400b73);
  color: #ffffff !important;
  padding: 5px 10px;
  text-align: center;
}

.ign-news-grid-content i {
  display: none;
}

.home-feature .hold H1 {
  font-family: "rlwc", sans-serif !important;
  font-weight: 400;
  text-align: left;
}

.home-feature .hold-mobile H1 {
  font-family: "rlwc", sans-serif !important;
  font-weight: 400;
}

.home-feature .hold P {
  text-align: left;
}

.home-feature .article {
  padding-left: 60px;
}

.home-feature .controls-hold .controls {
  display: flex !important;
  position: absolute;
  padding: 1rem;
  top: 0;
  right: 0;
  z-index: 100;
}
@media (min-width: 992px) {
  .home-feature .controls-hold .controls {
    padding: 2rem;
  }
}
.home-feature .controls-hold .controls button {
  background: none;
  border: none;
  font-size: 24px;
  margin-right: 0.5rem;
}
@media (min-width: 992px) {
  .home-feature .controls-hold .controls button {
    font-size: 40px;
  }
}
.home-feature .controls-hold .controls button.inactive {
  color: #c2c2c2;
}
.home-feature .controls-hold .controls button.active {
  color: #ffffff;
}
.home-feature .controls-hold .controls button.active i:before {
  content: "\f6a8";
}
.home-feature .controls-hold .controls button:focus {
  outline: none;
}

/* ============= footer ========== */
footer {
  min-height: 660px;
  overflow: hidden;
}

footer img.logo {
  width: 200px;
}

footer a:hover {
  color: #fff;
}

footer ul li {
  padding-bottom: 6px;
}

footer h4 {
  font-family: "rlwc", sans-serif;
  font-weight: normal;
  font-size: 2rem;
}

footer svg {
  position: absolute;
  bottom: 0px;
  height: 130px;
  width: 100%;
}

footer row {
  position: relative;
}

footer .trophy-hold {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 30%;
  overflow: hidden;
  max-width: 526px;
}

footer p.back-to-top {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 20;
}

footer p.back-to-top a {
  color: #fff;
}

/* ============= Home Mens Womens Wheelchair =============== */
.mens-womens-wheelchair-plugin .card {
  position: relative;
  width: 100%;
  top: -17vw;
  z-index: 10;
  border-top: 7px solid #fd2b02;
  z-index: 20; /*border-top: 7px solid transparent; border-image: linear-gradient(to right, #e40a21 0px, #fc5d03 100% );border-image-slice: 1;*/
}

.mens-womens-wheelchair-plugin .card {
  max-height: 600px;
}

.mens-womens-wheelchair-plugin .card .logo-hold {
  width: 200px;
  margin: auto;
  opacity: 0;
  height: 0px;
}

.mens-womens-wheelchair-plugin .card .intro {
  color: #fff !important;
  opacity: 0;
  height: 0px;
}

/* ============= inspired community grahpic =============== */
.inspired-community-graphic .holder {
  margin: auto;
  width: 100%;
  max-width: 900px;
  position: relative;
  height: 75vw;
}

.inspired-community-graphic .holder img.trophy {
  width: 30vw;
  left: 32%;
  margin-top: 13%;
  position: absolute;
}

.inspired-community-graphic .holder img {
  width: 30vw;
}

.inspired-community-graphic img.festival {
  position: absolute;
  left: 1%;
  top: 0px;
}

.inspired-community-graphic img.international {
  position: absolute;
  left: 37%;
  top: -10px;
}

.inspired-community-graphic img.schools-programme {
  position: absolute;
  left: 1%;
  top: 30%;
}

.inspired-community-graphic img.one-game {
  position: absolute;
  left: 1%;
  top: 50%;
  width: 30vw;
}

.inspired-community-graphic img.trophy-tour {
  position: absolute;
  right: 5%;
  top: 50%;
  width: 35%;
}

.inspired-community-graphic img.health {
  position: absolute;
  right: 0%;
  top: 25%;
  width: 26vw;
}

.inspired-community-graphic img.culture {
  position: absolute;
  right: 5%;
  top: 6%;
  width: 30%;
}

.tt_landing__title {
  max-width: 375px !important;
}

.tt_map__description__title {
  max-width: 375px !important;
}

.trophy-tracker .tt_title, .tt_title .typed, h1 {
  font-family: "rlwc", sans-serif !important;
  font-size: 20px !important;
  line-height: 30px !important;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #fe0000;
  border-color: #fe0000;
}

.page-item .page-link {
  color: #fe0000;
}

.mens-womens-wheelchair .card-img-overlay {
  top: 0;
}

.mens-womens-wheelchair .tournaments {
  width: 100%;
}

.mens-womens-wheelchair .tournaments img {
  max-width: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hero.darken-image img.full-image {
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  top: 0px;
}

.modal-body img.full-image {
  max-width: 100% !important;
}

.matchreport.matchreportheader img.teambadge {
  max-width: 100px !important;
  padding: 10px;
}

.form .lost, .form .loss, .form .Loss {
  color: #fe0000;
  font-size: 6px;
}

.form .won, .form .Won {
  color: #4cee41;
  font-size: 6px;
}

.sl-mbu {
  font-family: "rlwc", sans-serif;
  font-size: 30px;
}

.sl-lbu {
  font-family: "rlwc", sans-serif;
  font-size: 40px;
}
@media (min-width: 992px) {
  .sl-lbu {
    font-size: 60px;
  }
}

.ign-row-content-light .sl-lbu, .ign-row-content-light .sl-mbu, .ign-row-content-light .sl-slu, .ign-row-content-light .sl-ssu {
  color: #ffffff !important;
}

.sl-slu {
  font-size: 10px;
  font-weight: 400;
}

.sl-ssu {
  font-size: 12px;
  font-weight: 400;
}

.ign-row-content-light .lineup .pitch .pitchhold span.name {
  color: #ffffff;
}

.stat-graphs .table th {
  font-size: 12px;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}

.stat-graphs .table th, .stat-graphs td {
  text-align: center;
  vertical-align: middle;
  border-top: 0px;
  border-bottom: 0px !important;
}

.ign-row-content-light .stat-graphs .table td, .ign-row-content-light .stat-graphs .table th {
  color: #fff !important;
}

#cazoologo {
  position: absolute;
  top: 30px;
  float: left;
  margin-left: 160px;
}
@media (min-width: 576px) {
  #cazoologo {
    top: 30px;
    margin-left: 190px;
  }
}

header.fixed #cazoologo {
  top: 0px;
  margin-left: 0;
}

#cazoologo .cazoo {
  width: 80px;
}
@media (min-width: 576px) {
  #cazoologo .cazoo {
    width: 100px;
  }
}
@media (min-width: 992px) {
  #cazoologo .cazoo {
    width: 110px;
  }
}

.groups a.link {
  color: #5a0fa0;
  font-weight: 600;
  margin-bottom: 20px;
  margin-right: 20px;
  display: inline-block;
}

.groups .table {
  background-color: #fff;
  margin-top: 20px;
}

.groups .table th {
  background-color: #e40a21;
}

.groups .table th.women {
  background-color: #ff6a00 !important;
}

.groups .table th.wheelchair {
  background-color: #ffc800;
}

.groups .table th H3 {
  color: #fff !important;
  font-weight: 600;
}

.groups .table img {
  width: 35px;
}

.groups .table td {
  vertical-align: middle;
}

.match-center-slider {
  height: 280px;
}

.tournament-schedule {
  color: #ffffff;
  position: relative;
}
@media (max-width: 991.98px) {
  .tournament-schedule {
    display: block;
    max-width: 160px;
    margin: 0 auto;
    margin-top: -80px;
  }
}
@media (min-width: 768px) {
  .tournament-schedule {
    margin-top: -64px;
  }
}

a.tournament-schedule {
  text-decoration: underline;
}
a.tournament-schedule:hover {
  color: #fff;
}

.live .live-hold {
  width: 100%;
  font-size: 10px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  padding-top: 20px;
  color: #5a0fa0;
}

.live .live-hold span {
  padding: 0px;
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 1px;
  animation-name: pulse;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.live .live-hold span.item1 {
  animation-delay: 0.4s;
}

.live .live-hold span.item2 {
  animation-delay: 0.8s;
}

.live .live-hold span.item3 {
  animation-delay: 1.2s;
}

.live .live-hold span.item4 {
  animation-delay: 1.6s;
}

.wow-visible {
  visibility: visible !important;
}

@keyframes pulse {
  0%, 100% {
    background-color: #ffffff;
  }
  50% {
    background-color: #FF4136;
  }
}
.droopmenu-indicator {
  display: none !important;
}

.droopmenu-navbar.droopmenu-offcanvas .droopmenu-with-icon.flex-column span {
  font-weight: bold;
}

/* == MEDIA QUERIES ================================================================= */
@media only screen and (min-width: 767px) {
  .news-feature-plugin .slick-feature-slider h2 {
    font-size: 60px;
    max-width: 80%;
    color: #ffffff;
    letter-spacing: 0px;
  }
  .news-feature-plugin .slick-feature-slider .feature-content {
    top: 170px;
    left: 8vw;
  }
  img.logo {
    width: 180px;
  }
  .slick-prev, .slick-next {
    top: 50%;
  }
  .text-plugin h2 {
    font-size: 30px;
    font-weight: 400;
  }
  .hero h2 {
    font-size: 40px;
    width: 50%;
    color: #ffffff;
    text-align: left;
  }
  .hero h2::after {
    display: none;
  }
  p.larger-text {
    font-size: 2vw;
  }
  .inspired-community-graphic img.trophy {
    margin: auto;
    margin-top: 13%;
  }
  .inspired-community-graphic .holder img {
    width: 20vw;
  }
  .inspired-community-graphic .holder {
    height: 60vw;
  }
  .rlwc-hero .image-holder {
    background: #000;
  }
  .rlwc-hero h3, .rlwc-hero .overlay-text p {
    color: #fff;
  }
  .article-hero .news-image-wrap, .article-hero .hero-overlay, .article-hero .hero-article-image {
    height: 480px;
    min-height: 480px;
    max-height: 1000px;
  } /* this is the only height needs changing for each screen size */
  .article-hero .hero-overlay h1 {
    top: 100px;
    display: none;
  }
  .article-hero .news-image-wrap .social {
    width: 40vw;
    max-width: 500px;
  }
  .article-hero .news-image-wrap .social-footer {
    border-width: 20px 20vw 0 0px;
  }
  .article-hero .news-image-wrap .social i {
    font-size: 2em;
  }
  .article-hero .news-image-wrap .social p {
    font-size: 1rem;
  }
  .article-feature-mobile-text {
    display: none;
  }
  .top-news-with-social-plugin .top-story h4.card-title {
    font-size: 3vw;
    line-height: 3.3vw;
  }
  footer .column-left {
    border-right: 1px solid #666;
  }
  .rlwc-hero .overlay-text {
    position: absolute;
    top: auto;
    bottom: 15vw;
    width: 70%;
    padding: 0px;
    line-height: 4rem;
  }
  .rlwc-hero .overlay-text p {
    font-size: 18px;
  }
  .rlwc-hero svg.mobile {
    display: none;
  }
  .rlwc-hero.darken-image img.main-img {
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
  }
  .rlwc-hero .overlay-text p {
    letter-spacing: 0px;
  }
  .rlwc-hero h3 {
    line-height: 80%;
    width: 100%;
  }
  .rlwc-hero .image-holder {
    max-height: 450px;
  }
  .card-list h3 {
    font-size: 2rem;
    line-height: 2.3rem;
  }
  .article-hero .article-story-row h1 {
    display: block;
  }
  .rlwc-hero .overlay-text:after {
    display: block;
  }
  .card-img-overlay h3.card-title {
    font-size: 20px;
  }
  .mens-womens-wheelchair .tournaments img {
    max-width: 60px;
  }
  .rlwc-home-video H2 {
    font-size: 45px;
  }
  .rlwc-home-video P {
    font-size: 15px;
    line-height: 100%;
  }
}
@media only screen and (min-width: 991px) {
  .news-feature-plugin .slick-feature-slider h2 {
    font-size: 6.5vw;
    max-width: 80%;
    letter-spacing: 0px;
  }
  .news-feature-plugin .slick-feature-slider h3 {
    font-size: 25px;
  }
  .home-row1 .herohold .hero-stats {
    margin-top: 300px;
    max-width: 360px;
  }
  .article-standard H1 {
    font-size: 60px;
    letter-spacing: 0px;
  }
  .news-feature-plugin .slick-feature-slider .feature-content {
    left: 6vw;
  }
  .article-story-row H1 {
    letter-spacing: 0px;
    font-size: 65px;
  }
  p.larger-text {
    font-size: 18px;
  }
  .card-img-overlay h3.card-title {
    font-size: 4vw;
  }
  .home-row1 .statement-hold {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .card .card-text {
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 15px;
  }
  .links-go.image-plugin .card .card-text {
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 15px;
    text-transform: none;
  }
  .home-row1 .statement h2, .home-row-hosts.statement h2 {
    font-size: 4vw;
  }
  .home-row-hosts .statement p {
    max-width: 80%;
  }
  .home-row1 .herohold .image-hold {
    height: 600px;
  }
  .home-row1 .slideshow, .home-row1 .slideshow-static {
    height: 600px;
  }
  .btn {
    padding: 10px 40px;
  }
  .card-img-overlay h3.card-title {
    font-size: 30px !important;
  }
  .card h3.card-title {
    font-size: 20px;
  }
  .card-img-overlay {
    text-align: center;
    top: 25%;
  }
  .mens-womens-wheelchair-plugin .card-img-overlay {
    top: 0;
  }
  .mens-womens-wheelchair .card-img-overlay {
    top: 0;
  }
  .downloads li {
    width: 45%;
  }
  .text-plugin h3, .text-image-plugin h3 {
    font-size: 35px;
  }
  .home-row1 .statement-hold {
    margin-top: 0px;
  }
  .hero h2 {
    font-size: 60px;
    width: 100%;
  }
  .article-hero .news-image-wrap .social {
    bottom: 60px;
  }
  .article-hero .news-image-wrap .social-footer {
    bottom: 70px;
  }
  .top-news-with-social-plugin .top-story h4.card-title {
    font-size: 2vw;
    line-height: 2.2vw;
  }
  img.logo {
    width: 180px;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
  }
  .container {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .inspired-community-graphic .holder {
    height: 660px;
  }
  .inspired-community-graphic img.trophy-tour {
    position: absolute;
    right: 2%;
    top: 55%;
    width: 35%;
  }
  .text-plugin h2 {
    font-size: 40px;
    font-weight: 400;
  }
  .mens-womens-wheelchair .tournaments img {
    max-width: 80px;
  }
  .matchreport.matchreportheader img.teambadge {
    max-width: 200px !important;
  }
}
@media only screen and (min-width: 1050px) {
  header #timer {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .card-img-overlay .flag-icon {
    width: 50px;
    height: 38px;
    margin-bottom: 10px;
  }
  .article-hero .hero-overlay h3 {
    display: none;
  }
  .article-hero .text-overlays {
    bottom: 300px;
  }
  .article-hero .hero-overlay h1 {
    line-height: 3.2rem;
    font-size: 4rem;
  }
  .top-news-with-social-plugin .top-story h4.card-title {
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .mens-womens-wheelchair-plugin .card {
    position: absolute;
    width: auto;
    max-height: auto;
  }
  .article-hero .news-image-wrap, .article-hero .hero-overlay, .article-hero .hero-article-image {
    height: 550px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  } /* this is the only height needs changing for each screen size */
  .inspired-community-graphic .holder {
    height: 680px;
  }
  .inspired-community-graphic .holder img.trophy {
    margin: auto;
    margin-top: 88px;
    width: 300px;
  }
  .inspired-community-graphic .holder img {
    width: 200px;
  }
  .inspired-community-graphic img.festival {
    position: absolute;
    left: 1%;
    top: 0px;
  }
  .inspired-community-graphic img.international {
    position: absolute;
    left: 37%;
    top: -10px;
  }
  .inspired-community-graphic img.schools-programme {
    position: absolute;
    left: 20px;
    top: 170px;
  }
  .inspired-community-graphic img.one-game {
    position: absolute;
    left: 20px;
    top: 322px;
  }
  .inspired-community-graphic img.trophy-tour {
    position: absolute;
    right: 30px;
    top: 400px;
  }
  .inspired-community-graphic img.health {
    position: absolute;
    right: 20px;
    top: 185px;
  }
  .inspired-community-graphic img.culture {
    position: absolute;
    right: 70px;
    top: 25px;
  }
  .rlwc-hero .image-holder {
    max-height: 600px;
  }
  .rlwc-hero .overlay-text {
    bottom: 15vw;
  }
  .rlwc-hero h3 {
    font-size: 90px;
  }
  .text-plugin h2 {
    font-size: 40px;
    font-weight: 400;
  }
  .rlwc-home-video H2 {
    font-size: 80px;
  }
  .mens-womens-wheelchair .tournaments img {
    max-width: 150px;
  }
  footer {
    background: url("/themes/rlwc/_img/bg_footer.svg") #552e8d no-repeat;
    color: #ffffff;
    background-size: 100% auto;
    padding-top: 6vw;
  }
  .hero h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .droopmenu-indicator {
    display: block !important;
  }
}
@media only screen and (min-width: 1600px) {
  .news-feature-plugin .slick-feature-slider h2 {
    font-size: 105px;
  }
  p.larger-text {
    font-size: 22px;
  }
  .news-feature-plugin .slick-feature-slider h3 {
    font-size: 30px;
  }
  .hero h2 {
    font-size: 100px;
  }
  .rlwc-home-video .text-hold H2 {
    font-size: 100px;
  }
  .article-hero .text-overlays {
    bottom: 380px;
  }
  .article-hero .hero-overlay h1 {
    line-height: 4rem;
    font-size: 5rem;
  }
  .top-news-with-social-plugin .top-story h4.card-title {
    font-size: 2rem;
    line-height: 1.5rem;
  }
  .top-news-with-social-plugin .twitter-block {
    overflow-y: scroll;
    height: 900px;
  }
  .mens-womens-wheelchair-plugin .card {
    top: -300px;
  }
  .rlwc-hero .image-holder {
    max-height: 700px;
  }
  .article-hero .news-image-wrap, .article-hero .hero-overlay, .article-hero .hero-article-image {
    height: 700px;
  } /* this is the only height needs changing for each screen size */
  .hero .text-hold {
    bottom: 9vw;
  }
  .text-plugin h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 90%;
  }
  .mens-womens-wheelchair .tournaments img {
    max-width: 180px;
  }
  .rlwc-home-video H2 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1800px) {
  .article-hero .news-image-wrap .social {
    bottom: 90px;
  }
  .article-hero .news-image-wrap .social-footer {
    bottom: 170px;
  }
}
.row.ign-content-row .home-feature-video {
  margin-bottom: 1rem;
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .row.ign-content-row .home-feature-video {
    margin-bottom: 5rem;
  }
}
.row.ign-content-row .home-feature-video + .home-feature-latest-news {
  margin-top: -50px;
}

.fs-20 {
  display: flex;
  margin-left: auto;
  margin-right: 0;
}
@media (min-width: 1200px) {
  .fs-20 {
    display: none !important;
  }
}
.fs-20 a {
  color: #ffffff !important;
  margin-right: 0.5rem !important;
}
@media (min-width: 768px) {
  .fs-20 a {
    margin-right: 1rem !important;
  }
}
.fs-20 a > i {
  font-size: 20px;
}
@media (min-width: 768px) {
  .fs-20 a > i {
    font-size: 25px;
  }
}

#reciteme {
  position: fixed;
  bottom: 7px;
  cursor: pointer;
  left: auto;
  right: auto !important;
  width: 100%;
  max-width: 50px;
  margin-left: 10px;
  z-index: 99999 !important;
}
@media (min-width: 992px) {
  #reciteme {
    max-width: 150px;
  }
}

.small-ticket {
  padding: 5px 10px;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}
.small-ticket.schedule-button {
  min-width: 104px;
  margin-bottom: 0.25rem;
}
.small-ticket.grid-slider-button {
  font-size: 8px;
  font-weight: bold;
  text-transform: uppercase;
  min-width: 90px;
}

body.overflow-hidden .slick-list {
  overflow: hidden;
}
body.overflow-hidden .slick-list .slick-track {
  overflow: hidden;
}
body.overflow-hidden .slick-list .slick-track .slick-slide:not([data-slick-index="0"]) {
  display: none !important;
}

.fb-render select {
  display: block !important;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/*flip card*/
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card-inner .flip-card {
  display: none;
}
.flip-card-inner .flip-card.flip-card-front, .flip-card-inner .flip-card.flip-card-back {
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.flip-card-inner .flip-card.flipped {
  display: block;
}
.flip-card-inner .flip-card button {
  cursor: pointer;
}

.thead-dark:not(.reverse-purple) {
  background: #5A0EA2;
  color: #ffffff;
}
.thead-dark.reverse-purple {
  background: #ffffff;
  color: #5A0EA2;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.home-feature-latest-news.main-subs .main-subs-col {
  padding-left: 0;
  padding-right: 0;
}
.home-feature-latest-news.main-subs .main-subs-col img {
  height: 100%;
}
@media (min-width: 576px) {
  .home-feature-latest-news.main-subs .main-subs-col {
    padding-left: 6px;
    padding-right: 6px;
  }
  .home-feature-latest-news.main-subs .main-subs-col img {
    height: auto;
  }
  .home-feature-latest-news.main-subs .main-subs-col h2 {
    font-size: 35px;
  }
}
@media (max-width: 767.98px) {
  .home-feature-latest-news.main-subs .main-subs-col .card {
    flex-direction: row;
  }
  .home-feature-latest-news.main-subs .main-subs-col .card .zoom {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .home-feature-latest-news.main-subs .main-subs-col .card .card-body {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 1rem;
  }
  .home-feature-latest-news.main-subs .main-subs-col .card .card-body h2 {
    font-size: 0.95rem !important;
  }
  .home-feature-latest-news.main-subs .main-subs-col .card .card-body .text-purple {
    line-height: 1.1rem;
  }
  .home-feature-latest-news.main-subs .main-subs-col .card .card-body p {
    display: none;
  }
}

.report-header .grid-slider-button {
  display: none;
}

.matchreport.commentary p {
  text-transform: none;
  font-weight: 400;
}

.matchreport.commentary p.badge {
  background-color: #fe0000;
  font-family: "rlwc";
  color: #fff;
  font-weight: normal;
  border: 0px !important;
  font-size: 15px;
  padding-top: 6px;
}

.matchreport.commentary .head-shot {
  border-radius: 50%;
  border: 2px solid #f1f1f1;
}

.matchreport.commentary .head-shot img {
  width: 100%;
}

.matchreport .team-stats-report .row.title h2.row-title {
  font-size: 20px !important;
}

.matchreport .stats-holder .home-stat, .matchreport .stats-holder .away-stat {
  font-family: "rlwc", sans-serif;
}

.matchreport .player-stats th.player-name, .matchreport .player-stats td.player-name {
  text-transform: none;
  font-weight: 600;
  font-size: 15px;
  color: #5a0fa0;
}

.matchreport .player-stats td {
  font-weight: 600;
  font-size: 15px;
  color: #000;
}

.disciplinary.case-info h1 {
  color: #5a0ea2;
  font-size: 30px !important;
  border-bottom: 1px solid #cccccc;
}

.disciplinary.case-info h3 {
  font-weight: bold;
  color: #5a0ea2;
  font-size: 12px;
  margin-top: 20px;
}

.disciplinary.case-info h2 {
  font-weight: bold;
  color: #5a0ea2;
  font-size: 16px;
  margin-top: 40px !important;
  border-bottom: 1px solid #cccccc;
}

.disciplinary.case-info p {
  font-weight: 600;
  font-size: 18px;
}

#disciplinaryTable th {
  font-weight: bold;
  color: #5a0ea2;
}

#disciplinaryTable td {
  font-weight: 500;
}

#disciplinaryTable a {
  color: #5a0ea2;
  text-decoration: underline;
}

#disciplinaryTable a:HOVER {
  color: #000;
}

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