@charset "UTF-8";
/* faster when compiling than including all bootstrap */
/* the following have been included from the MTB library to style form elements */
.md-form {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.md-form input:not([type]),
.md-form input[type=text]:not(.browser-default),
.md-form input[type=password]:not(.browser-default),
.md-form input[type=email]:not(.browser-default),
.md-form input[type=url]:not(.browser-default),
.md-form input[type=time]:not(.browser-default),
.md-form input[type=date]:not(.browser-default),
.md-form input[type=datetime]:not(.browser-default),
.md-form input[type=datetime-local]:not(.browser-default),
.md-form input[type=tel]:not(.browser-default),
.md-form input[type=number]:not(.browser-default),
.md-form input[type=search]:not(.browser-default),
.md-form input[type=phone]:not(.browser-default),
.md-form input[type=search-md],
.md-form textarea.md-textarea {
  box-sizing: content-box;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ced4da;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  transition: all 0.3s;
}
.md-form input:not([type]):focus:not([readonly]),
.md-form input[type=text]:not(.browser-default):focus:not([readonly]),
.md-form input[type=password]:not(.browser-default):focus:not([readonly]),
.md-form input[type=email]:not(.browser-default):focus:not([readonly]),
.md-form input[type=url]:not(.browser-default):focus:not([readonly]),
.md-form input[type=time]:not(.browser-default):focus:not([readonly]),
.md-form input[type=date]:not(.browser-default):focus:not([readonly]),
.md-form input[type=datetime]:not(.browser-default):focus:not([readonly]),
.md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.md-form input[type=tel]:not(.browser-default):focus:not([readonly]),
.md-form input[type=number]:not(.browser-default):focus:not([readonly]),
.md-form input[type=search]:not(.browser-default):focus:not([readonly]),
.md-form input[type=phone]:not(.browser-default):focus:not([readonly]),
.md-form input[type=search-md]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #4285f4;
  box-shadow: 0 1px 0 0 #4285f4;
}
.md-form input:not([type]):focus:not([readonly]) + label,
.md-form input[type=text]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=password]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=email]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=url]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=time]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=date]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=number]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=search]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=phone]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type=search-md]:focus:not([readonly]) + label,
.md-form textarea.md-textarea:focus:not([readonly]) + label {
  color: #4285f4;
}
.md-form input:not([type]) + label::after,
.md-form input[type=text]:not(.browser-default) + label::after,
.md-form input[type=password]:not(.browser-default) + label::after,
.md-form input[type=email]:not(.browser-default) + label::after,
.md-form input[type=url]:not(.browser-default) + label::after,
.md-form input[type=time]:not(.browser-default) + label::after,
.md-form input[type=date]:not(.browser-default) + label::after,
.md-form input[type=datetime]:not(.browser-default) + label::after,
.md-form input[type=datetime-local]:not(.browser-default) + label::after,
.md-form input[type=tel]:not(.browser-default) + label::after,
.md-form input[type=number]:not(.browser-default) + label::after,
.md-form input[type=search]:not(.browser-default) + label::after,
.md-form input[type=phone]:not(.browser-default) + label::after,
.md-form input[type=search-md] + label::after,
.md-form textarea.md-textarea + label::after {
  position: absolute;
  top: 65px;
  display: block;
  content: "";
  opacity: 0;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
}
.md-form input:not([type]).valid, .md-form input:not([type]):focus.valid,
.md-form input[type=text]:not(.browser-default).valid,
.md-form input[type=text]:not(.browser-default):focus.valid,
.md-form input[type=password]:not(.browser-default).valid,
.md-form input[type=password]:not(.browser-default):focus.valid,
.md-form input[type=email]:not(.browser-default).valid,
.md-form input[type=email]:not(.browser-default):focus.valid,
.md-form input[type=url]:not(.browser-default).valid,
.md-form input[type=url]:not(.browser-default):focus.valid,
.md-form input[type=time]:not(.browser-default).valid,
.md-form input[type=time]:not(.browser-default):focus.valid,
.md-form input[type=date]:not(.browser-default).valid,
.md-form input[type=date]:not(.browser-default):focus.valid,
.md-form input[type=datetime]:not(.browser-default).valid,
.md-form input[type=datetime]:not(.browser-default):focus.valid,
.md-form input[type=datetime-local]:not(.browser-default).valid,
.md-form input[type=datetime-local]:not(.browser-default):focus.valid,
.md-form input[type=tel]:not(.browser-default).valid,
.md-form input[type=tel]:not(.browser-default):focus.valid,
.md-form input[type=number]:not(.browser-default).valid,
.md-form input[type=number]:not(.browser-default):focus.valid,
.md-form input[type=search]:not(.browser-default).valid,
.md-form input[type=search]:not(.browser-default):focus.valid,
.md-form input[type=phone]:not(.browser-default).valid,
.md-form input[type=phone]:not(.browser-default):focus.valid,
.md-form input[type=search-md].valid,
.md-form input[type=search-md]:focus.valid,
.md-form textarea.md-textarea.valid,
.md-form textarea.md-textarea:focus.valid {
  border-bottom: 1px solid #00c851;
  box-shadow: 0 1px 0 0 #00c851;
}
.md-form input:not([type]).valid + label:after, .md-form input:not([type]):focus.valid + label:after,
.md-form input[type=text]:not(.browser-default).valid + label:after,
.md-form input[type=text]:not(.browser-default):focus.valid + label:after,
.md-form input[type=password]:not(.browser-default).valid + label:after,
.md-form input[type=password]:not(.browser-default):focus.valid + label:after,
.md-form input[type=email]:not(.browser-default).valid + label:after,
.md-form input[type=email]:not(.browser-default):focus.valid + label:after,
.md-form input[type=url]:not(.browser-default).valid + label:after,
.md-form input[type=url]:not(.browser-default):focus.valid + label:after,
.md-form input[type=time]:not(.browser-default).valid + label:after,
.md-form input[type=time]:not(.browser-default):focus.valid + label:after,
.md-form input[type=date]:not(.browser-default).valid + label:after,
.md-form input[type=date]:not(.browser-default):focus.valid + label:after,
.md-form input[type=datetime]:not(.browser-default).valid + label:after,
.md-form input[type=datetime]:not(.browser-default):focus.valid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).valid + label:after,
.md-form input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
.md-form input[type=tel]:not(.browser-default).valid + label:after,
.md-form input[type=tel]:not(.browser-default):focus.valid + label:after,
.md-form input[type=number]:not(.browser-default).valid + label:after,
.md-form input[type=number]:not(.browser-default):focus.valid + label:after,
.md-form input[type=search]:not(.browser-default).valid + label:after,
.md-form input[type=search]:not(.browser-default):focus.valid + label:after,
.md-form input[type=phone]:not(.browser-default).valid + label:after,
.md-form input[type=phone]:not(.browser-default):focus.valid + label:after,
.md-form input[type=search-md].valid + label:after,
.md-form input[type=search-md]:focus.valid + label:after,
.md-form textarea.md-textarea.valid + label:after,
.md-form textarea.md-textarea:focus.valid + label:after {
  color: #00c851;
  content: attr(data-success);
  opacity: 1;
}
.md-form input:not([type]).invalid, .md-form input:not([type]):focus.invalid,
.md-form input[type=text]:not(.browser-default).invalid,
.md-form input[type=text]:not(.browser-default):focus.invalid,
.md-form input[type=password]:not(.browser-default).invalid,
.md-form input[type=password]:not(.browser-default):focus.invalid,
.md-form input[type=email]:not(.browser-default).invalid,
.md-form input[type=email]:not(.browser-default):focus.invalid,
.md-form input[type=url]:not(.browser-default).invalid,
.md-form input[type=url]:not(.browser-default):focus.invalid,
.md-form input[type=time]:not(.browser-default).invalid,
.md-form input[type=time]:not(.browser-default):focus.invalid,
.md-form input[type=date]:not(.browser-default).invalid,
.md-form input[type=date]:not(.browser-default):focus.invalid,
.md-form input[type=datetime]:not(.browser-default).invalid,
.md-form input[type=datetime]:not(.browser-default):focus.invalid,
.md-form input[type=datetime-local]:not(.browser-default).invalid,
.md-form input[type=datetime-local]:not(.browser-default):focus.invalid,
.md-form input[type=tel]:not(.browser-default).invalid,
.md-form input[type=tel]:not(.browser-default):focus.invalid,
.md-form input[type=number]:not(.browser-default).invalid,
.md-form input[type=number]:not(.browser-default):focus.invalid,
.md-form input[type=search]:not(.browser-default).invalid,
.md-form input[type=search]:not(.browser-default):focus.invalid,
.md-form input[type=phone]:not(.browser-default).invalid,
.md-form input[type=phone]:not(.browser-default):focus.invalid,
.md-form input[type=search-md].invalid,
.md-form input[type=search-md]:focus.invalid,
.md-form textarea.md-textarea.invalid,
.md-form textarea.md-textarea:focus.invalid {
  border-bottom: 1px solid #f44336;
  box-shadow: 0 1px 0 0 #f44336;
}
.md-form input:not([type]).invalid + label:after, .md-form input:not([type]):focus.invalid + label:after,
.md-form input[type=text]:not(.browser-default).invalid + label:after,
.md-form input[type=text]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=password]:not(.browser-default).invalid + label:after,
.md-form input[type=password]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=email]:not(.browser-default).invalid + label:after,
.md-form input[type=email]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=url]:not(.browser-default).invalid + label:after,
.md-form input[type=url]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=time]:not(.browser-default).invalid + label:after,
.md-form input[type=time]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=date]:not(.browser-default).invalid + label:after,
.md-form input[type=date]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=datetime]:not(.browser-default).invalid + label:after,
.md-form input[type=datetime]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).invalid + label:after,
.md-form input[type=datetime-local]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=tel]:not(.browser-default).invalid + label:after,
.md-form input[type=tel]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=number]:not(.browser-default).invalid + label:after,
.md-form input[type=number]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=search]:not(.browser-default).invalid + label:after,
.md-form input[type=search]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=phone]:not(.browser-default).invalid + label:after,
.md-form input[type=phone]:not(.browser-default):focus.invalid + label:after,
.md-form input[type=search-md].invalid + label:after,
.md-form input[type=search-md]:focus.invalid + label:after,
.md-form textarea.md-textarea.invalid + label:after,
.md-form textarea.md-textarea:focus.invalid + label:after {
  color: #f44336;
  content: attr(data-error);
  opacity: 1;
}
.md-form input:not([type]).form-control.valid + label:after, .md-form input:not([type]).form-control:focus.valid + label:after,
.md-form input[type=text]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=text]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=password]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=password]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=email]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=email]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=url]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=url]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=time]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=time]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=date]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=date]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=number]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=number]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=search]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=search]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control.valid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control:focus.valid + label:after,
.md-form input[type=search-md].form-control.valid + label:after,
.md-form input[type=search-md].form-control:focus.valid + label:after,
.md-form textarea.md-textarea.form-control.valid + label:after,
.md-form textarea.md-textarea.form-control:focus.valid + label:after {
  top: 4.1rem;
}
.md-form input:not([type]).form-control.invalid + label:after, .md-form input:not([type]).form-control:focus.invalid + label:after,
.md-form input[type=text]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=text]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=password]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=password]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=email]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=email]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=url]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=url]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=time]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=time]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=date]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=date]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=number]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=number]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=search]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=search]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control.invalid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control:focus.invalid + label:after,
.md-form input[type=search-md].form-control.invalid + label:after,
.md-form input[type=search-md].form-control:focus.invalid + label:after,
.md-form textarea.md-textarea.form-control.invalid + label:after,
.md-form textarea.md-textarea.form-control:focus.invalid + label:after {
  top: 4rem;
}
.md-form input:not([type]).form-control-lg.valid + label:after, .md-form input:not([type]).form-control-lg:focus.valid + label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control-lg.valid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control-lg:focus.valid + label:after,
.md-form input[type=search-md].form-control-lg.valid + label:after,
.md-form input[type=search-md].form-control-lg:focus.valid + label:after,
.md-form textarea.md-textarea.form-control-lg.valid + label:after,
.md-form textarea.md-textarea.form-control-lg:focus.valid + label:after {
  top: 4.6rem;
}
.md-form input:not([type]).form-control-lg.invalid + label:after, .md-form input:not([type]).form-control-lg:focus.invalid + label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control-lg.invalid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control-lg:focus.invalid + label:after,
.md-form input[type=search-md].form-control-lg.invalid + label:after,
.md-form input[type=search-md].form-control-lg:focus.invalid + label:after,
.md-form textarea.md-textarea.form-control-lg.invalid + label:after,
.md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after {
  top: 4.6rem;
}
.md-form input:not([type]).form-control-sm.valid + label:after, .md-form input:not([type]).form-control-sm:focus.valid + label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control-sm.valid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control-sm:focus.valid + label:after,
.md-form input[type=search-md].form-control-sm.valid + label:after,
.md-form input[type=search-md].form-control-sm:focus.valid + label:after,
.md-form textarea.md-textarea.form-control-sm.valid + label:after,
.md-form textarea.md-textarea.form-control-sm:focus.valid + label:after {
  top: 3.7rem;
}
.md-form input:not([type]).form-control-sm.invalid + label:after, .md-form input:not([type]).form-control-sm:focus.invalid + label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control-sm.invalid + label:after,
.md-form input[type=phone]:not(.browser-default).form-control-sm:focus.invalid + label:after,
.md-form input[type=search-md].form-control-sm.invalid + label:after,
.md-form input[type=search-md].form-control-sm:focus.invalid + label:after,
.md-form textarea.md-textarea.form-control-sm.invalid + label:after,
.md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after {
  top: 3.6rem;
}
.md-form > input[type=date]:not(.browser-default) {
  color: transparent;
}
.md-form > input[type=date]:not(.browser-default) + label {
  transform-origin: 0 0;
}
.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label,
.md-form > input[type=time]:not(.browser-default) + label {
  font-size: 0.8rem;
  transform: translateY(-25px);
  transform-origin: 0 0;
}
.md-form .was-validated input[type=text]:valid + label {
  color: #00c851 !important;
}
.md-form .was-validated input[type=text]:invalid + label {
  color: #f44336 !important;
}
.md-form .was-validated .form-control:valid:focus {
  box-shadow: 0 1px 0 0 #00c851 !important;
}
.md-form .was-validated .form-control:valid {
  border-color: #00c851 !important;
}
.md-form .was-validated .form-control:invalid:focus {
  box-shadow: 0 1px 0 0 #f44336 !important;
}
.md-form .was-validated .form-control:invalid {
  border-color: #f44336 !important;
}
.md-form .form-control {
  height: auto;
  padding: 0.6rem 0 0.4rem 0;
  margin: 0 0 0.5rem 0;
  background-color: transparent;
  border-radius: 0;
}
.md-form .form-control:focus {
  box-shadow: none;
}
.md-form .form-control:disabled, .md-form .form-control[readonly] {
  background-color: transparent;
  border-bottom: 1px solid #bdbdbd;
}
.md-form .form-control.is-valid {
  border-color: #00c851;
}
.md-form .form-control.is-valid:focus {
  border-color: #00c851 !important;
  box-shadow: 0 1px 0 0 #00c851 !important;
}
.md-form .form-control.is-invalid {
  border-color: #f44336;
}
.md-form .form-control.is-invalid:focus {
  border-color: #f44336 !important;
  box-shadow: 0 1px 0 0 #f44336 !important;
}
.md-form .form-control.is-valid, .md-form .form-control.is-invalid {
  background-position: center right !important;
}
.md-form .validate {
  margin-bottom: 2.5rem;
}
.md-form label {
  font-size: 1rem;
}
.md-form label.active {
  font-size: 1rem;
}
.md-form .prefix {
  top: 0.25rem;
  font-size: 1.75rem;
}
.md-form .prefix ~ input,
.md-form .prefix ~ textarea {
  width: calc(100% - 2.5rem);
  margin-left: 2.5rem;
}
.md-form .prefix ~ label {
  margin-left: 2.5rem;
}
.md-form .prefix ~ .form-text {
  margin-left: 2.6rem;
}
.md-form label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  color: #757575;
  cursor: text;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transform: translateY(12px);
  transform-origin: 0% 100%;
}
.md-form label.active {
  transform: translateY(-14px) scale(0.8);
}
.md-form .prefix {
  position: absolute;
  transition: color 0.2s;
}
.md-form .prefix.active {
  color: #4285f4;
}
.md-form.form-lg .validate {
  margin-bottom: 2.8rem;
}
.md-form.form-lg label {
  font-size: 1.25rem;
}
.md-form.form-lg label.active {
  font-size: 1.15rem;
}
.md-form.form-lg .prefix {
  top: 0.4rem;
  font-size: 2rem;
}
.md-form.form-lg .prefix ~ input,
.md-form.form-lg .prefix ~ textarea {
  width: calc(100% - 3rem);
  margin-left: 3rem;
}
.md-form.form-lg .prefix ~ label {
  margin-left: 3rem;
}
.md-form.form-lg .prefix ~ .form-text {
  margin-left: 3.1rem;
}
.md-form.form-sm .validate {
  margin-bottom: 2.3rem;
}
.md-form.form-sm label {
  font-size: 0.875rem;
}
.md-form.form-sm label.active {
  font-size: 0.95rem;
}
.md-form.form-sm .prefix {
  top: 0.35rem;
  font-size: 1.5rem;
}
.md-form.form-sm .prefix ~ input,
.md-form.form-sm .prefix ~ textarea {
  width: calc(100% - 2rem);
  margin-left: 2rem;
}
.md-form.form-sm .prefix ~ label {
  margin-left: 2rem;
}
.md-form.form-sm .prefix ~ .form-text {
  margin-left: 2rem;
}
.md-form textarea.md-textarea {
  padding: 0;
  overflow-y: hidden;
}
.md-form textarea.md-textarea + label {
  top: -0.6rem;
}
.md-form textarea.md-textarea-auto {
  padding: 0;
  padding-top: 1.5rem;
}
.md-form textarea.md-textarea-auto + label {
  top: 0;
}
.md-form.md-outline {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.md-form.md-outline input[type=text],
.md-form.md-outline input[type=password],
.md-form.md-outline input[type=email],
.md-form.md-outline input[type=url],
.md-form.md-outline input[type=time],
.md-form.md-outline input[type=date],
.md-form.md-outline input[type=datetime-local],
.md-form.md-outline input[type=tel],
.md-form.md-outline input[type=number],
.md-form.md-outline input[type=search-md],
.md-form.md-outline input[type=search],
.md-form.md-outline textarea.md-textarea {
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid #dadce0;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s;
}
.md-form.md-outline input[type=text]:focus:not([readonly]),
.md-form.md-outline input[type=password]:focus:not([readonly]),
.md-form.md-outline input[type=email]:focus:not([readonly]),
.md-form.md-outline input[type=url]:focus:not([readonly]),
.md-form.md-outline input[type=time]:focus:not([readonly]),
.md-form.md-outline input[type=date]:focus:not([readonly]),
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]),
.md-form.md-outline input[type=tel]:focus:not([readonly]),
.md-form.md-outline input[type=number]:focus:not([readonly]),
.md-form.md-outline input[type=search-md]:focus:not([readonly]),
.md-form.md-outline input[type=search]:focus:not([readonly]),
.md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: #4285f4;
  box-shadow: inset 0 0 0 1px #4285f4;
}
.md-form.md-outline input[type=text]:focus:not([readonly]) + label,
.md-form.md-outline input[type=password]:focus:not([readonly]) + label,
.md-form.md-outline input[type=email]:focus:not([readonly]) + label,
.md-form.md-outline input[type=url]:focus:not([readonly]) + label,
.md-form.md-outline input[type=time]:focus:not([readonly]) + label,
.md-form.md-outline input[type=date]:focus:not([readonly]) + label,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label,
.md-form.md-outline input[type=tel]:focus:not([readonly]) + label,
.md-form.md-outline input[type=number]:focus:not([readonly]) + label,
.md-form.md-outline input[type=search-md]:focus:not([readonly]) + label,
.md-form.md-outline input[type=search]:focus:not([readonly]) + label,
.md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label {
  color: #4285f4;
}
.md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid,
.md-form.md-outline input[type=password].valid,
.md-form.md-outline input[type=password]:focus.valid,
.md-form.md-outline input[type=email].valid,
.md-form.md-outline input[type=email]:focus.valid,
.md-form.md-outline input[type=url].valid,
.md-form.md-outline input[type=url]:focus.valid,
.md-form.md-outline input[type=time].valid,
.md-form.md-outline input[type=time]:focus.valid,
.md-form.md-outline input[type=date].valid,
.md-form.md-outline input[type=date]:focus.valid,
.md-form.md-outline input[type=datetime-local].valid,
.md-form.md-outline input[type=datetime-local]:focus.valid,
.md-form.md-outline input[type=tel].valid,
.md-form.md-outline input[type=tel]:focus.valid,
.md-form.md-outline input[type=number].valid,
.md-form.md-outline input[type=number]:focus.valid,
.md-form.md-outline input[type=search-md].valid,
.md-form.md-outline input[type=search-md]:focus.valid,
.md-form.md-outline input[type=search].valid,
.md-form.md-outline input[type=search]:focus.valid,
.md-form.md-outline textarea.md-textarea.valid,
.md-form.md-outline textarea.md-textarea:focus.valid {
  border-color: #00c851;
  box-shadow: inset 0 0 0 1px #00c851;
}
.md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after,
.md-form.md-outline input[type=password]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=password].valid + label:after,
.md-form.md-outline input[type=password]:focus.valid + label:after,
.md-form.md-outline input[type=email]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=email].valid + label:after,
.md-form.md-outline input[type=email]:focus.valid + label:after,
.md-form.md-outline input[type=url]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=url].valid + label:after,
.md-form.md-outline input[type=url]:focus.valid + label:after,
.md-form.md-outline input[type=time]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=time].valid + label:after,
.md-form.md-outline input[type=time]:focus.valid + label:after,
.md-form.md-outline input[type=date]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=date].valid + label:after,
.md-form.md-outline input[type=date]:focus.valid + label:after,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=datetime-local].valid + label:after,
.md-form.md-outline input[type=datetime-local]:focus.valid + label:after,
.md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=tel].valid + label:after,
.md-form.md-outline input[type=tel]:focus.valid + label:after,
.md-form.md-outline input[type=number]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=number].valid + label:after,
.md-form.md-outline input[type=number]:focus.valid + label:after,
.md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=search-md].valid + label:after,
.md-form.md-outline input[type=search-md]:focus.valid + label:after,
.md-form.md-outline input[type=search]:focus:not([readonly]).valid + label,
.md-form.md-outline input[type=search].valid + label:after,
.md-form.md-outline input[type=search]:focus.valid + label:after,
.md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label,
.md-form.md-outline textarea.md-textarea.valid + label:after,
.md-form.md-outline textarea.md-textarea:focus.valid + label:after {
  color: #00c851;
  content: attr(data-success);
  opacity: 1;
}
.md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid,
.md-form.md-outline input[type=password].invalid,
.md-form.md-outline input[type=password]:focus.invalid,
.md-form.md-outline input[type=email].invalid,
.md-form.md-outline input[type=email]:focus.invalid,
.md-form.md-outline input[type=url].invalid,
.md-form.md-outline input[type=url]:focus.invalid,
.md-form.md-outline input[type=time].invalid,
.md-form.md-outline input[type=time]:focus.invalid,
.md-form.md-outline input[type=date].invalid,
.md-form.md-outline input[type=date]:focus.invalid,
.md-form.md-outline input[type=datetime-local].invalid,
.md-form.md-outline input[type=datetime-local]:focus.invalid,
.md-form.md-outline input[type=tel].invalid,
.md-form.md-outline input[type=tel]:focus.invalid,
.md-form.md-outline input[type=number].invalid,
.md-form.md-outline input[type=number]:focus.invalid,
.md-form.md-outline input[type=search-md].invalid,
.md-form.md-outline input[type=search-md]:focus.invalid,
.md-form.md-outline input[type=search].invalid,
.md-form.md-outline input[type=search]:focus.invalid,
.md-form.md-outline textarea.md-textarea.invalid,
.md-form.md-outline textarea.md-textarea:focus.invalid {
  border-color: #f44336;
  box-shadow: inset 0 0 0 1px #f44336;
}
.md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after,
.md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=password].invalid + label:after,
.md-form.md-outline input[type=password]:focus.invalid + label:after,
.md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=email].invalid + label:after,
.md-form.md-outline input[type=email]:focus.invalid + label:after,
.md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=url].invalid + label:after,
.md-form.md-outline input[type=url]:focus.invalid + label:after,
.md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=time].invalid + label:after,
.md-form.md-outline input[type=time]:focus.invalid + label:after,
.md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=date].invalid + label:after,
.md-form.md-outline input[type=date]:focus.invalid + label:after,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=datetime-local].invalid + label:after,
.md-form.md-outline input[type=datetime-local]:focus.invalid + label:after,
.md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=tel].invalid + label:after,
.md-form.md-outline input[type=tel]:focus.invalid + label:after,
.md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=number].invalid + label:after,
.md-form.md-outline input[type=number]:focus.invalid + label:after,
.md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=search-md].invalid + label:after,
.md-form.md-outline input[type=search-md]:focus.invalid + label:after,
.md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label,
.md-form.md-outline input[type=search].invalid + label:after,
.md-form.md-outline input[type=search]:focus.invalid + label:after,
.md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label,
.md-form.md-outline textarea.md-textarea.invalid + label:after,
.md-form.md-outline textarea.md-textarea:focus.invalid + label:after {
  color: #f44336;
  content: attr(data-error);
  opacity: 1;
}
.md-form.md-outline input[type=text].form-control.valid + label:after, .md-form.md-outline input[type=text].form-control:focus.valid + label:after,
.md-form.md-outline input[type=password].form-control.valid + label:after,
.md-form.md-outline input[type=password].form-control:focus.valid + label:after,
.md-form.md-outline input[type=email].form-control.valid + label:after,
.md-form.md-outline input[type=email].form-control:focus.valid + label:after,
.md-form.md-outline input[type=url].form-control.valid + label:after,
.md-form.md-outline input[type=url].form-control:focus.valid + label:after,
.md-form.md-outline input[type=time].form-control.valid + label:after,
.md-form.md-outline input[type=time].form-control:focus.valid + label:after,
.md-form.md-outline input[type=date].form-control.valid + label:after,
.md-form.md-outline input[type=date].form-control:focus.valid + label:after,
.md-form.md-outline input[type=datetime-local].form-control.valid + label:after,
.md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after,
.md-form.md-outline input[type=tel].form-control.valid + label:after,
.md-form.md-outline input[type=tel].form-control:focus.valid + label:after,
.md-form.md-outline input[type=number].form-control.valid + label:after,
.md-form.md-outline input[type=number].form-control:focus.valid + label:after,
.md-form.md-outline input[type=search-md].form-control.valid + label:after,
.md-form.md-outline input[type=search-md].form-control:focus.valid + label:after,
.md-form.md-outline input[type=search].form-control.valid + label:after,
.md-form.md-outline input[type=search].form-control:focus.valid + label:after,
.md-form.md-outline textarea.md-textarea.form-control.valid + label:after,
.md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after {
  position: absolute;
  top: 4rem;
  left: 0;
}
.md-form.md-outline input[type=text].form-control.invalid + label:after, .md-form.md-outline input[type=text].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=password].form-control.invalid + label:after,
.md-form.md-outline input[type=password].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=email].form-control.invalid + label:after,
.md-form.md-outline input[type=email].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=url].form-control.invalid + label:after,
.md-form.md-outline input[type=url].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=time].form-control.invalid + label:after,
.md-form.md-outline input[type=time].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=date].form-control.invalid + label:after,
.md-form.md-outline input[type=date].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=datetime-local].form-control.invalid + label:after,
.md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=tel].form-control.invalid + label:after,
.md-form.md-outline input[type=tel].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=number].form-control.invalid + label:after,
.md-form.md-outline input[type=number].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=search-md].form-control.invalid + label:after,
.md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after,
.md-form.md-outline input[type=search].form-control.invalid + label:after,
.md-form.md-outline input[type=search].form-control:focus.invalid + label:after,
.md-form.md-outline textarea.md-textarea.form-control.invalid + label:after,
.md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after {
  position: absolute;
  top: 4rem;
  left: 0;
}
.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label,
.md-form.md-outline > input[type=time]:not(.browser-default) + label {
  left: 8px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 1rem;
  font-weight: 500;
  background: #fff;
  transform: translateY(-9px) scale(0.8);
  transform-origin: 0 0;
}
.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label.active,
.md-form.md-outline > input[type=time]:not(.browser-default) + label.active {
  transform: translateY(-9px) scale(0.8);
  transform-origin: 0 0;
}
@-webkit-keyframes autofill {
  to {
    color: #495057;
    background: transparent;
  }
}
@keyframes autofill {
  to {
    color: #495057;
    background: transparent;
  }
}
.md-form.md-outline input:-webkit-autofill {
  -webkit-animation-name: autofill;
  animation-name: autofill;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.md-form.md-outline .form-control {
  padding: 0.375rem 0.75rem;
}
.md-form.md-outline label {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10px;
  font-size: 1rem;
  color: #757575;
  cursor: text;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transform: translateY(9px);
  transform-origin: 0% 100%;
}
.md-form.md-outline label.active {
  left: 8px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: 500;
  background: #fff;
  transform: translateY(-13px) scale(0.8);
}
.md-form.md-outline.form-lg .form-control.form-control-lg {
  padding: 0.5rem 0.725rem;
}
.md-form.md-outline.form-lg label {
  font-size: 1.25rem;
  transform: translateY(10px);
}
.md-form.md-outline.form-lg label.active {
  font-size: 1.1rem;
  transform: translateY(-14px) scale(0.8);
}
.md-form.md-outline.form-lg .prefix {
  top: 0.65rem;
  font-size: 25px;
}
.md-form.md-outline.form-lg .prefix ~ input,
.md-form.md-outline.form-lg .prefix ~ textarea {
  width: calc(100% - 2.2rem);
  margin-left: 2.2rem;
}
.md-form.md-outline.form-lg .prefix ~ label {
  margin-left: 2.2rem;
}
.md-form.md-outline.form-lg .prefix ~ .form-text {
  margin-left: 2.3rem;
}
.md-form.md-outline.form-sm .form-control.form-control-sm {
  padding: 0.25rem 0.625rem;
}
.md-form.md-outline.form-sm label {
  font-size: 0.8rem;
  transform: translateY(8px);
}
.md-form.md-outline.form-sm label.active {
  font-size: 0.85rem;
  transform: translateY(-12px) scale(0.8);
}
.md-form.md-outline.form-sm .prefix {
  top: 0.5rem;
  font-size: 15px;
}
.md-form.md-outline.form-sm .prefix ~ input,
.md-form.md-outline.form-sm .prefix ~ textarea {
  width: calc(100% - 1.6rem);
  margin-left: 1.6rem;
}
.md-form.md-outline.form-sm .prefix ~ label {
  margin-left: 1.6rem;
}
.md-form.md-outline.form-sm .prefix ~ .form-text {
  margin-left: 1.7rem;
}
.md-form.md-outline .prefix {
  position: absolute;
  top: 0.6rem;
  font-size: 20px;
  transition: color 0.2s;
}
.md-form.md-outline .prefix:focus {
  color: #4285f4;
}
.md-form.md-outline .prefix ~ input,
.md-form.md-outline .prefix ~ textarea {
  width: calc(100% - 2rem);
  margin-left: 2rem;
}
.md-form.md-outline .prefix ~ label {
  margin-left: 2rem;
}
.md-form.md-outline .prefix ~ .form-text {
  margin-left: 2.1rem;
}
.md-form.md-outline .character-counter {
  margin-top: -0.5rem;
}
.md-form.md-bg input[type=text],
.md-form.md-bg input[type=password],
.md-form.md-bg input[type=email],
.md-form.md-bg input[type=url],
.md-form.md-bg input[type=time],
.md-form.md-bg input[type=date],
.md-form.md-bg input[type=datetime-local],
.md-form.md-bg input[type=tel],
.md-form.md-bg input[type=number],
.md-form.md-bg input[type=search-md],
.md-form.md-bg input[type=search],
.md-form.md-bg textarea.md-textarea {
  box-sizing: border-box;
  padding: 10px 5px;
  background: #f5f5f5 no-repeat;
  background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da);
  background-position: 50% 100%, 50% 100%;
  background-size: 0 2px, 100% 1px;
  border: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.md-form.md-bg input[type=text]:focus:not([readonly]),
.md-form.md-bg input[type=password]:focus:not([readonly]),
.md-form.md-bg input[type=email]:focus:not([readonly]),
.md-form.md-bg input[type=url]:focus:not([readonly]),
.md-form.md-bg input[type=time]:focus:not([readonly]),
.md-form.md-bg input[type=date]:focus:not([readonly]),
.md-form.md-bg input[type=datetime-local]:focus:not([readonly]),
.md-form.md-bg input[type=tel]:focus:not([readonly]),
.md-form.md-bg input[type=number]:focus:not([readonly]),
.md-form.md-bg input[type=search-md]:focus:not([readonly]),
.md-form.md-bg input[type=search]:focus:not([readonly]),
.md-form.md-bg textarea.md-textarea:focus:not([readonly]) {
  border-bottom: none;
  box-shadow: none;
}
.md-form.md-bg input[type=text]:focus,
.md-form.md-bg input[type=password]:focus,
.md-form.md-bg input[type=email]:focus,
.md-form.md-bg input[type=url]:focus,
.md-form.md-bg input[type=time]:focus,
.md-form.md-bg input[type=date]:focus,
.md-form.md-bg input[type=datetime-local]:focus,
.md-form.md-bg input[type=tel]:focus,
.md-form.md-bg input[type=number]:focus,
.md-form.md-bg input[type=search-md]:focus,
.md-form.md-bg input[type=search]:focus,
.md-form.md-bg textarea.md-textarea:focus {
  background-color: #dcdcdc;
  background-size: 100% 2px, 100% 1px;
  outline: none;
}
.md-form.md-bg > input[type=date]:not(.browser-default) {
  color: transparent;
}
.md-form.md-bg > input[type=date]:not(.browser-default) + label {
  transform-origin: 0 0;
}
.md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label,
.md-form.md-bg > input[type=time]:not(.browser-default) + label {
  font-size: 0.8rem;
  transform: translateY(-12px);
  transform-origin: 0 0;
}
.md-form.md-bg .form-control {
  padding: 1.1rem 0.7rem 0.4rem !important;
}
.md-form.md-bg label {
  top: 0;
  padding-left: 0.7rem;
  font-size: 1rem;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transform: translateY(13px);
  transform-origin: 0% 100%;
}
.md-form.md-bg label.active {
  padding-left: 0.75rem;
  font-weight: 500;
  transform: translateY(-3px) scale(0.8);
}
.md-form.md-bg.form-lg label {
  transform: translateY(16px);
}
.md-form.md-bg.form-lg label.active {
  transform: translateY(-4px) scale(0.8);
}
.md-form.md-bg.form-sm label {
  transform: translateY(11px);
}
.md-form.md-bg.form-sm label.active {
  transform: translateY(-2px) scale(0.8);
}

.md-form .form-control.is-invalid,
.was-validated .md-form .form-control:invalid {
  padding-right: 0;
}

.md-form .form-control.is-valid,
.was-validated .md-form .form-control:valid {
  padding-right: 0;
}

.needs-validation .md-form label {
  left: 0.3rem;
}

.custom-file-input:lang(es) ~ .custom-file-label::after {
  content: "Elegir";
}

.custom-file-input:lang(pl-pl) ~ .custom-file-label::after {
  content: "Wybierz";
}

.custom-file-input:lang(fr) ~ .custom-file-label::after {
  content: "Choisir";
}

.custom-file-input:lang(in) ~ .custom-file-label::after {
  content: "Pilih";
}

.custom-file-input:lang(zh) ~ .custom-file-label::after {
  content: "選擇";
}

.custom-file-input:lang(de) ~ .custom-file-label::after {
  content: "Wählen";
}

.custom-file-input:lang(ru) ~ .custom-file-label::after {
  content: "Выбрать";
}

.md-form > label {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.md-form .form-control {
  box-sizing: border-box !important;
}
.md-form .input-prefix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.2s;
  color: rgba(0, 0, 0, 0.87);
  pointer-events: none;
}
.md-form .input-prefix.active {
  color: #4285f4;
}
.md-form.input-with-pre-icon label {
  left: 36px;
  right: initial;
}
.md-form.input-with-pre-icon .input-prefix {
  left: 16px;
  right: initial;
}
.md-form.input-with-pre-icon .form-control {
  padding-left: 2.7rem !important;
}
.md-form.input-with-post-icon .input-prefix {
  right: 16px;
  left: initial;
}
.md-form.input-with-post-icon .form-control {
  padding-right: 2.7rem !important;
}
.md-form.input-with-post-icon.input-with-pre-icon .input-prefix {
  right: 16px;
  left: initial;
}
.md-form.input-with-post-icon.input-with-pre-icon .input-prefix:first-of-type {
  left: 16px;
  right: initial;
}
.md-form.input-with-post-icon.input-with-pre-icon .form-control {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

/*
 * MDBootstrap integration with Datatables
 * Learn more: https://mdbootstrap.com/docs/jquery/tables/datatables/
 * About MDBootstrap: https://mdbootstrap.com/
 *
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/dt-1.10.18
 *
 * Included libraries:
 *   DataTables 1.10.18
 */
div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_length input {
  width: auto;
}
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label {
  margin-top: 1.2rem;
  margin-right: 1rem;
}
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span, div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown {
  margin-top: 1rem;
}
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 400;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_filter input {
  width: auto;
}
div.dataTables_wrapper div.dataTables_filter input {
  display: inline-block;
  margin-left: 0.5rem;
}
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 400;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-pack: end;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link {
  background-color: #7e7e7e;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
  background-color: #7e7e7e;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  div.dataTables_wrapper div .dataTables_length, div.dataTables_wrapper div .dataTables_filter, div.dataTables_wrapper div .dataTables_info, div.dataTables_wrapper div .dataTables_paginate ul.pagination {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -webkit-box-pack: center;
  }
}
.bs-select select {
  display: inline-block !important;
}

table.dataTable thead {
  cursor: pointer;
}
table.dataTable thead th {
  padding-left: 1.5rem;
  font-weight: 600;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}
table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  position: relative;
  cursor: pointer;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 1rem;
  display: block;
  opacity: 0;
}
table.dataTable thead .sorting:hover::before {
  opacity: 0.6;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  left: 0.4rem;
  font-family: "Font Awesome 5 Pro", sans-serif;
  font-size: 1rem;
  font-weight: 900;
  content: "\f062";
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  left: 0.4rem;
  font-family: "Font Awesome 5 Pro", sans-serif;
  font-size: 1rem;
  font-weight: 900;
  content: "\f176";
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
  opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

.dataTables_scrollHead .dataTables_scrollHeadInner, .dataTables_scrollHead .dataTables_scrollHeadInner table {
  padding-right: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.dataTables_scrollHead .dataTables_scrollHeadInner table {
  margin-bottom: 0 !important;
}

.dataTables_scrollFoot .dataTables_scrollFootInner, .dataTables_scrollFoot .dataTables_scrollFootInner table {
  padding-right: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/*
 * MDBootstrap integration with Datatables
 * Learn more: https://mdbootstrap.com/docs/jquery/tables/datatables/
 * About MDBootstrap: https://mdbootstrap.com/
 *
 * This combined file was created taking that code from this webstie:
 *  https://cdn.datatables.net/select/1.2.7/css/select.dataTables.min.css
 *
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/dt-1.10.18
 *
 * Included libraries:
 *   DataTables 1.10.18
 */
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #f5f5f5;
}
table.dataTable tbody > tr:not(.selected):hover {
  background-color: rgba(245, 245, 245, 0.4);
}
table.dataTable.stripe tbody > tr.odd.selected,
table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,
table.dataTable.display tbody > tr.odd > .selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody > tr.selected:hover,
table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,
table.dataTable.display tbody > tr > .selected:hover {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr > .selected {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  background-color: #a6b4cd;
}
table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover {
  background-color: #a2aec7;
}
table.dataTable tbody td.select-checkbox, table.dataTable tbody td.select-checkbox-all, table.dataTable tbody th.select-checkbox, table.dataTable tbody th.select-checkbox-all, table.dataTable thead td.select-checkbox, table.dataTable thead td.select-checkbox-all, table.dataTable thead th.select-checkbox, table.dataTable thead th.select-checkbox-all {
  position: relative;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody td.select-checkbox-all:before, table.dataTable tbody td.select-checkbox-all:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after, table.dataTable tbody th.select-checkbox-all:before, table.dataTable tbody th.select-checkbox-all:after, table.dataTable thead td.select-checkbox:before, table.dataTable thead td.select-checkbox:after, table.dataTable thead td.select-checkbox-all:before, table.dataTable thead td.select-checkbox-all:after, table.dataTable thead th.select-checkbox:before, table.dataTable thead th.select-checkbox:after, table.dataTable thead th.select-checkbox-all:before, table.dataTable thead th.select-checkbox-all:after {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
}
table.dataTable tbody td.select-checkbox:hover, table.dataTable tbody td.select-checkbox-all:hover, table.dataTable tbody th.select-checkbox:hover, table.dataTable tbody th.select-checkbox-all:hover, table.dataTable thead td.select-checkbox:hover, table.dataTable thead td.select-checkbox-all:hover, table.dataTable thead th.select-checkbox:hover, table.dataTable thead th.select-checkbox-all:hover {
  cursor: pointer;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox.select-checkbox-all:before, table.dataTable thead td.select-checkbox:before,
table.dataTable thead th.select-checkbox.select-checkbox-all:before {
  content: " ";
  border: 2px solid #5a5a5a;
  border-radius: 3px;
}
table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  margin-top: 0;
  text-align: center;
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  content: "\f00c";
  background-color: #a6c;
  box-shadow: 0 0 1em #5a5a5a;
  color: #fff;
}

div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
  margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
    display: block;
    margin-left: 0;
  }
}
/**
Gradients:
.gradient {
  @include gradient(#07c, #06f, vertical);
}
*/
.clubfinder-plugin {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.clubfinder-plugin.listing a.club {
  display: block;
  text-decoration: none;
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
  transition: 0.2s all;
}
.clubfinder-plugin.listing a.club i {
  position: relative;
  left: 0px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.clubfinder-plugin.listing a.club:hover i {
  left: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.clubfinder-plugin.listing a.club p, .clubfinder-plugin.listing a.club h3 {
  font-size: 0.9rem;
}
.clubfinder-plugin .holder {
  background: #fff;
  border: 1px solid #ccc;
}
.clubfinder-plugin #find-club {
  display: inline-block;
  width: 100%;
  height: 50px;
}
@media (min-width: 768px) {
  .clubfinder-plugin #find-club {
    width: 400px;
  }
}
.clubfinder-plugin #clubfinder [v-cloak] {
  display: none;
}
.clubfinder-plugin #clubfinder .loading svg {
  width: 40px;
  height: 40px;
  margin: 20px;
  display: inline-block;
}
.clubfinder-plugin .btn {
  height: 50px;
  font-family: "Industry Demi", sans-serif;
  font-size: 1.2rem;
  width: 100%;
}
@media (min-width: 768px) {
  .clubfinder-plugin .btn {
    width: auto;
  }
}
.clubfinder-plugin p.location a {
  color: #00243f;
  text-decoration: underline;
  font-size: 0.8rem;
}
.clubfinder-plugin .results {
  background: #fff;
  border: 1px solid #ccc;
}
.clubfinder-plugin .results.finder {
  border-top: 0px;
}
.clubfinder-plugin .results .row {
  line-height: 1rem;
}
.clubfinder-plugin .results .row div.club-holder {
  border-bottom: 1px solid #00243f;
}
.clubfinder-plugin .results .row p {
  font-size: 1rem;
  white-space: normal;
  line-height: 1.6;
  padding: 0px;
}
.clubfinder-plugin .results .row h3 {
  font-size: 1rem;
}
.clubfinder-plugin .results .row:last-child div {
  border-bottom: 0px;
}
.clubfinder-plugin .results .row .right {
  overflow: hidden;
}
.clubfinder-plugin .results p.find-more a {
  text-decoration: none;
  display: block;
}
.clubfinder-plugin .results p.find-more a i {
  font-size: 1.4rem;
  position: relative;
  top: 0px;
}
.clubfinder-plugin .results p.find-more a:hover i {
  top: 10px;
}

.modal-body .club-profile {
  padding-top: 50px;
}

.club-profile {
  background: #fff;
}
.club-profile p {
  padding: 4px 0;
}
.club-profile #map {
  width: 100%;
  height: 300px;
}
.club-profile h2 {
  font-size: 2rem;
}
.club-profile h3.title {
  background: #00243f;
  color: #fff;
  padding: 10px;
}

.player-stats-plugin .row.filters {
  margin-bottom: 1rem;
}
.player-stats-plugin .row.filters .select-wrapper {
  margin-top: 0px;
  margin-bottom: 0px;
}
.player-stats-plugin .row.filters .player-search input {
  font-size: 0.95rem;
}
.player-stats-plugin .dataTables_info {
  float: left;
  width: 30%;
  padding-top: 0px;
}
.player-stats-plugin #playerStatsTable_length {
  float: left;
  width: 200px;
}
.player-stats-plugin #playerStatsTable_length select {
  display: inline-block !important;
}
.player-stats-plugin #playerStatsTable_length label {
  margin-top: 0px;
}
.player-stats-plugin table.dataTable thead th {
  padding-left: 0px;
  font-weight: 400;
  font-size: 0.9rem;
}
.player-stats-plugin thead th.sorting_asc:before, .player-stats-plugin table.dataTable thead th.sorting_asc_disabled:before {
  left: -0.7rem;
  content: "\f175" !important;
}
.player-stats-plugin thead th.sorting_desc:after, .player-stats-plugin table.dataTable thead th.sorting_desc_disabled:after {
  left: -0.7rem;
  content: "\f176" !important;
}
.player-stats-plugin table.dataTable thead .sorting:before, .player-stats-plugin table.dataTable thead .sorting_asc:before, .player-stats-plugin table.dataTable thead .sorting_desc:before, .player-stats-plugin table.dataTable thead .sorting_asc_disabled:before, .player-stats-plugin table.dataTable thead .sorting_desc_disabled:before {
  left: -0.7rem;
}
.player-stats-plugin .bottom {
  font-size: 0.9rem;
}
.player-stats-plugin .dataTables_paginate {
  padding-top: 0px !important;
}
.player-stats-plugin table.table, .player-stats-plugin table.table p, .player-stats-plugin table.table td {
  font-size: 0.9rem;
  padding: 0.5rem;
}

.modal-search.search-slidedown {
  width: 100%;
  height: 100%;
  z-index: 1040;
  position: fixed;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.modal-search.search-slidedown .search-wrapper {
  display: block;
  position: absolute;
  background: #f2f2f2;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  width: 100%;
  z-index: 13;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .modal-search.search-slidedown .search-wrapper {
    background: #ffffff;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.modal-search.search-slidedown .search-wrapper .modal-form {
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
  z-index: 999;
  height: auto;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .modal-search.search-slidedown .search-wrapper .modal-form {
    max-width: 1024px;
  }
}
@media screen and (max-width: 1023px) {
  .modal-search.search-slidedown .search-wrapper .modal-form form {
    display: block;
    height: 55px;
  }
}
@media screen and (min-width: 1024px) {
  .modal-search.search-slidedown .search-wrapper .modal-form form {
    background: #ffffff;
    margin: 0 auto;
    height: auto !important;
  }
}
.modal-search.search-slidedown .search-wrapper .modal-form form .tt-info-text {
  display: none;
}
@media screen and (min-width: 1024px) {
  .modal-search.search-slidedown .search-wrapper .modal-form form .tt-info-text {
    display: block;
    position: absolute;
    top: 0;
    padding-left: 0px;
  }
}
.modal-search.search-slidedown .search-wrapper .modal-form form input {
  background: transparent;
  font-size: 16px;
  border: 1px solid transparent;
  padding: 14px 6px 8px 6px;
  box-shadow: none;
  outline: none;
  height: auto;
  width: 100%;
  color: #777777;
  border-radius: 0;
  transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
@media screen and (min-width: 1024px) {
  .modal-search.search-slidedown .search-wrapper .modal-form form input {
    font-size: 24px;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #eceaea;
    padding: 11px 12px 10px 0px;
    margin-top: 28px;
  }
}
.modal-search.search-slidedown .search-wrapper .modal-form form input:placeholder {
  text-transform: capitalize !important;
}
.modal-search.search-slidedown .search-wrapper .modal-form form .tt-btn-close {
  position: absolute !important;
  display: inline-block;
  border: none;
  background-color: transparent;
  font-size: 14px;
  line-height: 1;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  top: 10px;
  right: 5px;
  width: auto;
  z-index: 1024;
}
@media screen and (min-width: 1024px) {
  .modal-search.search-slidedown .search-wrapper .modal-form form .tt-btn-close {
    padding: 5px 0px 5px 5px;
    cursor: pointer;
    margin-top: 28px;
    top: 0;
    right: 0;
  }
}

.search-open .modal-search.search-slidedown {
  visibility: visible;
  opacity: 1;
  overflow-y: scroll;
}
.search-open .modal-search.search-slidedown .search-wrapper {
  opacity: 1;
}
.search-open .modal-search.search-slidedown .search-wrapper .modal-form {
  margin-top: 0;
  display: block !important;
  top: 0 !important;
}

body.search-open.results {
  overflow: hidden !important;
}
body.results .autocomplete-form #app {
  position: absolute;
  background: #ffffff;
  width: 100%;
  top: 38px;
  padding: 11px 11px 19px;
  margin-top: 10px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) {
  body.results .autocomplete-form #app {
    position: relative;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
}
body.results .autocomplete-form #app ul {
  color: #000;
  transition: all 0.3s ease-in-out;
}
body.results .autocomplete-form #app li {
  padding-bottom: 15px;
  border-bottom: 1px solid #f1f1f1;
}
body.results .autocomplete-form #app h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
body.results .autocomplete-form #app h3 a {
  text-decoration: none !important;
}
body.results .autocomplete-form #app h3 a:HOVER {
  color: #9b0000;
}
body.results .autocomplete-form #app span {
  font-size: 14px;
  line-height: 1.58;
}
body.results .autocomplete-form #app span.highlight {
  color: #9b0000;
  font-weight: bold;
}
body.results .autocomplete-form #app span > small {
  font-weight: normal;
  color: #666666;
}
body.results .autocomplete-form #app a.btn.btn-secondary {
  background-color: #00243f !important;
  border-color: #00243f !important;
  font-family: "Industry Book", sans-serif !important;
  text-decoration: none;
}

[v-cloak] {
  display: none !important;
}

.ol-active-plugin .active-letters {
  margin-bottom: 20px;
}
.ol-active-plugin .active-letters img {
  display: inline-block;
  width: 45px;
  height: 50px;
  opacity: 0;
}
.ol-active-plugin .active-letters img.i {
  width: 16px;
}
.ol-active-plugin .active-letters img.c, .ol-active-plugin .active-letters img.t, .ol-active-plugin .active-letters img.e {
  width: 35px;
}
.ol-active-plugin .row {
  max-height: 500px;
  position: relative;
}
@media (min-width: 992px) {
  .ol-active-plugin .row {
    max-height: 550px;
  }
}
@media (min-width: 1200px) {
  .ol-active-plugin .row {
    max-height: 650px;
  }
}
.ol-active-plugin .row .video-hold {
  max-height: 400px;
}
@media (min-width: 768px) {
  .ol-active-plugin .row .video-hold {
    max-height: 600px;
  }
}
@media (min-width: 992px) {
  .ol-active-plugin .row .video-hold {
    max-height: 650px;
  }
}
@media (min-width: 1200px) {
  .ol-active-plugin .row .video-hold {
    max-height: 50vw;
  }
}
.ol-active-plugin .row video {
  width: 200%;
  margin-left: -200px;
}
@media (min-width: 768px) {
  .ol-active-plugin .row video {
    width: 100%;
    margin-left: 0px;
  }
}
.ol-active-plugin .logo-hold {
  width: 100%;
  /*background:#1463a3;*/
  padding: 30px 0px;
  margin: 66px 0 0 0;
}
@media (min-width: 992px) {
  .ol-active-plugin .logo-hold {
    /*
    $size: 0.9
    $posx: left
    $posy: top
    */
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    transform-origin: "center" "center";
    -webkit-transform-origin: "center" "center";
    -moz-transform-origin: "center" "center";
    margin: 100px auto;
    width: 233px;
  }
}
@media (min-width: 1200px) {
  .ol-active-plugin .logo-hold {
    margin: 140px auto;
  }
}
.ol-active-plugin .content {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 233px;
  /*text-align: center*/
}
@media (min-width: 992px) {
  .ol-active-plugin .content {
    width: 310px;
  }
}
.ol-active-plugin .ourleague {
  margin-bottom: 20px;
}
.ol-active-plugin .ourleague img {
  height: 30px;
  opacity: 0;
  display: inline-block;
}
.ol-active-plugin .shape {
  width: 50px;
  height: 50px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  top: 156px;
  /*margin-top:100px;*/
}
.ol-active-plugin .title {
  text-align: center;
  color: #fff;
  margin-top: 60px;
  opacity: 0;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-family: "Industry Demi", sans-serif;
  letter-spacing: 2pt;
}
@media (min-width: 992px) {
  .ol-active-plugin .title {
    font-size: 2rem;
    letter-spacing: 1pt;
    margin-top: 80px;
  }
}
.ol-active-plugin img.rl {
  position: absolute;
  left: 83px;
  z-index: 10;
  height: 30px;
}
.ol-active-plugin .tag-line {
  display: block;
  position: relative;
  margin-top: 30px;
  text-align: center;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
}
.ol-active-plugin .tag-line .letters {
  padding: 10px 0;
  display: block;
}
.ol-active-plugin .tag-line .letter {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  color: #fff;
  font-family: "Industry Book", sans-serif;
  font-size: 0.7rem;
}
.ol-active-plugin .tag-line .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #fff;
  transform-origin: 0 0;
}
.ol-active-plugin .tag-line .line.line1 {
  top: 0;
}
.ol-active-plugin .tag-line .line.line2 {
  bottom: 0;
}

body.preloader {
  overflow: hidden;
}
body.preloader #preloader-wrapper.cover {
  background: white;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 9999;
  top: 0;
  left: 0;
  margin-top: 0;
  padding-top: 0;
}
body.preloader #preloader-wrapper.cover .loader {
  position: fixed;
  text-align: center;
  margin: 50px auto;
  z-index: 9999;
  display: block !important;
  width: 80px;
  height: 80px;
  top: 40%;
  left: 50%;
  border: 10px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border-top-color: #00243f;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

.ourleague-plugin {
  /*Stepper*/
}
.ourleague-plugin .member {
  border: 0px !important;
}
.ourleague-plugin .member span {
  color: #fff;
  text-transform: uppercase;
}
.ourleague-plugin .member .rounded-img:not(:last-child) {
  margin-right: 0.75rem;
}
.ourleague-plugin .pointer {
  cursor: pointer !important;
}
.ourleague-plugin .member-settings {
  border-left: #0f5fa2;
  border-left-style: solid;
  border-left-width: 1px;
  padding-left: 2rem;
  padding-right: 2rem;
}
.ourleague-plugin .member-settings:last-child {
  border-right: #0f5fa2;
  border-right-style: solid;
  border-right-width: 1px;
}
.ourleague-plugin .member-settings .content {
  display: flex;
  align-items: center;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.ourleague-plugin .member-settings .content div {
  padding-right: 1.25rem !important;
}
.ourleague-plugin .member-settings .content i {
  font-size: 2rem;
  color: #da2128;
  margin-top: -30px;
}
.ourleague-plugin .form-with-stepper .tab input.invalid {
  background-color: #ffdddd;
}
.ourleague-plugin .tab {
  display: none;
}
.ourleague-plugin .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #00243f;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.ourleague-plugin .step .active {
  opacity: 1;
  background-color: #28a745;
}
.ourleague-plugin .step .finish {
  background-color: #28a745;
}

.modal-content .cd-main-content {
  color: inherit !important;
}
.modal-content .cd-main-content label {
  color: inherit !important;
  margin-bottom: 0.5rem;
}
.modal-content .cd-main-content.member .container-fluid, .modal-content .cd-main-content.profile .container-fluid {
  color: inherit !important;
  background-color: #fff;
  background-image: none !important;
}

.ourleaguehold .custom-input .form-check {
  padding-left: 0;
}
.ourleaguehold .custom-input .form-check .form-check-label {
  margin-bottom: 0;
  margin-right: 1rem !important;
  vertical-align: super;
  padding-left: 1.25rem;
}
.ourleaguehold .custom-input .form-check .form-check-input {
  margin: 0 !important;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
button span {
  -webkit-box-pack: center;
  justify-content: center;
  display: flex !important;
}
button span.hidden {
  display: none !important;
}
button span.spinner {
  align-self: center;
  display: inline-flex;
  flex-wrap: nowrap;
  max-width: 100%;
  position: relative;
  width: 100%;
  -webkit-box-pack: center;
  justify-content: center;
}
button span.spinner .spin2 {
  -webkit-box-align: center;
  align-items: center;
  align-self: center;
  flex: 1 1 auto;
  margin: 0px 4px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 0.3s ease 0s;
  opacity: 1;
}
button span.spinner .spin2 .spin3 {
  vertical-align: middle;
}
button span.spinner .spin2 .spin3 .spin4 {
  animation: 1s ease-in-out 0s 1 normal forwards running spin;
  display: flex;
  height: 24px;
  width: 24px;
}
button span.spinner .spin2 .spin3 .spin4 .spinnersvg {
  animation: 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) 0s infinite normal none running spin;
  fill: none;
  stroke: rgb(255, 255, 255);
  stroke-dasharray: 69.115px;
  stroke-dashoffset: 55.292px;
  stroke-linecap: round;
  stroke-width: 2px;
  transform-origin: center center;
}

button.saved {
  background-color: rgba(165, 220, 134, 0.6);
}

@font-face {
  font-family: Industry Demi;
  src: local("Industry Demi"), url("../otf/fort%20foundry%20-%20industry%20demi.otf");
}
@font-face {
  font-family: Industry Book;
  src: local("Industry Book"), url("../otf/fort%20foundry%20-%20industry%20book.otf");
}
@font-face {
  font-family: Industry Light;
  src: local("Industry Light"), url("../otf/fort%20foundry%20-%20industry%20light.otf");
}
@font-face {
  font-family: Industry Black;
  src: local("Industry Black"), url("../otf/fort%20foundry%20-%20industry%20black.otf");
}
@font-face {
  font-family: Industry Ultra;
  src: local("Industry Ultra"), url("../otf/fort%20foundry%20-%20industry%20ultra.otf");
}
/*@import 'bourbon';*/
/* -------------------------------- 

Primary style

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

body {
  color: #00243f;
  background-color: #00243f;
}
@media only screen and (max-width: 1169px) {
  body.nav-on-left.overflow-hidden {
    overflow: hidden;
  }
}

input[type=search]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

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

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.cd-main-content, .cd-main-header {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
@media only screen and (max-width: 1169px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
}

.cd-main-content {
  background: #eee;
  min-height: 50vh;
  z-index: 2;
}

.cd-main-header {
  height: 55px;
  background: #00243f;
  z-index: 3;
}
.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (min-width: 1170px) {
  .cd-main-header {
    height: 70px;
  }
  .cd-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
}

.cd-logo {
  position: absolute;
  top: 12px;
  left: 5%;
}
.cd-logo img {
  display: block;
}
@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-logo {
    top: 26px;
    left: 4em;
  }
}

.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 5%;
  color: #fff;
}
.cd-header-buttons li {
  display: inline-block;
}
.cd-header-buttons li a {
  color: #fff;
}
@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%;
  }
  .nav-on-left .cd-header-buttons li {
    float: right;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-header-buttons {
    top: 18px;
    right: 4em;
  }
}

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
}

.cd-main-header a.cd-nav-trigger {
  text-indent: -100px;
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: "";
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #fff;
}
.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #fff;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: "";
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #fff;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #fff;
}
.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: "";
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}
.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: white;
}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #00243f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid white;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;
  }
}
.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #b32428;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #fff;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  /* item icon */
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
  background-image: url("../svg/line-icon-1.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
  background-image: url("../svg/line-icon-2.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
  background-image: url("../svg/line-icon-3.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
  background-image: url("../svg/line-icon-4.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
  background-image: url("../svg/line-icon-5.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
  background-image: url("../svg/line-icon-6.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
  background-image: url("../svg/line-icon-7.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
  background-image: url("../svg/line-icon-8.svg");
}
@media only screen and (max-width: 1169px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav {
    position: static;
    padding: 0 150px 0 0;
    height: auto;
    width: auto;
    float: right;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .cd-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav > li {
    float: left;
    margin-left: 3em;
  }
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    padding: 0 10px;
    color: #fff;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .cd-primary-nav > li > a:hover {
    color: #b32428;
  }
  .cd-primary-nav > li > a.selected {
    color: #b32428;
    box-shadow: inset 0 -2px 0 #b32428;
  }
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none;
  }
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    /* dropdown menu style */
    position: absolute;
    top: 70px;
    width: 100vw;
    background: #00243f;
    padding: 48px 64px 130px;
    box-shadow: inset 0 1px 0 #eee, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -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;
  }
  .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #eee;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #fff;
    border-color: #fff;
    color: #00243f;
  }
  .cd-primary-nav .cd-secondary-nav > li {
    /* change the height according to your needs - you can even set height: auto */
    height: 340px;
    /* here you set the number of columns - use width percentage */
    width: 23%;
    float: left;
    margin-right: 2.66%;
    border-right: 1px solid #eee;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
    margin-right: 0;
    border-right: none;
  }
  .cd-primary-nav .cd-secondary-nav > li > a {
    /* secondary nav title */
    color: #b32428;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 0.6em;
  }
  .cd-primary-nav .cd-secondary-nav a {
    height: 30px;
    line-height: 30px;
    padding: 0 18% 0 0;
    color: #fff;
    border-bottom: none;
    font-size: 0.9rem;
  }
  .cd-primary-nav .cd-secondary-nav a:hover {
    color: #b32428;
  }
  .cd-primary-nav .cd-secondary-nav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cd-primary-nav .cd-secondary-nav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
    color: transparent;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .see-all {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-primary-nav .cd-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
  }
  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: 0.6em;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
    color: #b32428;
    font-weight: bold;
    padding: 0 0.4em;
  }
  .cd-primary-nav .cd-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
    position: relative;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
    background: white;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    color: #b32428;
    font-weight: bold;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    display: block;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    left: 25px;
  }
}
.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: white;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #d5d5d5;
  }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #b32428;
  }
}

.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;
  }
  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;
  }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #d5d5d5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .cd-primary-nav > .has-children > a::before {
    right: 12px;
  }
  .cd-primary-nav > .has-children > a::after {
    right: 7px;
  }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px;
  }
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }
  .cd-primary-nav .go-back a {
    padding-left: 20px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px;
  }
}
.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 55px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-search form {
  height: 100%;
  width: 100%;
}
.cd-search input {
  border-radius: 0;
  border: none;
  background: #00243f;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #eee, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-search input::-webkit-input-placeholder {
  color: #d5d5d5;
}
.cd-search input::-moz-placeholder {
  color: #d5d5d5;
}
.cd-search input:-moz-placeholder {
  color: #d5d5d5;
}
.cd-search input:-ms-input-placeholder {
  color: #d5d5d5;
}
.cd-search input:focus {
  outline: none;
}
.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -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;
}
.nav-is-fixed .cd-search {
  position: fixed;
}
@media only screen and (min-width: 1170px) {
  .cd-search {
    height: 120px;
    top: 70px;
  }
  .cd-search input {
    padding: 0 2em;
    font-size: 3.2rem;
    font-weight: 300;
  }
}

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(179, 36, 40, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
  .cd-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .cd-overlay.is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

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

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1170px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }
  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;
  }
}
/* OB Additional styles */
.hero h2 {
  background: #001a31;
  text-align: left;
  padding: 20px;
  font-size: 60px;
  display: block;
  width: auto;
  font-weight: bold;
  padding-bottom: 20px;
  top: 50%;
  bottom: auto;
  margin-top: -30px;
  line-height: 80%;
  margin: 0px;
}

.hero h2::after {
  display: none;
}

.hero h3 {
  text-align: left;
  padding-left: 20px;
}

.no-card-border-bottom .card-plugin .card {
  border-bottom: none !important;
}

.ign-row-content-light LI {
  color: #ffffff !important;
}

/* ============= accordion  ========== */
.accordion-plugin.snippets .accordion .title-icon {
  max-width: 20px;
  display: inline-block !important;
  vertical-align: middle;
}
@media (min-width: 576px) {
  .accordion-plugin.snippets .accordion .title-icon {
    max-width: 25px;
  }
}
@media (min-width: 768px) {
  .accordion-plugin.snippets .accordion .title-icon {
    max-width: 30px;
  }
}
@media (min-width: 992px) {
  .accordion-plugin.snippets .accordion .title-icon {
    max-width: 40px;
  }
}
@media (min-width: 1200px) {
  .accordion-plugin.snippets .accordion .title-icon {
    max-width: 50px;
  }
}
.accordion-plugin.snippets .accordion .card-header {
  border-bottom: none;
  background: #00243f;
  border-bottom: 1px solid #fff;
  margin-bottom: 0px !important;
  color: #fff;
}
.accordion-plugin.snippets .accordion LI {
  list-style: disc;
  list-style-position: outside;
  font-size: 16px;
}
.accordion-plugin.snippets .accordion UL {
  margin-left: 20px;
}
.accordion-plugin.snippets .accordion .btn-link {
  color: #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 table {
  margin-left: 20px !important;
  margin-right: 20px !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;
}

.tiv-plugin h2 {
  font-size: 180%;
  line-height: 130%;
}

.tiv-plugin h3 {
  font-size: 160%;
  line-height: 130%;
}

.ourleague-membership H1 {
  color: #da2128 !important;
}

.ourleague-membership H2 {
  padding-top: 0px;
}

.cd-main-header ul.cd-header-buttons li.toplinks.tickets span, .cd-main-header ul.cd-header-buttons li.toplinks.matches span, .cd-main-header ul.cd-header-buttons li.toplinks.search-link span {
  font-size: 9px;
  letter-spacing: 1px;
}

.cd-main-header ul.cd-header-buttons li A:HOVER {
  color: #da2128;
}

.cd-main-header ul.cd-header-buttons li.matches i, .cd-main-header ul.cd-header-buttons li.tickets i, .cd-main-header ul.cd-header-buttons li.search-link i {
  font-size: 1rem !important;
}

.cd-main-header ul.cd-header-buttons a {
  padding-top: 20px !important;
}

.cd-main-header ul.cd-header-buttons li.matches a {
  padding-top: 19px !important;
}

.cd-main-header ul.cd-header-buttons li.toplinks {
  padding-right: 0px !important;
}
@media (min-width: 768px) {
  .cd-main-header ul.cd-header-buttons li.toplinks {
    padding-right: 20px !important;
  }
}

.cd-main-header ul.cd-header-buttons li {
  height: 70px !important;
}

.cd-main-header ul.cd-header-buttons li.menu {
  width: 70px !important;
}

.cd-main-header ul.cd-header-buttons li.ourleague .dropdown-menu {
  top: 4px !important;
}

.cd-main-header ul.cd-header-buttons A.dropdown-item i {
  color: #666666;
  font-size: 15px !important;
}

.cd-main-header ul.cd-header-buttons li.menu {
  padding: 12px 0 0 4px !important;
}

.cd-main-header {
  height: 70px;
}

.cd-main-header h3.logo-title {
  top: 28px !important;
}

.cd-logo {
  top: 14px !important;
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav > li > a {
    height: 70px;
    line-height: 70px;
  }
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    top: 70px;
  }
}
.ourleague-dashboard H2 {
  font-size: 20px;
  padding-bottom: 10px;
  color: #fff;
  width: 100%;
  border-bottom: solid 1px #3e7bb0;
  margin-bottom: 30px;
}

.ourleague-dashboard span.badge {
  width: 19%;
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
}

.ourleague-dashboard span.badge.inactive {
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}

.ourleague-dashboard span span {
  position: absolute;
  top: 10px;
  left: 0px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: 3vw;
  width: 100%;
  font-family: "Industry Demi", sans-serif;
}
@media (min-width: 768px) {
  .ourleague-dashboard span span {
    top: 12px;
    font-size: 1.5vw;
  }
}
@media (min-width: 992px) {
  .ourleague-dashboard span span {
    top: 20px;
    font-size: 2vw;
  }
}

.ourleague-dashboard .profile {
  height: 100px;
  width: 100px;
  overflow: hidden;
  border-radius: 50px;
  display: inline-block;
}

.ourleague-dashboard .profile img {
  width: 100%;
}

.ourleague-dashboard .players {
  display: inline-block;
  width: 70%;
  padding-left: 20px;
  color: #fff;
  margin-bottom: 30px;
}

.ourleague-dashboard .players a {
  display: block;
  padding: 0px;
  margin: 0px;
  padding-bottom: 20px;
  font-size: 13px;
  text-transform: uppercase;
  color: #7eacd4;
}

.ourleague-dashboard .players a:HOVER {
  color: #fff;
}

.ourleague-dashboard .players a.active {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.ourleague-dashboard table {
  margin-bottom: 0px;
}

.ourleague-dashboard table.career-stats td {
  background: transparent;
  color: #fff;
  font-family: "Industry Demi", sans-serif;
  font-size: 16px;
  border-bottom: solid 1px #3e7bb0;
  border-top: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .ourleague-dashboard table.career-stats td {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.ourleague-dashboard table.career-stats td.stat {
  color: #d5272f;
  font-size: 20px;
  text-align: right;
  font-weight: 900;
  max-width: 80px;
}
@media (min-width: 768px) {
  .ourleague-dashboard table.career-stats td.stat {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .ourleague-dashboard table.career-stats td.stat {
    font-size: 30px;
  }
}

.ourleague-dashboard table.career-stats td.title {
  text-transform: uppercase;
}

/*!
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;
}

.stripe-checkout {
  /* Variables */
  /* Buttons and links */
  /* spinner/processing state, errors */
}
.stripe-checkout * {
  box-sizing: border-box;
}
.stripe-checkout body {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  display: flex;
  justify-content: center;
  align-content: center;
  height: 100vh;
  width: 100vw;
}
.stripe-checkout form {
  width: 30vw;
  min-width: 500px;
  align-self: center;
  box-shadow: 0px 0px 0px 0.5px rgba(45, 45, 81, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px;
}
.stripe-checkout .hidden {
  display: none;
}
.stripe-checkout #payment-message {
  color: rgb(105, 115, 134);
  font-size: 16px;
  line-height: 20px;
  padding-top: 12px;
  text-align: center;
}
.stripe-checkout #payment-element {
  margin-bottom: 24px;
}
.stripe-checkout button {
  background: #5469d4;
  color: #ffffff;
  border-radius: 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}
.stripe-checkout button:hover {
  filter: contrast(115%);
}
.stripe-checkout .btn:hover {
  color: #fff !important;
}
.stripe-checkout button:disabled {
  opacity: 0.5;
  cursor: default;
}
.stripe-checkout .spinner,
.stripe-checkout .spinner:before,
.stripe-checkout .spinner:after {
  border-radius: 50%;
}
.stripe-checkout .spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.stripe-checkout .spinner:before,
.stripe-checkout .spinner:after {
  position: absolute;
  content: "";
}
.stripe-checkout .spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #5469d4;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.stripe-checkout .spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #5469d4;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 600px) {
  .stripe-checkout form {
    width: 80vw;
    min-width: initial;
  }
}

/*
purple: #78204a;
dark purple: #010005;
*/
body.womens-super-league .btn {
  background: #78204a !important;
}
body.womens-super-league .news-grid-plugin .card-footer {
  border-bottom: 3px solid #78204a;
}
body.womens-super-league .article-feature a:hover h2 {
  color: #78204a;
}
body.womens-super-league .article-feature .text-hold p.read-article {
  color: #78204a;
}
body.womens-super-league .article-feature .left-col .img-hold {
  background: #010005;
}
body.womens-super-league .hero.promo .shape {
  background: #78204a;
}
body.womens-super-league .hero.promo .text-hold {
  background: #78204a;
}
@media (min-width: 768px) {
  body.womens-super-league .hero.promo .text-hold {
    background: none;
  }
}
body.womens-super-league .hero.promo .text-hold a.btn.btn-primary {
  background: #fff !important;
  color: #78204a !important;
}

/*
blue: #006099;
red: #e21836;
pink: #e52053;
dark blue: #141127;
*/
body.super-league .btn {
  background: #006099 !important;
}
body.super-league .news-grid-plugin .card-footer.time {
  border-bottom: 3px solid #141127;
}
body.super-league .article-feature a:hover h2 {
  color: #006099;
}
body.super-league .article-feature .text-hold p.read-article {
  color: #006099;
}
body.super-league .article-feature .left-col .img-hold {
  background: #e21836;
}
body.super-league .hero.promo .shape {
  background: #141127;
}
body.super-league .hero.promo .text-hold {
  background: #141127;
}
@media (min-width: 768px) {
  body.super-league .hero.promo .text-hold {
    background: none;
  }
}
body.super-league .hero.promo .text-hold a.btn.btn-primary {
  background: #e52053 !important;
  color: #fff !important;
}
body.super-league .hero.promo h2 {
  color: #e52053 !important;
}
body.super-league .pink-highlight h2.row-title, body.super-league .pink-highlight h4.card-title {
  color: #e52053 !important;
}
body.super-league .match-centre .fix-res-buttons button.btn-primary {
  background: #141127 !important;
}
body.super-league .match-centre .fix-res-buttons button.btn-primary.active {
  color: #e52053 !important;
}
.super-league-header body.super-league div.logo {
  max-width: 300px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*
blue: #18428e;
red: #e83440;
yellow: #fece00;
green: #57b030;
*/
body.challenge-cup .btn {
  background: #18428e !important;
}
body.challenge-cup .news-grid-plugin .card-footer.time {
  border-bottom: 3px solid #fece00;
}
body.challenge-cup .article-feature a:hover h2 {
  color: #18428e;
}
body.challenge-cup .article-feature .text-hold p.read-article {
  color: #18428e;
}
body.challenge-cup .article-feature .left-col .img-hold {
  background: #e83440;
}
body.challenge-cup .hero.promo .shape {
  background: #063468;
}
body.challenge-cup .hero.promo .text-hold {
  background: #18428e;
}
@media (min-width: 768px) {
  body.challenge-cup .hero.promo .text-hold {
    background: none;
  }
}
body.challenge-cup .hero.promo .text-hold a.btn.btn-primary {
  background: #fece00 !important;
  color: #063468 !important;
}
body.challenge-cup .hero.promo h2 {
  color: #fece00 !important;
}
body.challenge-cup .pink-highlight h2.row-title, body.challenge-cup .pink-highlight h4.card-title {
  color: #fece00 !important;
}
body.challenge-cup .match-centre .fix-res-buttons button.btn-primary {
  background: #18428e !important;
  color: #ccc !important;
}
body.challenge-cup .match-centre .fix-res-buttons button.btn-primary.active {
  color: #fece00 !important;
}

/*
silver: #464648;
dark blue: #0d3e63;
light blue: #0465a0;
light grey: #aeb1b2;
*/
body.championship .btn {
  background: #464648 !important;
}
body.championship .news-grid-plugin .card-footer.time {
  border-bottom: 3px solid #0465a0;
}
body.championship .article-feature a:hover h2 {
  color: #464648;
}
body.championship .article-feature .text-hold p.read-article {
  color: #464648;
}
body.championship .article-feature .left-col .img-hold {
  background: #0d3e63;
}
body.championship .hero.promo .shape {
  background: #aeb1b2;
}
body.championship .hero.promo .text-hold {
  background: #464648;
}
@media (min-width: 768px) {
  body.championship .hero.promo .text-hold {
    background: none;
  }
}
body.championship .hero.promo .text-hold a.btn.btn-primary {
  background: #0465a0 !important;
  color: #aeb1b2 !important;
}
body.championship .hero.promo h2 {
  color: #0465a0 !important;
}
body.championship .pink-highlight h2.row-title, body.championship .pink-highlight h4.card-title {
  color: #0465a0 !important;
}
body.championship .match-centre .fix-res-buttons button.btn-primary {
  background: #0d3e63 !important;
  color: #ccc !important;
}
body.championship .match-centre .fix-res-buttons button.btn-primary.active {
  color: #fff !important;
}
body.championship .championship-header div.logo {
  max-width: 152px;
}
body.championship .championship-header div.logo img {
  width: 100% !important;
}

/*
blue: #052c3b;
yellow: #f4a30f;
grey: #706f6f;
*/
body.cup-1895 .btn {
  background: #052c3b !important;
}
body.cup-1895 .news-grid-plugin .card-footer.time {
  border-bottom: 3px solid #f4a30f;
}
body.cup-1895 .article-feature a:hover h2 {
  color: #052c3b;
}
body.cup-1895 .article-feature .text-hold p.read-article {
  color: #052c3b;
}
body.cup-1895 .article-feature .left-col .img-hold {
  background: #f4a30f;
}
body.cup-1895 .hero.promo .shape {
  background: #052c3b;
}
body.cup-1895 .hero.promo .text-hold {
  background: #052c3b;
}
@media (min-width: 768px) {
  body.cup-1895 .hero.promo .text-hold {
    background: none;
  }
}
body.cup-1895 .hero.promo .text-hold a.btn.btn-primary {
  background: #f4a30f !important;
  color: #fff !important;
}
body.cup-1895 .hero.promo h2 {
  color: #f4a30f !important;
}
body.cup-1895 .match-centre .fix-res-buttons button.btn-primary {
  background: #052c3b !important;
  color: #ccc;
}
body.cup-1895 .match-centre .fix-res-buttons button.btn-primary.active {
  color: #f4a30f !important;
}
body.cup-1895 div.logo {
  max-width: 60px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
}
body {
  background-color: #fff;
  font-family: "Roboto", sans-serif;
}

h1, h2, h3 {
  font-family: "Industry Demi", sans-serif;
}

em {
  font-style: italic;
}

a {
  color: #da2128;
}
a:focus {
  outline-style: none;
}
a.underline {
  text-decoration: underline !important;
}

.font-1 {
  font-family: "Industry Book", sans-serif !important;
}

.font-2 {
  font-family: "Industry Demi", sans-serif !important;
}

img {
  display: block;
}

.rfl-red {
  color: #da2128 !important;
}

.rfl-light-blue {
  color: #1e639f !important;
}

.rfl-dark-blue {
  color: #00243f !important;
}

.rfl-dark-blue-bg {
  background: #00243f !important;
}

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

.light-grey {
  background: #eee;
}

.light-grey-txt {
  color: #eee;
}

#ign-media-article {
  margin-top: 55px;
}

@media only screen and (max-width: 480px) {
  .mobile-flush {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
}

.alert-danger p, .alert-danger h3.alert-heading, .alert-danger a {
  color: #721c24 !important;
}

.modal-backdrop.show {
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
}

.container-fluid {
  overflow: hidden;
}

.row-title-reverse.ign-row-content-dark h2.row-title {
  color: #fff !important;
}
.row-title-reverse.ign-row-content-light h2.row-title {
  color: #00243f;
}

@media (min-width: 1400px) {
  .d-xxl-inline-block {
    display: inline-block !important;
  }
}

main.cd-main-content {
  overflow: hidden;
}

/* page edge space */
.container {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .container.ign-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.container-white {
  background: #fff;
}

@media (min-width: 768px) {
  .container.lift, .container-fluid.lift {
    position: relative;
    z-index: 10;
    top: -100px;
    margin-bottom: -100px !important;
  }
}

.section-header {
  padding: 40px 0 20px;
  margin-bottom: 20px;
  background: #fff;
}
.section-header h1 {
  text-transform: uppercase;
  font-size: 4rem;
  text-align: center;
}

/* ****************** level 4 navigation **************** */
#forth-level-nav {
  overflow: hidden;
}

#forth-level-nav:hover {
  overflow: auto;
}

#forth-level-nav {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  margin: 10px auto 0 auto;
  overflow-x: auto;
  font-family: "Industry Demi", sans-serif;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  #forth-level-nav {
    height: 70px;
    margin-top: 20px;
  }
}
#forth-level-nav::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background-image: linear-gradient(270deg, #fff, hsla(0deg, 0%, 100%, 0));
}
#forth-level-nav .inner {
  width: auto;
  white-space: nowrap;
  position: relative;
}
#forth-level-nav .inner a {
  display: inline-block;
  color: #00243f;
  text-align: center;
  padding: 10px 14px 10px 0px;
  text-decoration: none;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
#forth-level-nav .inner a:hover {
  color: #da2128;
}
#forth-level-nav .inner a.active {
  text-decoration: underline;
  color: #da2128;
}

/* ****************** page intro plugin **************** */
.page-intro {
  margin-bottom: 20px;
}
.page-intro h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
}
.page-intro h1:after {
  content: "";
  border-bottom: 3px #da2128 solid;
  display: block;
  width: 60px;
  margin: 20px auto 0 auto;
  position: relative;
}
.page-intro h1 span {
  display: none;
}

.cd-main-header .cd-logo {
  z-index: 10;
}
.cd-main-header a {
  color: #fff;
  text-decoration: none;
}
.cd-main-header h3.logo-title {
  color: #ccc;
  position: absolute;
  left: 50px;
  top: 22px;
  font-family: "Industry Book", sans-serif;
  text-transform: uppercase;
  font-size: 0.8rem;
  display: none;
}
@media (min-width: 992px) {
  .cd-main-header h3.logo-title {
    left: 52px;
  }
}
@media (min-width: 1200px) {
  .cd-main-header h3.logo-title {
    display: block;
  }
}
.cd-main-header ul.cd-header-buttons {
  margin-top: 0px;
  padding-top: 0px;
  top: 0px;
  right: 0px;
}
.cd-main-header ul.cd-header-buttons a.cd-search-trigger::before {
  border-color: #00243f;
}
.cd-main-header ul.cd-header-buttons a.cd-search-trigger::after {
  background: #00243f;
}
.cd-main-header ul.cd-header-buttons li {
  height: 70px;
  width: 57px;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  font-size: 1.4rem;
  font-family: "Industry Demi", sans-serif;
  text-transform: uppercase;
}
.cd-main-header ul.cd-header-buttons i {
  font-size: 1.2rem;
  color: #fff;
}
.cd-main-header ul.cd-header-buttons a {
  display: block;
  padding: 27px;
}
.cd-main-header ul.cd-header-buttons li.toplinks {
  text-align: center;
  font-size: 1rem;
}
.cd-main-header ul.cd-header-buttons li.toplinks a {
  padding-right: 0px;
  padding-left: 0px;
}
.cd-main-header ul.cd-header-buttons li.toplinks.tickets i {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-main-header ul.cd-header-buttons li.toplinks.tickets span, .cd-main-header ul.cd-header-buttons li.toplinks.matches span {
  padding-top: 4px;
}
.cd-main-header ul.cd-header-buttons li.ourleague {
  background: #1e639f;
  padding-left: 0px;
  padding-right: 0px;
}
.cd-main-header ul.cd-header-buttons li.ourleague img.ol-logo {
  max-width: 38px;
  width: 100%;
  display: inline;
  top: -3px;
  position: relative;
}
.cd-main-header ul.cd-header-buttons li.ourleague i {
  font-size: 1.3rem;
}
.cd-main-header ul.cd-header-buttons li.ourleague a.nav-link {
  padding-bottom: 8px !important;
  padding-top: 21px !important;
  padding-left: 10px !important;
}
.cd-main-header ul.cd-header-buttons li.ourleague a.nav-link img.ol-logo {
  top: -10px;
}
.cd-main-header ul.cd-header-buttons li.ourleague a.nav-link.dropdown-toggle {
  padding-bottom: 8px !important;
  padding-top: 21px !important;
  padding-left: 10px !important;
}
.cd-main-header ul.cd-header-buttons li.ourleague a.nav-link.dropdown-toggle:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  padding: 0px;
  border: 0px;
  font-size: 0.9rem;
  margin-left: 0px;
  display: none;
  top: -11px;
  position: relative;
}
@media (min-width: 992px) {
  .cd-main-header ul.cd-header-buttons li.ourleague a.nav-link.dropdown-toggle:after {
    display: inline-block;
  }
}
.cd-main-header ul.cd-header-buttons li.ourleague .dropdown-menu {
  border-radius: 0px;
  border: 0px;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
  margin: 0px;
  padding: 15px 0;
}
.cd-main-header ul.cd-header-buttons li.ourleague .dropdown-menu a.dropdown-item {
  padding: 12px 15px;
}
.cd-main-header ul.cd-header-buttons li.ourleague .dropdown-menu a.dropdown-item:hover {
  color: #1e639f;
}
.cd-main-header ul.cd-header-buttons li.ourleague .dropdown-menu a.dropdown-item.disabled {
  color: #999 !important;
}
.cd-main-header ul.cd-header-buttons li.ourleague a {
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .cd-main-header ul.cd-header-buttons li.ourleague {
    width: auto;
  }
  .cd-main-header ul.cd-header-buttons li.ourleague a {
    padding-right: 20px;
    padding-left: 20px;
  }
  .cd-main-header ul.cd-header-buttons li.toplinks {
    width: auto;
    padding-right: 25px;
  }
}
.cd-main-header ul.cd-header-buttons li.search {
  background: #fff;
  padding: 6px 0 0 6px;
}
.cd-main-header ul.cd-header-buttons li.menu {
  display: inline-block;
  padding: 6px 0 0 4px;
}
@media only screen and (min-width: 1170px) {
  .cd-main-header ul.cd-header-buttons li.menu {
    display: none;
  }
}

.profile-icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 1rem !important;
  color: #fff;
  line-height: 35px;
  text-align: center;
  background: #da2128;
  top: -3px;
  position: relative;
  overflow: hidden;
}
.profile-icon.off {
  font-size: 1.5rem !important;
  background: none;
}
.profile-icon img.profile-photo {
  max-width: 40px;
}
.profile-icon.big {
  width: 55px;
  height: 55px;
  line-height: 55px;
}
.profile-icon.big img.profile-photo {
  max-width: 60px;
}

nav.cd-nav {
  font-family: "Industry Demi", sans-serif;
  text-transform: uppercase;
}
nav.cd-nav #cd-primary-nav {
  /*margin-left: 140px;*/
}
nav.cd-nav #cd-primary-nav li.account, nav.cd-nav #cd-primary-nav li.social {
  display: none;
}
nav.cd-nav #cd-primary-nav a {
  text-decoration: none;
}
nav.cd-nav #cd-primary-nav a.level-one {
  font-size: 0.9rem;
}
@media (min-width: 1200px) {
  nav.cd-nav #cd-primary-nav a.level-one {
    font-size: 1rem;
  }
}
nav.cd-nav #cd-primary-nav li:first-child a.level-one {
  margin-left: 150px;
}
nav.cd-nav #cd-primary-nav.nav-is-visible a.level-one {
  font-family: "Industry Black", sans-serif;
}
nav.cd-nav #cd-primary-nav.nav-is-visible a.level-two {
  font-size: 0.9rem;
}
nav.cd-nav #cd-primary-nav.nav-is-visible ul.third-level li {
  font-size: 0.8rem;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.level3-selected {
  border-left: 4px solid #da2128;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li:first-child a.level-one {
  margin-left: 0px;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.social {
  display: block;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.account {
  display: block;
  line-height: 26px;
  padding: 24px 0 30px 10px;
  color: #00243f;
  text-transform: none;
  font-family: "Industry Book", sans-serif;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.account a {
  height: auto;
  padding: 0px;
  display: inline;
  line-height: 20px;
  font-family: "Industry Demi", sans-serif;
  font-size: 0.8rem;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.account a.logged-out p {
  display: block;
  left: 37px;
  width: 175px;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.account i {
  font-size: 1rem;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.account img.ol-logo {
  max-width: 120px;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.account .profile-icon {
  top: 0px;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.account .profile-icon.off {
  color: #00243f;
  top: 10px;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.account p {
  position: relative;
  left: 10px;
  padding: 0px;
  display: inline-block;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.social a {
  display: inline;
  color: #666;
}
nav.cd-nav #cd-primary-nav.nav-is-visible li.social a i {
  font-size: 1.3rem;
}
nav.cd-nav .cd-primary-nav > li {
  margin-left: 0.7em;
}
@media (min-width: 1200px) {
  nav.cd-nav .cd-primary-nav > li {
    margin-left: 2em;
  }
}
nav.cd-nav .cd-primary-nav.nav-is-visible > li {
  margin-left: 0px;
}
nav.cd-nav ul.cd-secondary-nav li {
  font-family: "Industry Demi", sans-serif;
  text-transform: none;
  font-size: 1rem;
}
nav.cd-nav ul.cd-secondary-nav li ul li {
  font-family: "Industry Book", sans-serif;
  text-transform: none;
}
@media only screen and (max-width: 1169px) {
  nav.cd-nav ul.cd-secondary-nav {
    position: relative;
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  nav.cd-nav ul.cd-secondary-nav.is-hidden {
    height: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  nav.cd-nav ul.cd-secondary-nav li {
    border-bottom: 1px solid #eee;
  }
  nav.cd-nav ul.cd-secondary-nav li.on {
    border: none;
  }
  nav.cd-nav ul.cd-secondary-nav ul {
    height: auto;
    background: #eee;
    opacity: 1;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  nav.cd-nav ul.cd-secondary-nav ul.is-hidden {
    height: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  nav.cd-nav ul.cd-secondary-nav ul li {
    border-bottom: none;
  }
  nav.cd-nav .cd-primary-nav > li {
    border-bottom: 1px solid #eee;
  }
  nav.cd-nav .cd-primary-nav.moves-out > li > a {
    transform: none;
    opacity: 1;
  }
  nav.cd-nav .has-children > a::before, nav.cd-nav .has-children > a::after, nav.cd-nav .go-back a::before, nav.cd-nav .go-back a::after {
    background: #ccc;
  }
  nav.cd-nav a.selected {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  nav.cd-nav a.selected::before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  nav.cd-nav a.selected::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  nav.cd-nav a.selected::after, nav.cd-nav a.selected::before {
    top: 27px;
    right: 23px;
    background: #da2128;
  }
  nav.cd-nav a.level-one {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 1170px) {
  nav.cd-nav .cd-primary-nav {
    float: left;
    padding: 0 0 0 50px;
    width: 100%;
  }
  nav.cd-nav .cd-primary-nav li > a.selected {
    box-shadow: inset 0 -2px 0 #b32428;
  }
  nav.cd-nav .cd-primary-nav li > ul > li > a {
    height: 25px;
    line-height: 25px;
  }
  nav.cd-nav .cd-primary-nav .cd-secondary-nav > li {
    width: 17%;
  }
  nav.cd-nav .cd-primary-nav .cd-secondary-nav > li.six {
    width: 14%;
  }
  nav.cd-nav .cd-primary-nav .cd-secondary-nav > li.see-all {
    width: 100%;
  }
  nav.cd-nav .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
    margin-right: 2.66%;
    border-right: 1px solid #eee;
  }
  nav.cd-nav .cd-primary-nav .cd-secondary-nav > li:last-child {
    margin-right: 0px;
    border-right: none;
  }
  nav.cd-nav .cd-secondary-nav {
    background: #fff;
  }
  nav.cd-nav .cd-secondary-nav a {
    color: #00243f;
  }
  nav.cd-nav .cd-secondary-nav li {
    height: auto;
    overflow-y: hidden;
  }
}

.cd-overlay {
  background-color: #00243f;
}
.cd-overlay.is-visible {
  opacity: 0.6;
}

.cd-logo {
  top: 8px;
  left: 0.6em;
}
@media (min-width: 992px) {
  .cd-logo {
    left: 0.9em;
  }
}
.cd-logo img {
  width: 30px;
}

h2.row-title {
  font-size: 2rem;
  position: relative;
  margin: 15px 0;
  text-align: left;
  font-family: "Industry Black", sans-serif;
  text-transform: uppercase;
  color: #00243f;
}
@media (min-width: 768px) {
  h2.row-title {
    font-size: 2.6rem;
    left: 0px;
    text-indent: 0px;
  }
}

a {
  color: #00243f;
  text-decoration: underline;
}
a:focus {
  outline-style: none;
}

p, td {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p {
  padding: 8px 0;
}

main.cd-main-content {
  margin-top: 70px;
  color: #00243f;
}
main.cd-main-content .container.white, main.cd-main-content .container-fluid.white {
  background: #fff;
}
main.cd-main-content .container.pad, main.cd-main-content .container-fluid.pad {
  padding: 20px 0;
}

.modal-body main.cd-main-content {
  margin-top: 0px;
}

footer {
  background: #00243f;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.5rem;
}
footer i {
  font-size: 1.8rem;
  margin: 5px;
}
footer .company {
  color: #999;
}
footer .company p small {
  font-size: 0.8rem;
}
footer .company a {
  text-decoration: underline;
}
footer .social-links a, footer .social-links svg, footer .social-links path {
  color: #da2128;
  fill: #da2128;
}
footer a {
  color: #ccc;
  text-decoration: none;
}
footer a:hover {
  color: #da2128;
}
footer .links p {
  padding-bottom: 5px;
}

/* *********** news plugin ************** */
.news-grid-plugin i.fa-play-circle {
  position: absolute;
  color: #fff;
  right: 1%;
  top: 1%;
  font-size: 2.6rem;
}
.news-grid-plugin h4.card-title {
  font-family: "Industry Book", sans-serif;
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .news-grid-plugin h4.card-title {
    font-size: 1.1rem;
    line-height: 1.3rem;
  }
}
.news-grid-plugin h4.card-title a {
  color: #00243f;
  text-decoration: none;
}
.news-grid-plugin h4.card-title a:hover {
  text-decoration: underline;
}
.news-grid-plugin p.tag {
  font-size: 1.3rem;
}
.news-grid-plugin p.tag a {
  color: #666;
}
.news-grid-plugin .time {
  font-size: 1.3rem;
}
.news-grid-plugin .card {
  border: none;
}
.news-grid-plugin .card-footer {
  background: none;
  border-bottom: 3px solid #1e639f;
  border-top: 0px;
  font-size: 0.9rem;
  border-radius: 0px;
}
.news-grid-plugin .card-body {
  padding: 1rem;
}
.news-grid-plugin .edgeless .card-body, .news-grid-plugin .edgeless .card-footer {
  padding-left: 0px;
}
.news-grid-plugin p.card-teaser {
  display: none;
}
@media (min-width: 992px) {
  .news-grid-plugin p.card-teaser {
    display: block;
  }
}

.ign-row-content-light .news-grid-plugin h4.card-title a {
  color: #fff;
}

.article-feature {
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .article-feature {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .article-feature {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.article-feature .right-col {
  background: #fff;
}
.article-feature .left-col {
  padding: 0px !important;
}
.article-feature .left-col .img-hold {
  background: #00243f;
}
.article-feature .left-col .img-hold img {
  max-width: none;
  width: 100% !important;
}
.article-feature .text-hold {
  color: #00243f;
  position: relative;
}
.article-feature .text-hold p.teaser {
  font-size: 0.8rem;
}
@media (min-width: 992px) {
  .article-feature .text-hold p.teaser {
    width: 120%;
  }
}
@media (min-width: 768px) {
  .article-feature .text-hold {
    background: none;
    left: 0px;
  }
}
@media (min-width: 992px) {
  .article-feature .text-hold {
    background: #fff;
  }
}
.article-feature .text-hold p.read-article {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-family: "Roboto", sans-serif;
  color: #1e639f;
}
.article-feature a {
  text-decoration: none !important;
  display: block;
}
@media (min-width: 768px) {
  .article-feature a {
    display: inherit;
  }
}
.article-feature a h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none !important;
  background: #fff;
  position: relative;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .article-feature a h2 {
    padding: 30px 0 30px 30px;
    left: -80px;
    width: 130%;
    font-size: 1.2rem;
  }
}
@media (min-width: 992px) {
  .article-feature a h2 {
    font-size: 1.7rem;
    left: -100px;
  }
}
@media (min-width: 1200px) {
  .article-feature a h2 {
    font-size: 2.5rem;
    left: -150px;
    width: 110%;
  }
}
.article-feature a img.main-img {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  transition: 0.2s all;
}
.article-feature a:hover h2 {
  color: #1e639f;
}
.article-feature a:hover img.main-img {
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  transition: 0.4s all;
}

.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: #da2128;
  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: 27px;
  }
}
.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 only screen and (min-width: 480px) {
  .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: -50px;
  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;
  }
}
.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: #da2128;
  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-family: "Industry Demi", sans-serif;
  font-size: 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;
  font-size: 0.8rem;
  bottom: 0px;
  font-family: "Industry Book", sans-serif;
}
.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;
  -webkit-opacity: 0.6;
  -moz-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;
}

.ign-row-content-light .news-grid-videos-slider-plugin div.video-left, .ign-row-content-light .news-grid-videos-slider-plugin div.video-right {
  color: #fff;
  border: 1px solid #ccc;
}
.ign-row-content-light .news-grid-videos-slider-plugin div.video-left.slick-disabled, .ign-row-content-light .news-grid-videos-slider-plugin div.video-right.slick-disabled {
  border-color: #999;
  color: #999;
}
.ign-row-content-light .news-grid-videos-slider-plugin div.video-left.slick-disabled:hover i, .ign-row-content-light .news-grid-videos-slider-plugin div.video-right.slick-disabled:hover i {
  color: #666;
}
.ign-row-content-light .news-grid-videos-slider-plugin .card-teaser {
  color: #ccc !important;
}
.ign-row-content-light .news-grid-videos-slider-plugin div.time {
  color: #fff;
}
.ign-row-content-light .news-grid-videos-slider-plugin .card {
  border: 1px solid #222;
}

.news-grid-videos-slider-plugin.light-buttons div.video-left, .news-grid-videos-slider-plugin.light-buttons div.video-right {
  color: #fff;
  border: 1px solid #ccc;
}
.news-grid-videos-slider-plugin.light-buttons div.video-left.slick-disabled, .news-grid-videos-slider-plugin.light-buttons div.video-right.slick-disabled {
  border-color: #999;
  color: #999;
}
.news-grid-videos-slider-plugin.light-buttons div.video-left.slick-disabled:hover i, .news-grid-videos-slider-plugin.light-buttons div.video-right.slick-disabled:hover i {
  color: #666;
}

.article-standard div.teaser p {
  border-left: 1px solid #8A8C8E;
  padding-left: 12px;
  font-size: 1.1rem;
  margin-bottom: 2vw;
}
@media (min-width: 768px) {
  .article-standard div.teaser p {
    font-size: 1.2rem;
  }
}
.article-standard .article-head-row .col {
  max-width: 1200px;
}
.article-standard .article-head-row p.primary-tag a {
  background: #fff;
  border: 1px #ccc solid;
  padding: 5px 15px;
  margin-right: 10px;
  font-family: "Industry Bold", sans-serif;
  font-size: 0.9rem;
  text-decoration: none;
  display: block;
}
.article-standard .article-head-row p.primary-tag a:hover {
  background: #00243f;
  color: #fff;
  transition: 0.3s all;
}
.article-standard .article-head-row h1 {
  font-size: 1.7rem;
  margin-bottom: 20px;
  line-height: 1.7rem;
  font-family: "Industry Black", sans-serif;
}
@media (min-width: 768px) {
  .article-standard .article-head-row h1 {
    margin-bottom: 3vw;
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media only screen and (min-width: 1370px) {
  .article-standard .article-head-row h1 {
    font-size: 4rem;
    line-height: 4rem;
  }
}
.article-standard .article-story-row {
  padding-left: 10px;
  padding-right: 10px;
}
.article-standard .article-story-row img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-standard .article-story-row {
    padding: 0px;
  }
}
.article-standard .article-story-row p, .article-standard .article-story-row ul {
  font-size: 1.1rem;
  line-height: 1.6rem;
}
.article-standard .article-story-row div.share {
  margin: 20px 0;
  border-top: 1px solid #ccc;
  padding: 30px 0;
}
.article-standard .article-story-row h2 {
  font-size: 1.4rem;
  line-height: 1.7rem;
}
.article-standard .article-story-row h3 {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
.article-standard .article-story-row ul {
  margin: 10px 0;
}
.article-standard .article-story-row ul li {
  list-style-type: none;
  padding: 10px 0 2px 30px;
}
.article-standard .article-story-row ul li:before {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  color: #00243f;
  position: absolute;
  left: 10px;
}
@media (min-width: 992px) {
  .article-standard .container-fluid.article-image img {
    width: 100%;
    max-width: none;
    object-fit: cover;
  }
}
.article-standard .container-fluid.article-image .row {
  display: block;
}
@media (min-width: 992px) {
  .article-standard .container-fluid.article-image .row {
    max-height: 600px;
    min-height: 400px;
    overflow: hidden;
  }
}

/* ************* feature plugin ************* */
.container-fluid.feature {
  padding: 0px;
  background-image: url("../404.html");
  background-size: 120%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.row.feature-article {
  max-width: none !important;
}
.row.feature-article .image-holder {
  width: 70%;
  position: relative;
  left: -35px;
}
.row.feature-article .image-holder img {
  display: block;
  width: 100%;
  /*transform:scale(1.4);*/
}
.row.feature-article .clip-image {
  -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}
.row.feature-article .text-holder {
  background: #00243f;
  max-width: 500px;
  width: 60vw;
  height: auto;
  position: absolute;
  z-index: 3;
  right: 5vw;
  top: 5vw;
  padding: 5vw;
}
@media (min-width: 768px) {
  .row.feature-article .text-holder {
    padding: 40px;
  }
}
.row.feature-article .text-holder h1 {
  font-size: 3.5vw;
  line-height: 3.5vw;
  color: #fff;
}
@media (min-width: 768px) {
  .row.feature-article .text-holder h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media only screen and (min-width: 1170px) {
  .row.feature-article .text-holder h1 {
    font-size: 3.7rem;
    line-height: 3.2rem;
  }
}
.row.feature-article .text-holder h1:after {
  content: "";
  background: #da2128;
  width: 30px;
  display: block;
  border-bottom: 2px solid #da2128;
  margin-top: 7px;
}
@media (min-width: 768px) {
  .row.feature-article .text-holder h1:after {
    margin-top: 20px;
    width: 70px;
    border-bottom: 5px solid #da2128;
  }
}
.row.feature-article .text-holder p.teaser {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #ccc;
  padding: 20px 0;
}
.row.feature-article .text-holder p.tag {
  font-size: 1.2rem;
  padding: 8px 0;
}
@media (min-width: 768px) {
  .row.feature-article .text-holder p.tag {
    padding-top: 20px;
  }
}
.row.feature-article .text-holder p.tag a {
  text-decoration: underline;
}
.row.feature-article .text-holder p.time {
  font-size: 1.2rem;
  color: #ccc;
}

#media-modal, #general-modal {
  color: #00243f;
}
#media-modal .modal-body, #general-modal .modal-body {
  padding: 0px;
}
#media-modal .modal-body main.cd-main-content, #general-modal .modal-body main.cd-main-content {
  background: #fff;
}
#media-modal .modal-body main.cd-main-content div:first-child, #general-modal .modal-body main.cd-main-content div:first-child {
  padding-top: 0rem !important;
}
#media-modal button.close, #general-modal button.close {
  font-size: 2.5rem;
  padding: 0.6rem 1rem;
  padding-bottom: 0px;
}

.hero .text-hold {
  text-align: left;
  bottom: 3vw;
}
.hero .cover {
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
}
.hero.no-image {
  padding-top: 15pt;
  padding-bottom: 15px;
}
.hero.no-image .cover {
  display: none;
}
.hero.no-image h2 {
  background: none;
  color: #00243f;
  padding: 0px;
}
.hero.no-image h3 {
  padding: 10pt 0px 0px 0px;
  font-family: "Roboto", sans-serif;
  text-transform: none;
  font-size: 1.3rem;
  line-height: 1.7rem;
  max-width: none;
}
@media (min-width: 768px) {
  .hero.no-image h3 {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
.hero.no-image .img-hold {
  height: auto !important;
}
.hero.no-image .text-hold {
  position: relative;
  bottom: auto;
  top: auto;
}
.hero .thumb-hold img.thumb-image {
  margin: 10px 0 0 10px;
  max-width: 200px;
}
@media (min-width: 768px) {
  .hero .thumb-hold img.thumb-image {
    margin: 30px 0 0 30px;
    max-width: 240px;
  }
}
@media (max-width: 767.98px) {
  .hero .img-hold {
    height: 400px;
  }
  .hero .img-hold img.full-image {
    left: -190px;
  }
  .hero.mobile-left-0 .img-hold img.full-image {
    left: -0px;
  }
  .hero.mobile-left-1 .img-hold img.full-image {
    left: -50px;
  }
  .hero.mobile-left-2 .img-hold img.full-image {
    left: -100px;
  }
  .hero.mobile-left-3 .img-hold img.full-image {
    left: -150px;
  }
  .hero.mobile-left-4 .img-hold img.full-image {
    left: -200px;
  }
  .hero.mobile-left-5 .img-hold img.full-image {
    left: -250px;
  }
  .hero.mobile-left-6 .img-hold img.full-image {
    left: -300px;
  }
  .hero.mobile-left-7 .img-hold img.full-image {
    left: -350px;
  }
  .hero.mobile-left-8 .img-hold img.full-image {
    left: -400px;
  }
  .hero.mobile-left-9 .img-hold img.full-image {
    left: -450px;
  }
  .hero.mobile-left-10 .img-hold img.full-image {
    left: -500px;
  }
}
.hero h2 {
  font-family: "Industry Ultra", sans-serif;
  background: #001a31;
  text-align: left;
  padding: 10px 13px 16px 13px;
  font-size: 30px;
  display: inline-block;
  bottom: auto;
  margin-top: -30px;
  line-height: 90%;
  margin: 0px 25% 0px 0px;
  letter-spacing: 0px;
}
@media (min-width: 992px) {
  .hero h2 {
    padding: 16px 30px 20px 30px;
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .hero h2 {
    font-size: 50px;
  }
}
.hero h2::after {
  display: none;
}
.hero h3 {
  text-align: left;
  padding-left: 15px;
  font-family: "Industry Book", sans-serif;
  letter-spacing: 0px;
  font-size: 18px;
  line-height: 23px;
  max-width: 600px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .hero h3 {
    padding-left: 30px;
  }
}
.hero .btn.btn-primary {
  background: #da2128;
  color: #fff;
  border-color: #da2128;
  text-decoration: none;
  margin-left: 15px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .hero .btn.btn-primary {
    margin-left: 30px;
  }
}
.hero.promo .img-hold {
  height: 214px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .hero.promo .img-hold {
    height: 300px;
  }
}
@media (min-width: 992px) {
  .hero.promo .img-hold {
    height: 350px;
  }
}
.hero.promo .img-hold img.full-image {
  left: -100px;
}
@media (min-width: 576px) {
  .hero.promo .img-hold img.full-image {
    left: -50px;
  }
}
@media (min-width: 768px) {
  .hero.promo .img-hold img.full-image {
    left: 0px;
  }
}
@media (min-width: 992px) {
  .hero.promo .img-hold img.full-image {
    max-height: none;
    max-width: 100%;
  }
}
.hero.promo .shape {
  background: #00243f;
  height: 25px;
  width: 100%;
  top: 190px;
  position: absolute;
  z-index: 10;
  -webkit-clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
}
@media (min-width: 768px) {
  .hero.promo .shape {
    width: 60%;
    height: 100%;
    top: auto;
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
  }
}
@media (min-width: 992px) {
  .hero.promo .shape {
    width: 500px;
  }
}
.hero.promo .text-hold {
  bottom: 0px;
  position: relative;
  background: #00243f;
}
@media (min-width: 768px) {
  .hero.promo .text-hold {
    background: none;
    position: absolute;
    top: 20px;
  }
}
@media (min-width: 992px) {
  .hero.promo .text-hold {
    top: 24px;
  }
}
.hero.promo .text-hold h2 {
  background: none;
  font-size: 1.6rem;
  padding-top: 5px;
  padding-bottom: 5px !important;
  margin-right: 10px;
  font-family: "Industry Ultra", sans-serif;
}
@media (min-width: 768px) {
  .hero.promo .text-hold h2 {
    max-width: 45%;
    font-size: 2.2rem;
  }
}
@media (min-width: 992px) {
  .hero.promo .text-hold h2 {
    font-size: 3rem;
    max-width: 40%;
  }
}
.hero.promo .text-hold h3 {
  font-size: 0.9rem;
  padding-top: 5px;
}
@media (min-width: 768px) {
  .hero.promo .text-hold h3 {
    padding-top: 5px;
    font-size: 1rem;
    max-width: 40%;
  }
}
@media (min-width: 992px) {
  .hero.promo .text-hold h3 {
    padding-top: 15px;
    font-size: 1.1rem;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .hero.promo .text-hold h3 {
    max-width: 30%;
  }
}
.hero.promo .text-hold a.btn.btn-primary {
  border: none;
  font-size: 0.9rem;
}
.hero.promo.section-intro .shape {
  width: 90%;
  height: 100%;
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  top: 0px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
}
@media (min-width: 768px) {
  .hero.promo.section-intro .shape {
    width: 80%;
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
  }
}
.hero.promo.section-intro .img-hold {
  height: 350px;
  background-color: #00243f;
}
@media (min-width: 768px) {
  .hero.promo.section-intro .img-hold {
    height: 450px;
  }
}
@media (min-width: 992px) {
  .hero.promo.section-intro .img-hold {
    height: 600px;
  }
}
.hero.promo.section-intro .img-hold img.full-image {
  max-height: none;
  left: 0px;
}
@media (min-width: 576px) {
  .hero.promo.section-intro .img-hold img.full-image {
    left: 0px;
  }
}
.hero.promo.section-intro .text-hold {
  top: 0px;
  padding: 10vw 7vw;
  position: absolute;
  background: none;
  width: 80%;
}
@media (min-width: 768px) {
  .hero.promo.section-intro .text-hold {
    position: absolute;
    padding: 7vw 7vw;
  }
}
.hero.promo.section-intro .text-hold h2, .hero.promo.section-intro .text-hold h3 {
  max-width: none;
  padding-left: 0px;
}
@media (min-width: 992px) {
  .hero.promo.section-intro .text-hold h2, .hero.promo.section-intro .text-hold h3 {
    max-width: 600px;
  }
}
.hero.promo.section-intro ul li {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
@media (min-width: 992px) {
  .hero.promo.section-intro ul li {
    font-size: 1.3rem;
  }
}
.hero.promo.section-intro ul li a {
  color: #fff;
  text-decoration: none;
  font-family: "Industry Book", sans-serif;
}
.hero.promo.section-intro ul li a:hover {
  padding-left: 15px;
  -webkit-transition: all "0.2s" ease-out;
  -moz-transition: all "0.2s" ease-out;
  transition: all "0.2s" ease-out;
}
.hero.highlight-section .col-12 {
  background: #00243f;
}
.hero.highlight-section .shape {
  width: 100%;
  height: 100%;
  top: 0px;
  -webkit-clip-path: polygon(0% 100%, 0% 25%, 100% 30%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 100%, 0% 25%, 100% 30%, 100% 100%, 0% 100%);
}
.hero.highlight-section .shape.background-intensity-0 {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
}
.hero.highlight-section .shape.background-intensity-1 {
  opacity: 0.2;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
}
.hero.highlight-section .shape.background-intensity-2 {
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}
.hero.highlight-section .shape.background-intensity-3 {
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
}
.hero.highlight-section .shape.background-intensity-4 {
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
}
.hero.highlight-section .shape.background-intensity-5 {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
@media (min-width: 768px) {
  .hero.highlight-section .shape {
    width: 70%;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
  }
}
@media (min-width: 992px) {
  .hero.highlight-section .shape {
    width: 60%;
  }
}
.hero.highlight-section h2 {
  padding: 0px;
  max-width: none !important;
}
.hero.highlight-section .img-hold {
  position: relative;
}
@media (min-width: 768px) {
  .hero.highlight-section .img-hold {
    height: 550px;
  }
}
.hero.highlight-section .img-hold img.full-image {
  width: 100%;
  left: 0px;
  width: 100%;
  max-width: none;
  max-height: none;
}
@media (min-width: 768px) {
  .hero.highlight-section .img-hold img.full-image {
    object-fit: cover;
    -o-object-fit: cover;
  }
}
.hero.highlight-section .text-hold {
  width: 100%;
  padding: 30px;
}
@media (min-width: 768px) {
  .hero.highlight-section .text-hold {
    width: 55%;
    background: none !important;
  }
}
@media (min-width: 992px) {
  .hero.highlight-section .text-hold {
    width: 40%;
    background: none !important;
  }
}
.hero.super-hero h2, .hero.super-hero h3 {
  text-align: center;
  display: block;
  background: none;
  margin: 0px;
  padding: 0px;
  max-width: none;
}
.hero.super-hero h2 {
  font-size: 3rem;
  letter-spacing: -2px;
  text-shadow: 0px 0px 15px #00243f;
  margin-bottom: 15px;
  font-family: "Industry Ultra", sans-serif;
  padding-left: 2vw;
  padding-right: 2vw;
  line-height: 100%;
}
.hero.super-hero h2 span {
  display: inline;
  position: relative;
}
.hero.super-hero h2 span:after {
  content: "";
  display: inline-block;
  border-bottom: 7px solid #7dbaff;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0px;
}
@media (min-width: 768px) {
  .hero.super-hero h2 {
    font-size: 3rem;
  }
  .hero.super-hero h2 span:after {
    border-bottom: 8px solid #7dbaff;
    bottom: -10px;
  }
}
@media (min-width: 768px) {
  .hero.super-hero h2 {
    font-size: 4rem;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .hero.super-hero h2 {
    font-size: 5rem;
    margin-bottom: 50px;
  }
}
.hero.super-hero h3 {
  font-size: 1rem;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .hero.super-hero h3 {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .hero.super-hero h3 {
    font-size: 1.8rem;
  }
}
.hero.super-hero .text-hold {
  bottom: 80px;
}
@media (min-width: 992px) {
  .hero.super-hero .text-hold {
    bottom: 100px;
  }
}
.hero.super-hero .cover {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  background: rgba(255, 0, 0, 0);
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0), #00243f);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0), #00243f);
  height: 270px;
}
.hero.signpost-large .shape {
  z-index: 10;
  position: absolute;
  width: 101%;
  height: 100px;
  top: auto;
  bottom: -1px;
  left: -1px;
  -webkit-clip-path: polygon(0% 100%, 0% 50%, 100% 80%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 100%, 0% 50%, 100% 80%, 100% 100%, 0% 100%);
  background: #ccc;
}
@media (min-width: 768px) {
  .hero.signpost-large .shape {
    width: 30%;
    height: 101%;
    top: -1px;
    bottom: auto;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95% 101%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 2% 102%, 0% 101%);
  }
  .hero.signpost-large .shape.right {
    left: auto;
    right: 0px;
    -webkit-clip-path: polygon(101% 0, 101% 100%, 2% 102%, 0% 101%);
    clip-path: polygon(101% 0, 101% 100%, 2% 102%, 0% 101%);
  }
}
@media (min-width: 992px) {
  .hero.signpost-large .shape {
    width: 20%;
  }
}
.hero.signpost-large h2 {
  background: none;
  margin: 0px;
  padding: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (min-width: 1200px) {
  .hero.signpost-large h2 {
    font-size: 45pt;
  }
}
.hero.signpost-large p {
  font-family: "Industry Book", sans-serif;
}
@media (min-width: 992px) {
  .hero.signpost-large p {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}
.hero.signpost-large .text-hold {
  position: relative;
  bottom: auto;
  width: 80%;
  margin: auto;
  z-index: 12;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero.signpost-large .text-hold {
    width: 90%;
    margin-right: 0px;
  }
}
.hero.signpost-large .text-hold img.thumb {
  max-width: 100px;
}
.hero.signpost-large a {
  display: block;
  width: 100%;
  text-decoration: none;
}
.hero.signpost-large a .row {
  background: #00243f;
}
.hero.signpost-large a img.full-image {
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hero.signpost-large a span.more {
  /*
  $size: 0.9
  $posx: left
  $posy: top
  */
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  border: 1px solid #00243f;
  font-family: "Industry Book", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 1pt;
  width: 220px;
  height: 50px;
  position: relative;
}
@media (min-width: 992px) {
  .hero.signpost-large a span.more {
    /*
    $size: 0.9
    $posx: left
    $posy: top
    */
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
  }
}
.hero.signpost-large a span.more span.txt {
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 0px;
  top: 18px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hero.signpost-large a span.more:after {
  content: "";
  width: 0%;
  height: 48px;
  background: #1e639f;
  opacity: 0.3;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hero.signpost-large a:hover {
  /*[class^='col-'] {*/
}
.hero.signpost-large a:hover img.full-image {
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.hero.signpost-large a:hover span.more span.txt {
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hero.signpost-large a:hover span.more:after {
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.hero.signpost-large a:hover h2 {
  color: #1e639f;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.hero.signpost-large a:hover .style-dark-blue h2, .hero.signpost-large a:hover .style-dark-blue p {
  color: #ccc;
}
.hero.signpost-large a .style-white .shape, .hero.signpost-large a .style-white .text-container {
  background: #fff;
}
.hero.signpost-large a .style-dark-blue .shape, .hero.signpost-large a .style-dark-blue .text-container {
  background: #00243f;
}
.hero.signpost-large a .style-dark-blue h2, .hero.signpost-large a .style-dark-blue p {
  color: #fff;
}
.hero.signpost-large a .style-dark-blue span.more {
  border-color: #fff;
  color: #fff;
}

table th, .table th {
  padding-top: 20px;
  border-top: 0px;
  font-weight: 500;
}
table td, .table td {
  background: #fff;
}
table.table-striped tbody tr:nth-of-type(odd) td, .table.table-striped tbody tr:nth-of-type(odd) td {
  background-color: #f6f4f3;
}

.text-plugin table td, .text-plugin table th {
  font-size: 0.8rem;
  padding: 0.5rem;
  line-height: 1rem;
}
@media (min-width: 768px) {
  .text-plugin table td, .text-plugin table th {
    font-size: 0.9rem;
    padding: 0.75rem;
  }
}
@media (min-width: 992px) {
  .text-plugin table td, .text-plugin table th {
    padding: 0.85rem;
  }
}
.text-plugin ol {
  list-style-position: outside;
  margin-left: 35px;
}
.text-plugin ol li {
  list-style-type: decimal;
  line-height: 1.3rem;
  padding-bottom: 6px;
  padding-left: 10px;
}
.ign-row-content-light .text-plugin ol li {
  color: #fff;
}
.text-plugin .btn.btn-primary {
  background: none;
  border: 0px;
  text-transform: none;
  color: #da2128;
  padding: 12px 12px 12px 0;
  text-align: left;
  text-decoration: underline;
}
.text-plugin .btn.btn-primary:after {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  margin-left: 10px;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
}

.btn.btn-primary {
  background: #00243f;
  border-color: #00243f;
  color: #fff;
  text-decoration: none;
  font-family: "Industry Book", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 10px 20px;
}

.text-plugin h1, .text-plugin h2, .text-plugin h3, .text-plugin h4, .text-plugin h5, .text-plugin h6, .text-image-plugin h1, .text-image-plugin h2, .text-image-plugin h3, .text-image-plugin h4, .text-image-plugin h5, .text-image-plugin h6, .tiv-plugin h1, .tiv-plugin h2, .tiv-plugin h3, .tiv-plugin h4, .tiv-plugin h5, .tiv-plugin h6, .child-pages h1, .child-pages h2, .child-pages h3, .child-pages h4, .child-pages h5, .child-pages h6 {
  font-family: "Industry Book", sans-serif;
  margin: 0px;
  padding: 10px 0 0 0;
}
.text-plugin h1, .text-image-plugin h1, .tiv-plugin h1, .child-pages h1 {
  font-size: 2rem;
  line-height: 2.2rem;
}
.text-plugin h2, .text-image-plugin h2, .tiv-plugin h2, .child-pages h2 {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.text-plugin h3, .text-image-plugin h3, .tiv-plugin h3, .child-pages h3 {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.text-plugin h4, .text-image-plugin h4, .tiv-plugin h4, .child-pages h4 {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.text-plugin h5, .text-image-plugin h5, .tiv-plugin h5, .child-pages h5 {
  font-size: 1rem;
  line-height: 1.2rem;
}
.text-plugin h6, .text-image-plugin h6, .tiv-plugin h6, .child-pages h6 {
  font-size: 0.9rem;
  line-height: 1rem;
}
@media (min-width: 992px) {
  .text-plugin h1, .text-image-plugin h1, .tiv-plugin h1, .child-pages h1 {
    font-size: 2.6rem;
    line-height: 2.8rem;
  }
  .text-plugin h2, .text-image-plugin h2, .tiv-plugin h2, .child-pages h2 {
    font-size: 2.1rem;
    line-height: 2.3rem;
  }
  .text-plugin h3, .text-image-plugin h3, .tiv-plugin h3, .child-pages h3 {
    font-size: 1.9rem;
    line-height: 2.1rem;
  }
  .text-plugin h4, .text-image-plugin h4, .tiv-plugin h4, .child-pages h4 {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
  .text-plugin h5, .text-image-plugin h5, .tiv-plugin h5, .child-pages h5 {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .text-plugin h6, .text-image-plugin h6, .tiv-plugin h6, .child-pages h6 {
    font-size: 1.1rem;
    line-height: 1.2rem;
  }
}
.text-plugin ul, .text-image-plugin ul, .tiv-plugin ul, .child-pages ul {
  position: relative;
}
.text-plugin ul li, .text-image-plugin ul li, .tiv-plugin ul li, .child-pages ul li {
  font-size: 0.9rem;
  line-height: 1.3rem;
  list-style-type: none;
  padding: 10px 0 0px 30px;
}
.text-plugin ul li:before, .text-image-plugin ul li:before, .tiv-plugin ul li:before, .child-pages ul li:before {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  color: #00243f;
  position: absolute;
  left: 0px;
}
.text-plugin blockquote, .text-image-plugin blockquote, .tiv-plugin blockquote, .child-pages blockquote {
  border-left: 6px solid #eee;
  padding-left: 46px;
  line-height: 1.4rem;
  font-size: 1.2rem;
  font-weight: 300;
  margin: 10pt 0;
}
.text-plugin blockquote:before, .text-image-plugin blockquote:before, .tiv-plugin blockquote:before, .child-pages blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Pro";
  color: #00243f;
  position: absolute;
  left: 25px;
}
.text-plugin blockquote:after, .text-image-plugin blockquote:after, .tiv-plugin blockquote:after, .child-pages blockquote:after {
  content: "\f10e";
  font-family: "Font Awesome 5 Pro";
  color: #00243f;
  position: absolute;
  right: 0px;
  padding-top: 10px;
}
.ign-row-content-light .text-plugin blockquote, .ign-row-content-light .text-image-plugin blockquote, .ign-row-content-light .tiv-plugin blockquote, .ign-row-content-light .child-pages blockquote {
  color: #fff;
}
.ign-row-content-light .text-plugin blockquote:before, .ign-row-content-light .text-image-plugin blockquote:before, .ign-row-content-light .tiv-plugin blockquote:before, .ign-row-content-light .child-pages blockquote:before {
  color: #fff;
}
.ign-row-content-light .text-plugin blockquote:after, .ign-row-content-light .text-image-plugin blockquote:after, .ign-row-content-light .tiv-plugin blockquote:after, .ign-row-content-light .child-pages blockquote:after {
  color: #fff;
}
.text-plugin .imgtxt-image, .text-image-plugin .imgtxt-image, .tiv-plugin .imgtxt-image, .child-pages .imgtxt-image {
  padding: 20px 20px 20px 0;
}
@media (min-width: 992px) {
  .text-plugin .imgtxt-image, .text-image-plugin .imgtxt-image, .tiv-plugin .imgtxt-image, .child-pages .imgtxt-image {
    padding: 0px 20px 0px 0;
  }
}

.tiv-plugin div[class^=col-] {
  padding-left: 12px;
  padding-right: 12px;
}

.child-pages li.list-group-item {
  padding-top: 10pt;
  padding-bottom: 10pt;
  background: none;
}
.child-pages li.list-group-item a {
  text-decoration: none;
}
.child-pages li.list-group-item a:hover {
  padding-left: 10pt;
  -webkit-transition: all 0.2 ease-out;
  -moz-transition: all 0.2 ease-out;
  transition: all 0.2 ease-out;
}

.ign-row-content-light .text-plugin a {
  color: #fff;
}
.ign-row-content-light .text-plugin a:hover {
  color: #ccc;
}
.ign-row-content-light .text-plugin ul li:before, .ign-row-content-light .text-image-plugin ul li:before, .ign-row-content-light .tiv-plugin ul li:before, .ign-row-content-light .child-pages ul li:before {
  color: #fff;
}

.accordion-plugin.accordion-default h3 {
  margin-bottom: 10px;
  font-size: 1.3rem;
}
.accordion-plugin.accordion-default h4 {
  font-size: 1.1rem;
}
.accordion-plugin.accordion-default a.ign-accordion-trigger, .accordion-plugin.accordion-default i {
  color: #da2128;
  font-size: 0.9rem;
}
.accordion-plugin.accordion-default p {
  font-size: 0.9rem;
}
.accordion-plugin.snippets p {
  padding-left: 20px;
}

.docs-plugin .downloads li {
  line-height: 1.3rem;
  font-size: 1rem;
}
.docs-plugin .downloads li a span.text {
  height: 60px;
}
.docs-plugin.tabbed .card-header a {
  color: #fff;
}
.docs-plugin.tabbed .card-header a[aria-expanded=true] {
  background: #1e639f;
}
.docs-plugin .card {
  border-bottom: 1px solid #ccc !important;
}
.docs-plugin.single-feature-doc div.doc a {
  border-bottom: 0px;
  border-left: 3px solid #da2128;
}
.docs-plugin.single-feature-doc div.doc a p.text {
  font-family: "Industry Bold", sans-serif;
}

.col-md-6 .card h3.card-title {
  font-size: 1.7rem;
}

.card-link {
  text-decoration: none;
}

.card {
  width: 100%;
}

.card, .card-img-top {
  border-radius: 0px !important;
  border: 0px;
}

.card-plugin .card {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 5px solid #1e639f;
}

.play-rugby-league .card {
  border-bottom: 5px solid #7dbaff;
}

.card-footer a.btn-primary, .card-overlay-text-holder a.btn-primary {
  background: none;
  color: #da2128;
  text-decoration: none;
  padding-left: 0px;
}
.card-footer a.btn-primary:after, .card-overlay-text-holder a.btn-primary:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  padding-left: 5px;
  font-weight: 100;
}
.card-footer a.btn-primary:hover:after, .card-overlay-text-holder a.btn-primary:hover:after {
  padding-left: 12px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.card-overlay-text-holder a.btn-primary {
  color: #fff;
}

img.card-img {
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
}

.card-img-overlay {
  text-align: center;
}

.simple-no-image .card, .simple-no-image .card-footer {
  padding-left: 0px;
}
.simple-no-image .card-body {
  padding-left: 0px;
  padding-bottom: 4pt;
}
.simple-no-image .card-footer {
  background: none;
}

.card-style-card-img-overlay .card-overlay-text-holder {
  text-align: left;
}
.card-style-card-img-overlay .card-overlay-text-holder h3.card-title {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-bottom: 0px;
  font-family: "Industry Ultra", sans-serif;
  line-height: 1.3rem;
}
@media (min-width: 992px) {
  .card-style-card-img-overlay .card-overlay-text-holder h3.card-title {
    font-size: 1.8rem;
    line-height: 1.9rem;
  }
}
.card-style-card-img-overlay .card-overlay-text-holder p.card-text {
  display: none;
}
@media (min-width: 992px) {
  .card-style-card-img-overlay .card-overlay-text-holder p.card-text {
    display: block;
  }
}
.card-style-card-img-overlay .card a.button {
  background: none;
  border: 1px solid #fff;
  padding: 5px 20px;
  text-decoration: none;
  border-radius: 0rem;
  position: absolute;
  bottom: 30px;
  font-size: 0.8rem;
}
.card-style-card-img-overlay .card:hover a.button {
  background: #da2128;
  transition: 0.2s;
  bottom: 40px;
}

.card-plugin.rfl-card-promo .card {
  border: 0px;
  background: none;
}
.card-plugin.rfl-card-promo .card .card-body {
  padding: 0px;
  height: 85px;
}
@media (min-width: 768px) {
  .card-plugin.rfl-card-promo .card .card-body {
    height: 125px;
  }
}
@media (min-width: 1200px) {
  .card-plugin.rfl-card-promo .card .card-body {
    height: 150px;
  }
}
.card-plugin.rfl-card-promo .card .card-body .shape {
  width: 100%;
  height: 158px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  background: url("../jpg/promo-bg-1.jpg");
  background-size: 110%;
  -webkit-clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
  bottom: 0px;
  position: absolute;
}
@media (min-width: 1200px) {
  .card-plugin.rfl-card-promo .card .card-body .shape {
    height: 190px;
  }
}
.card-plugin.rfl-card-promo .card .card-body p.card-text {
  color: #fff;
  font-family: "Industry Book", sans-serif;
  letter-spacing: 1px;
  font-size: 0.8rem;
  padding-top: 4px;
}
@media (min-width: 768px) {
  .card-plugin.rfl-card-promo .card .card-body p.card-text {
    font-size: 0.9rem;
  }
}
.card-plugin.rfl-card-promo .card .card-body h3.card-title {
  color: #fff;
  font-family: "Industry Demi", sans-serif;
  text-transform: uppercase;
  font-size: 1.3rem;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .card-plugin.rfl-card-promo .card .card-body h3.card-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .card-plugin.rfl-card-promo .card .card-body h3.card-title {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .card-plugin.rfl-card-promo .card .card-body .card-overlay-text-holder {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.card-plugin.rfl-card-promo .card .card-body .card-overlay-text-holder {
  margin-top: 50px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
@media (min-width: 992px) {
  .card-plugin.rfl-card-promo .card .card-body .card-overlay-text-holder {
    margin-top: 39px;
  }
}
.card-plugin.rfl-card-promo .card i {
  position: absolute;
  color: #fff;
  bottom: 40px;
  left: 20px;
  font-size: 1.5rem;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
}
@media (min-width: 992px) {
  .card-plugin.rfl-card-promo .card a.card-link:hover .shape {
    height: 220px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .card-plugin.rfl-card-promo .card a.card-link:hover .card-overlay-text-holder {
    margin-top: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .card-plugin.rfl-card-promo .card a.card-link:hover i {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    left: 49px;
  }
}
.card-plugin.ol-active-benefits img.logo {
  width: 80px;
  position: relative;
  margin: -50px 0 0 20px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}
.card-plugin.ol-active-benefits .promo-code {
  background: #eee;
  color: #da2128;
  font-family: "Industry Demi", sans-serif;
  font-size: 1.3rem;
  border-radius: 5px;
  border: 2px dashed #00243f;
  z-index: 10;
}
.card-plugin.ol-active-benefits .reveal {
  color: #fff;
  font-size: 1rem;
  font-family: "Industry Book", sans-serif;
  border: 0px;
  padding: 10px 0;
  background: #1e639f;
}
.card-plugin.ol-active-benefits .card-body {
  padding-bottom: 0px;
}
.card-plugin.ol-active-benefits .card-body .card-title {
  margin-bottom: 5px;
}
.card-plugin.ol-active-benefits .button {
  text-decoration: none;
  background: #da2128;
  color: #fff;
  padding: 16px;
  font-size: 0.9rem;
  display: block;
}

.card-icons .card {
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: none;
}
.card-icons .card .card-body {
  padding-left: 0px;
  padding-right: 0px;
}
.card-icons .card img {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .card-icons .card img {
    width: 90px;
  }
}
.card-icons .card h3.card-title {
  font-size: 12pt;
  line-height: 17pt;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .card-icons .card h3.card-title {
    text-align: center;
  }
}
.subsite-header h1 {
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "Industry Black", sans-serif;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .subsite-header h1 {
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) {
  .subsite-header h1 {
    font-size: 1.8rem;
    padding-left: 17px;
  }
}
.subsite-header div.logo {
  max-width: 80px;
}
@media (min-width: 992px) {
  .subsite-header div.logo {
    max-width: 100px;
    max-height: 100px;
  }
}
.subsite-header div.logo.size-2 {
  max-width: 115px;
}
@media (min-width: 992px) {
  .subsite-header div.logo.size-2 {
    max-width: 140px;
    max-height: 120px;
  }
}
.super-league-header .subsite-header div.logo {
  max-width: 300px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.challenge-cup-header .subsite-header div.logo {
  max-width: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.subsite-header div.sponsors {
  max-width: 100px;
}
.subsite-header div.sponsors .sponsor-hold {
  width: 100px;
}
.subsite-header div.sponsors.sponsors2 {
  max-width: 200px;
}
.subsite-header div.sponsors.sponsors2 .sponsor-hold {
  width: 80px;
}
.subsite-header div.sponsors.sponsors3 {
  max-width: 270px;
}
.subsite-header div.sponsors.sponsors3 .sponsor-hold {
  width: 60px;
}
@media (min-width: 992px) {
  .subsite-header div.sponsors.sponsors2 {
    max-width: 250px;
  }
  .subsite-header div.sponsors.sponsors2 .sponsor-hold {
    width: 100px;
  }
  .subsite-header div.sponsors.sponsors3 {
    max-width: 350px;
  }
  .subsite-header div.sponsors.sponsors3 .sponsor-hold {
    width: 100px;
  }
}

.match-centre {
  /*
  Started working on a rollover to show match details but moved away for now due to time constraints
  section.competition a {
  	.fixture-wrap {
  		position:relative;
  		&:after {
  			width:100%;
  			height: 0px;
  			background:$rfl-dark-blue;
  			content:' ';
  			display:block;
  			position:absolute;
  			z-index: 20;
  			bottom:0px;
  			@include opacity(0.8);
  		}
  	}
  	&:hover {
  		.fixture-wrap {
  			padding-bottom:50px;
  			position:relative;
  			-webkit-transition: all .2s;
  			-moz-transition: all .2s;
  			transition: all .2s;
  			&:after {
  				height: 40%;
  				-webkit-transition: all .2s;
  				-moz-transition: all .2s;
  				transition: all .2s;
  			}
  		}
  	}
  }
  */
}
.match-centre .team-name, .match-centre .home-score, .match-centre .away-score {
  font-family: "Industry Demi", sans-serif;
}
.match-centre .home-score, .match-centre .away-score {
  background: #da2128;
  color: #fff;
  padding: 4px;
  font-size: 0.8rem;
  min-width: 20px;
  display: inline-block;
}
.match-centre h3.comp-divider {
  letter-spacing: 0px;
  font-size: 0.9rem;
  padding: 20px 0 10px;
  font-family: "Industry Book", sans-serif;
}
.match-centre .result .dash {
  display: none;
}
.match-centre section.competition a {
  text-decoration: none;
}
.match-centre .fixture-card .home-logo, .match-centre .fixture-card .away-logo {
  padding-bottom: 0px;
}
.match-centre .fixture-card .fixture-footer {
  line-height: 1.2rem;
  font-size: 0.9rem;
}
.match-centre .btn.btn-primary {
  background: #da2128;
  border: none !important;
  font-family: "Industry Bold", sans-serif;
  text-transform: uppercase;
  padding: 10px;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  .match-centre .btn.btn-primary {
    font-size: 1rem;
  }
}
.match-centre .btn.btn-primary.clear-filter {
  background: #222;
  color: #da2128;
  padding: 8px 17px;
  font-size: 1.3rem;
  border: 1px solid #666 !important;
}
@media (min-width: 992px) {
  .match-centre .btn.btn-primary.clear-filter {
    margin-top: 5px;
    padding: 12px 18px;
  }
}
.match-centre .fixture-wrap .middle {
  font-family: "Industry Bold", sans-serif;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .match-centre .fixture-wrap .away-logo img, .match-centre .fixture-wrap .home-logo img {
    max-width: 60px;
  }
}
.match-centre .fixture-card .fixture-footer {
  font-size: 0.8rem;
  padding: 10px;
}
@media (min-width: 768px) {
  .match-centre .fixture-card .fixture-footer {
    font-size: 0.9rem;
    padding: 1rem;
  }
}
.match-centre .fixture-card .fixture-footer .channel.ourleague {
  margin-bottom: 3px;
}
.match-centre .fix-res-buttons .btn-group {
  width: 100%;
}
@media (min-width: 768px) {
  .match-centre .fix-res-buttons .btn-group {
    width: auto;
  }
}
.match-centre .deductions p {
  font-size: 0.9rem;
  padding: 0px;
}
.match-centre.my-matches a.more {
  font-size: 0.9rem;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  animation: fadeIn 0.5s ease-in forwards 1.5s;
}
.match-centre.my-matches .title h3 {
  font-size: 1rem;
  font-family: "Industry Ultra", sans-serif;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .match-centre.my-matches .title h3 {
    font-size: 1.3rem;
  }
}
.match-centre.my-matches .title img {
  max-width: 40px;
}
.match-centre.my-matches .fixture-wrap {
  min-height: 75px;
}
.match-centre.my-matches .fixture-wrap .middle {
  width: 30%;
}
.match-centre.my-matches .fixture-wrap .middle .date {
  font-family: "Industry Book", sans-serif;
  font-size: 0.8rem;
}
.match-centre.my-matches .fixture-wrap .middle .ko {
  font-size: 0.9rem;
}
.match-centre.my-matches .fixture-wrap .home-logo img, .match-centre.my-matches .fixture-wrap .away-logo img {
  max-width: 40px;
}
@media (min-width: 768px) {
  .match-centre.my-matches .fixture-wrap .home-logo img, .match-centre.my-matches .fixture-wrap .away-logo img {
    max-width: 30px;
  }
}
@media (min-width: 1200px) {
  .match-centre.my-matches .fixture-wrap .home-logo img, .match-centre.my-matches .fixture-wrap .away-logo img {
    max-width: 45px;
  }
}
.match-centre.my-matches .fixture-wrap .team-name {
  font-size: 0.8rem;
}
.match-centre.my-matches .fixture-footer.slim {
  font-size: 0.85rem;
  padding: 0.5rem;
  font-family: "Industry Book", sans-serif;
}
.match-centre.matches-overview .sky-sports {
  margin-top: 4px;
}
.match-centre.matches-overview .team-name {
  font-family: "Industry Book", sans-serif;
}
.match-centre.matches-overview .no-matches-found {
  text-align: center;
}
.match-centre.matches-overview .match-center-link a {
  font-family: "Industry Book", sans-serif;
  text-decoration: none;
}
.match-centre.matches-overview .match-center-link a:after {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  margin-left: 7px;
}

.club-listing-plugin .clubs h5 {
  font-family: "Industry Bold", sans-serif;
  font-size: 1rem;
}
.club-listing-plugin .clubs a {
  text-decoration: none;
}
.club-listing-plugin .clubs .list-group-item {
  border-radius: 0px !important;
}

.breadcrumb-plugin {
  background: #fff;
}
.breadcrumb-plugin p {
  color: #ccc !important;
  letter-spacing: 1px;
  white-space: nowrap;
  display: inline-block;
  padding: 0px;
  line-height: 1.1rem;
}
.breadcrumb-plugin p span {
  font-size: 0.8rem;
}
.breadcrumb-plugin a {
  color: #00243f;
  text-decoration: none;
  font-family: "Industry Book", sans-serif;
}
.breadcrumb-plugin a.active {
  color: #1e639f;
  font-family: "Industry Demi", sans-serif;
}

/* ourleague login */
body.ourleague-login main {
  background: #fff;
}

.ourleague-plugin.login-reg {
  margin-bottom: 70px;
}
.ourleague-plugin button[type=submit] {
  padding: 15px 10px;
  margin: 20px 0;
}
.ourleague-plugin button[type=submit].saved {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background: #59bc23;
}
.ourleague-plugin button[type=submit].error {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background: #f00;
}
.ourleague-plugin button[type=submit] #button-text {
  align-items: center;
}
.ourleague-plugin button[type=submit] #button-text .checked, .ourleague-plugin button[type=submit] #button-text .failed {
  position: relative;
  box-sizing: content-box;
  margin-left: 0.75rem;
}
.ourleague-plugin button[type=submit] #button-text .checked i, .ourleague-plugin button[type=submit] #button-text .failed i {
  font-size: 1.25rem;
}
.ourleague-plugin #settings-form {
  padding-bottom: 30px;
}
.ourleague-plugin #settings-form h1 {
  margin-bottom: 40px;
}
.ourleague-plugin #settings-form form {
  max-width: 800px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.ourleague-plugin #settings-form .invalid {
  border: 1px solid #f00;
}
.ourleague-plugin.settings .screen {
  float: left;
  height: 100%;
  position: relative;
}
.ourleague-plugin.settings .screen.side-nav {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
}
@media (min-width: 768px) {
  .ourleague-plugin.settings .screen.side-nav {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
}
.ourleague-plugin.settings .screen-hold {
  overflow: hidden;
  display: block !important;
}
@media (min-width: 768px) {
  .ourleague-plugin.settings .screen-hold {
    display: flex !important;
  }
}
.ourleague-plugin.settings .screen-scroll {
  width: 1500px;
  position: relative;
}
@media (min-width: 768px) {
  .ourleague-plugin.settings .screen-scroll {
    height: 100%;
    overflow: auto;
  }
}
@media (min-width: 768px) {
  .ourleague-plugin.settings {
    width: 100%;
    height: auto;
  }
}
.ourleague-plugin.settings a.menu {
  text-decoration: none;
}
.ourleague-plugin.settings .md-form > input[type=date] {
  color: #00243f !important;
}
.ourleague-plugin.settings .form-row, .ourleague-plugin.settings .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.ourleague-plugin.settings .form-row label, .ourleague-plugin.settings .form-group label {
  line-height: 1.2rem;
  margin-bottom: 5px;
}
.ourleague-plugin.settings .form-row label.form-check-label, .ourleague-plugin.settings .form-group label.form-check-label {
  margin-bottom: 0px;
}
.ourleague-plugin.settings .form-row.active-label label, .ourleague-plugin.settings .form-group.active-label label {
  transform: translateY(-14px) scale(0.8);
}
.ourleague-plugin.settings .mdb-select input.select-dropdown {
  color: #666;
  font-size: 0.9rem;
}
.ourleague-plugin.settings h1 {
  text-align: left;
  font-size: 1.5rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .ourleague-plugin.settings h1 {
    font-size: 2rem;
  }
}
.ourleague-plugin.settings h3 {
  margin: 26px 0 8px;
}
.ourleague-plugin.settings h3.alert-heading {
  margin: 10px 0 8px;
}
.ourleague-plugin.settings .alert p {
  font-size: 0.9rem;
}
.ourleague-plugin.settings .back-to-dashboard a {
  text-decoration: none;
}
.ourleague-plugin.settings .back-to-dashboard a span {
  font-weight: bold;
}
.ourleague-plugin.settings .back-to-dashboard a i {
  left: 0px;
  position: relative;
}
.ourleague-plugin.settings .back-to-dashboard a:hover i {
  left: -10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.ourleague-plugin.settings .side-nav {
  margin-right: 50px;
}
@media (min-width: 768px) {
  .ourleague-plugin.settings .side-nav {
    margin-right: auto;
  }
}
.ourleague-plugin.settings .side-nav ul li {
  list-style-type: none;
  border-bottom: 1px dotted #ccc;
}
@media (min-width: 768px) {
  .ourleague-plugin.settings .side-nav ul li {
    border: 0px;
  }
}
.ourleague-plugin.settings .side-nav ul li i {
  width: 30px;
  font-size: 1.1rem;
  top: 3px;
  position: relative;
}
@media (min-width: 768px) {
  .ourleague-plugin.settings .side-nav ul li i {
    font-size: 1.3rem;
  }
}
.ourleague-plugin.settings .side-nav ul li a {
  padding: 16px 10px;
  display: block;
  text-decoration: none;
  color: #00243f;
  font-weight: bold;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  .ourleague-plugin.settings .side-nav ul li a {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .ourleague-plugin.settings .side-nav ul li a.active span.label {
    border-bottom: 1px solid #00243f;
  }
}
.ourleague-plugin.profile-header p {
  color: #fff;
  font-family: "Industry Book", sans-serif;
  text-transform: uppercase;
  font-size: 1.1rem;
}
.ourleague-plugin.profile-header p span.detail {
  font-family: "Roboto", sans-serif;
  text-transform: none;
  font-size: 0.8rem;
}
.ourleague-plugin.profile-header img.team {
  width: 30px;
  height: auto;
}
@media (min-width: 768px) {
  .ourleague-plugin.profile-header img.team {
    width: 50px;
  }
}
.ourleague-plugin.profile-header .rewards img.rewards-logo {
  max-width: 120px;
}
.ourleague-plugin.fanscore-widgets iframe {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  transform-origin: top center;
}
@media (min-width: 768px) {
  .ourleague-plugin.fanscore-widgets iframe {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@media (min-width: 992px) {
  .ourleague-plugin.fanscore-widgets iframe {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@media (min-width: 1200px) {
  .ourleague-plugin.fanscore-widgets iframe {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transform: scale(1.25);
  }
}
@media (min-width: 1400px) {
  .ourleague-plugin.fanscore-widgets iframe {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@media (min-width: 768px) {
  .ourleague-plugin.fanscore-widgets .holder {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .ourleague-plugin.fanscore-widgets .holder {
    height: auto;
  }
}
.ourleague-plugin.promos .card-footer, .ourleague-plugin .rewards .card-footer {
  min-height: 50px;
}
.ourleague-plugin.promos p, .ourleague-plugin .rewards p {
  font-size: 0.9rem;
}
.ourleague-plugin.promos .loz, .ourleague-plugin .rewards .loz {
  background: #857044;
  color: #fff;
  padding: 5px;
  width: 64px;
  border-radius: 4px;
  text-align: center;
  font-size: 0.8rem;
}
.ourleague-plugin.promos .loz.not-connected, .ourleague-plugin .rewards .loz.not-connected {
  width: 140px;
  background: #999;
}
.ourleague-plugin.promos .loz.big, .ourleague-plugin .rewards .loz.big {
  font-size: 1.2rem;
  font-family: "Industry Demi", sans-serif;
  width: 47%;
  background: #fff;
  border: 1px solid #857044;
  color: #857044;
}
.ourleague-plugin.promos .loz.big .label, .ourleague-plugin .rewards .loz.big .label {
  font-size: 0.8rem;
  font-family: "Roboto", sans-serif;
}
.ourleague-plugin.promos .btn.rewards, .ourleague-plugin .rewards .btn.rewards {
  background: #fff;
  border: 1px solid #857044;
  color: #857044;
  padding: 15px 0;
}
.ourleague-plugin.promos .learning .loz, .ourleague-plugin .rewards .learning .loz {
  background: #999;
  width: 140px;
}
.ourleague-plugin.promos .learning .loz.success, .ourleague-plugin .rewards .learning .loz.success {
  background: #da2128;
}
.ourleague-plugin.promos .learning a, .ourleague-plugin .rewards .learning a {
  color: #da2128;
}
.ourleague-plugin.promos a, .ourleague-plugin .rewards a {
  color: #857044;
  text-decoration: none;
}
.ourleague-plugin h2, .ourleague-plugin a, .ourleague-plugin label {
  color: #da2128;
}
.ourleague-plugin label {
  color: #666;
  font-size: 0.9rem;
}
.ourleague-plugin h2.title {
  text-transform: uppercase;
  font-size: 1.8rem;
}
.ourleague-plugin img.logo {
  width: 50%;
  max-width: 190px;
  padding-left: 10px;
}
.ourleague-plugin #ol-panels .form-group {
  position: relative;
}
.ourleague-plugin a.show-pass {
  font-size: 0.8rem;
  position: absolute;
  right: 0px;
  top: 0px;
}
.ourleague-plugin .base-links p {
  font-size: 0.9rem;
}
.ourleague-plugin .password-check, .ourleague-plugin .password-match {
  font-size: 0.9rem;
  line-height: 1.2rem;
  margin-top: 5px;
}
.ourleague-plugin.livestream a.purchase-packages {
  background: #fff;
  color: #00243f;
  font-family: "Industry Demi", sans-serif;
  padding: 15px 40px;
}
.ourleague-plugin.livestream i.lock-icon {
  position: absolute;
  right: 10px;
  top: 44%;
  font-size: 1.6rem;
  display: none;
}
.ourleague-plugin.livestream i.lock-icon.open {
  color: #59bc23;
  display: block;
}
.ourleague-plugin.livestream a.locked i.lock-icon {
  display: block;
}
.ourleague-plugin.livestream a.locked i.lock-icon.open {
  display: none;
}
.ourleague-plugin.livestream .up-next {
  color: #fff;
}
.ourleague-plugin.livestream .up-next li {
  font-size: 0.8rem;
  font-family: "Industry Book", sans-serif;
  text-transform: uppercase;
}
.ourleague-plugin.livestream .up-next h3 {
  font-size: 1.2rem;
  font-family: "Industry Demi", sans-serif;
}
.ourleague-plugin.livestream .up-next span.comp {
  background: #1e639f;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 5px 10px;
  font-size: 0.8rem;
}
.ourleague-plugin.livestream .up-next span.date {
  border-right: 1px solid #1e639f;
  display: inline-block;
}
.ourleague-plugin.livestream .up-next span.match {
  font-family: "Industry Demi", sans-serif;
}
.ourleague-plugin.livestream .up-next span.match span.vs {
  color: #ccc;
  font-family: "Industry Book", sans-serif;
}
.ourleague-plugin.livestream #videoPlayer {
  min-height: 240px;
}
@media (min-width: 768px) {
  .ourleague-plugin.livestream #videoPlayer {
    min-height: 400px;
  }
}
@media (min-width: 992px) {
  .ourleague-plugin.livestream #videoPlayer {
    min-height: 500px;
  }
}
.ourleague-plugin.livestream #videoPlayer span.tag {
  position: absolute;
}
.ourleague-plugin.livestream span.tag {
  background: #da2128;
  font-family: "Industry Demi", sans-serif;
  width: 140px;
  padding: 5px 10px;
  display: block;
  font-size: 0.7rem;
  z-index: 10;
  text-transform: uppercase;
  color: #fff;
  bottom: 10px;
}
.ourleague-plugin.livestream h3 {
  font-family: "Industry Ultra", sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .ourleague-plugin.livestream h3 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .ourleague-plugin.livestream h3 {
    font-size: 3.5rem;
  }
}
.ign-row-content-dark .ourleague-plugin.livestream h3, .ign-row-content-dark .ourleague-plugin.livestream .up-next {
  color: #00243f !important;
}
.ign-row-content-dark .ourleague-plugin.livestream h3 .comp, .ign-row-content-dark .ourleague-plugin.livestream .up-next .comp {
  color: #fff;
}
.ourleague-plugin.livestream div.video p {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-family: "Industry Book", sans-serif;
}
.ourleague-plugin.livestream div.video p span.type {
  color: #739ec4;
  font-size: 0.8rem;
  font-family: "Industry Book", sans-serif;
}
.ourleague-plugin.livestream .other-matches {
  background: #010005;
  height: 400px;
}
@media (min-width: 992px) {
  .ourleague-plugin.livestream .other-matches {
    height: auto;
  }
}
.ourleague-plugin.livestream .other-matches img.stream-logo {
  max-width: 50px;
  max-height: 50px;
}
.ourleague-plugin.livestream .other-matches .switch {
  border-bottom: 0px;
}
.ourleague-plugin.livestream .other-matches .switch a.nav-link {
  border-radius: 0px;
  text-decoration: none;
  font-family: "Industry Book", sans-serif;
  color: #ccc;
}
.ourleague-plugin.livestream .other-matches .switch a.nav-link.active {
  color: #00243f;
}
.ourleague-plugin.livestream .other-matches .switch a.nav-link:hover {
  border: 0px;
}
.ourleague-plugin.livestream .other-matches .scroll {
  height: 87%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ourleague-plugin.livestream .other-matches .scroll::-webkit-scrollbar {
  width: 5px;
}
.ourleague-plugin.livestream .other-matches .scroll ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.ourleague-plugin.livestream .other-matches .scroll::-webkit-scrollbar-thumb {
  background: #da2128;
}
.ourleague-plugin.livestream .other-matches .scroll ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.ourleague-plugin.livestream .other-matches .scroll a {
  position: relative;
  display: block;
  border-left: 6px solid #1e639f;
  text-decoration: none;
  padding-left: 0px;
  background: #00243f;
}
@media (min-width: 768px) {
  .ourleague-plugin.livestream .other-matches .scroll a {
    margin-left: 20px;
  }
}
.ourleague-plugin.livestream .other-matches .scroll a.active {
  border: none;
  margin-left: 0px;
  background: #fff;
  padding: 10px;
}
.ourleague-plugin.livestream .other-matches .scroll a.active p {
  color: #00243f !important;
  font-family: "Industry Demi", sans-serif;
  font-size: 1rem;
}
.ourleague-plugin.livestream .other-matches .scroll a.active span.type {
  color: #00243f !important;
}
.ourleague-plugin.livestream .other-matches:after {
  content: "";
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0px;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), #010005);
  z-index: 10;
}
.ourleague-plugin.livestream .main-player {
  background: #000d19;
}
.ourleague-plugin.livestream .main-player img {
  width: 100%;
}
.ourleague-plugin.livestream .main-player span.tag {
  font-size: 0.9rem;
  width: 100px;
  padding: 8px 10px;
  bottom: auto;
  top: 0px;
}
@media (min-width: 992px) {
  .ourleague-plugin.livestream .main-player span.tag {
    bottom: auto;
    font-size: 1rem;
    width: 100px;
    padding: 8px 15px;
  }
}
.ourleague-plugin.livestream .main-player .text-overlay-hold {
  position: absolute;
  bottom: 0px;
  padding: 14px 20px;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .ourleague-plugin.livestream .main-player .text-overlay-hold {
    bottom: 30px;
  }
}
.ourleague-plugin.livestream .main-player .text-overlay-hold i.main {
  position: absolute;
  font-size: 2rem;
  color: #fff;
  left: 10px;
  top: 20px;
  width: 50px;
  height: 50px;
  background: #da2128;
}
.ourleague-plugin.livestream .main-player .text-overlay-hold i.main:before {
  position: relative;
  left: 10px;
  top: 10px;
}
.ourleague-plugin.livestream .main-player .text-overlay-hold .logo-hold {
  position: absolute;
  top: -70px;
}
@media (min-width: 768px) {
  .ourleague-plugin.livestream .main-player .text-overlay-hold .logo-hold {
    top: -160px;
  }
}
.ourleague-plugin.livestream .main-player .text-overlay-hold img.main-logo {
  max-width: 70px;
}
@media (min-width: 768px) {
  .ourleague-plugin.livestream .main-player .text-overlay-hold img.main-logo {
    max-width: 100px;
  }
}
.ourleague-plugin.livestream .main-player .text-overlay-hold h2 {
  color: #fff;
  font-family: "Industry Demi", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  margin-left: 50px;
}
@media (min-width: 768px) {
  .ourleague-plugin.livestream .main-player .text-overlay-hold h2 {
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) {
  .ourleague-plugin.livestream .main-player .text-overlay-hold h2 {
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .ourleague-plugin.livestream .main-player .text-overlay-hold h2 {
    font-size: 2rem;
    bottom: 55px;
    max-width: 70%;
  }
}
.ourleague-plugin.livestream .main-player .text-overlay-hold h2 span {
  color: #da2128;
  font-family: "Industry Black", sans-serif;
}
.ourleague-plugin.livestream .main-player .text-overlay-hold p.type {
  padding: 5px 0px;
  font-size: 0.8rem;
  color: #fff;
  margin-left: 50px;
}
.ourleague-plugin.homepage-promo {
  margin-top: 20px;
  margin-bottom: 20px;
}
.ourleague-plugin.homepage-promo .holder {
  background: #fff;
}
.ourleague-plugin.homepage-promo img.ol-logo {
  max-width: 160px;
}
@media (min-width: 992px) {
  .ourleague-plugin.homepage-promo img.ol-logo {
    max-width: 233px;
  }
}
.ourleague-plugin.homepage-promo h3 {
  font-size: 1.7rem;
  font-family: "Industry Bold", sans-serif;
  color: #1e639f;
}
@media (min-width: 992px) {
  .ourleague-plugin.homepage-promo h3 {
    font-size: 2.5rem;
  }
}
.ourleague-plugin.homepage-promo .dashboard-link {
  font-family: "Industry Book", sans-serif;
  text-decoration: none;
}
.ourleague-plugin.homepage-promo a.name {
  text-decoration: none;
  color: #00243f;
}
.ourleague-plugin.homepage-promo .hot-links a {
  padding: 6px 10px;
  border-bottom: 1px solid #eee;
  display: block;
  text-decoration: none;
  font-family: "Industry Book", sans-serif;
}
@media (min-width: 992px) {
  .ourleague-plugin.homepage-promo .hot-links a {
    border-right: 1px solid #ccc;
    border-bottom: 0px;
  }
}
.ourleague-plugin.homepage-promo .hot-links a p {
  font-size: 0.9rem;
  padding: 0px;
  color: #1e639f;
}
.ourleague-plugin.homepage-promo .hot-links a.end {
  border: none;
}
.ourleague-plugin.homepage-promo .hot-links a h4 {
  font-size: 1.1rem;
  padding: 5px 0px 10px;
}
.ourleague-plugin.homepage-promo .hot-links a i {
  position: absolute;
  right: 30px;
  bottom: 40%;
}
.ourleague-plugin.homepage-promo .hot-links a:hover i {
  right: 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* mtb overwrites */
.dropdown-content li > a, .dropdown-content li > span {
  color: #1e639f !important;
}

/* main rfl match centre */
.rl-main-match-centre {
  position: relative;
}
.rl-main-match-centre .dropdown-content li > a, .rl-main-match-centre .dropdown-content li > span {
  color: #fff !important;
}
.rl-main-match-centre .fixture-wrap .circle {
  background: #00243f;
}
.rl-main-match-centre .fixture-wrap img.premier {
  max-width: 80px;
  margin-top: 10px;
}
@keyframes load-match {
  0% {
    top: 20px;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
}
@keyframes load-match-left {
  0% {
    left: 20px;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
  100% {
    left: 0px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
}
.rl-main-match-centre h3.comp-divider {
  padding-top: 5px;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  animation: fadeIn 0.4s ease-in 0.5s forwards;
}
.rl-main-match-centre .row.filters-bg {
  overflow: hidden;
  background: #31373c;
  width: 100%;
  z-index: 0;
  position: absolute;
}
.rl-main-match-centre .home-score, .rl-main-match-centre .away-score {
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  .rl-main-match-centre .home-score, .rl-main-match-centre .away-score {
    font-size: 1.2rem;
  }
}
.rl-main-match-centre .fix-res-buttons, .rl-main-match-centre .row.matches {
  position: relative;
  background: #eee;
}
.rl-main-match-centre .row.matches {
  min-height: 400px;
}
.rl-main-match-centre .row.matches p.no-matches-found {
  text-align: center;
  padding: 100px 0;
}
.rl-main-match-centre .fix-res-buttons .btn-group.type_buttons {
  width: 100% !important;
}
.rl-main-match-centre .holder, .rl-main-match-centre .fix-res-buttons {
  max-width: 95%;
}
@media (min-width: 768px) {
  .rl-main-match-centre .holder, .rl-main-match-centre .fix-res-buttons {
    max-width: 80%;
  }
}
.rl-main-match-centre .holder button.btn-primary, .rl-main-match-centre .holder button.btn-primary.active, .rl-main-match-centre .fix-res-buttons button.btn-primary, .rl-main-match-centre .fix-res-buttons button.btn-primary.active {
  background: #ccc;
  font-family: "Industry Book", sans-serif;
  border-radius: 0px;
  color: #00243f;
}
.rl-main-match-centre .holder button.btn-primary.active, .rl-main-match-centre .fix-res-buttons button.btn-primary.active {
  background: #eee;
  font-family: "Industry Demi", sans-serif;
}
.rl-main-match-centre .row.filters {
  top: 0px;
  position: relative;
}
.rl-main-match-centre .row.filters .holder {
  z-index: 2;
  padding-top: 40px;
}
@media (min-width: 992px) {
  .rl-main-match-centre .row.filters .holder {
    padding-top: 100px;
  }
}
.rl-main-match-centre .row.filters h3 {
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: "Industry Book", sans-serif;
}
.rl-main-match-centre .row.filters h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 2.9rem;
  letter-spacing: -2px;
  font-family: "Industry Ultra", sans-serif;
}
@media (min-width: 768px) {
  .rl-main-match-centre .row.filters h1 {
    font-size: 4rem;
  }
}
.rl-main-match-centre .row.filters h1:after {
  content: "";
  width: 0px;
  height: 8px;
  background: #da2128;
  display: block;
  margin-top: 5px;
  animation: match-centre-load 0.3s ease 0.3s 1 normal forwards;
}
@keyframes match-centre-load {
  from {
    width: 0px;
  }
  to {
    width: 205px;
  }
}
.rl-main-match-centre .row.filters .select-wrapper {
  background: #fff;
}
.rl-main-match-centre .row.filters .select-wrapper input, .rl-main-match-centre .row.filters .select-wrapper li {
  font-family: "Industry Demi", sans-serif;
}
.rl-main-match-centre .row.filters .select-wrapper span.caret {
  font-size: 1rem;
  right: 1rem;
  top: 1.1rem;
}
.rl-main-match-centre .row.filters .select-wrapper.md-form {
  margin: 0px !important;
}
@media (min-width: 992px) {
  .rl-main-match-centre .row.filters .select-wrapper.md-form {
    margin: 5px 0 !important;
  }
}
.rl-main-match-centre .row.filters .select-wrapper input.select-dropdown {
  border: 0px;
  margin-bottom: 0.5rem;
  padding: 10px 0px 10px 10px;
}
.rl-main-match-centre .row.filters .select-wrapper .dropdown-content li {
  background: #31373c;
  border-bottom: 1px solid #9E9E9E;
}
.rl-main-match-centre .row.filters .select-wrapper .dropdown-content li span {
  padding: 0.7rem;
  color: #fff;
}
.rl-main-match-centre .row.filters .select-wrapper .dropdown-content li span:hover {
  color: #da2128;
}
.rl-main-match-centre .match-center-league-table {
  max-width: 80%;
}
.rl-main-match-centre .match-center-league-table th, .rl-main-match-centre .match-center-league-table td {
  padding: 0.5rem;
}
@media (min-width: 992px) {
  .rl-main-match-centre .match-center-league-table th, .rl-main-match-centre .match-center-league-table td {
    padding: 0.75rem;
  }
}
.rl-main-match-centre .match-center-league-table th {
  font-family: "Industry Book", sans-serif;
  padding-bottom: 1.2rem;
}
.rl-main-match-centre .match-center-league-table td {
  font-size: 0.9rem;
  line-height: 1rem;
  vertical-align: middle;
}
.rl-main-match-centre .match-center-league-table td.team-badge img {
  max-width: 35px;
}
@media (min-width: 992px) {
  .rl-main-match-centre .match-center-league-table td.team-badge img {
    max-width: 50px;
  }
}
.rl-main-match-centre .deductions {
  max-width: 80%;
}
.rl-main-match-centre .fixture-card .fixture-footer span.division-label {
  display: inline-block;
}

/* general match center styles here */
.match-centre .home-logo img, .match-centre .away-logo img {
  max-width: 35px;
}
@media (min-width: 768px) {
  .match-centre .home-logo img, .match-centre .away-logo img {
    max-width: 60px;
  }
}
.match-centre .fixture-wrap .middle span.ko {
  font-family: "Industry Demi", sans-serif;
  font-size: 0.9rem;
}
@media (min-width: 992px) {
  .match-centre .fixture-wrap .middle span.ko {
    font-size: 1.1rem;
  }
}
.match-centre .fixture-wrap .middle span.date {
  font-family: "Industry Book", sans-serif;
  font-size: 0.8rem;
}
.match-centre .fixture-wrap .middle .uk-time {
  font-size: 0.8rem;
  font-family: "Industry Book", sans-serif;
}
@media (min-width: 992px) {
  .match-centre .fixture-wrap .middle .uk-time {
    font-size: 1.1rem;
  }
}
.match-centre .report {
  display: none;
}
@media (min-width: 992px) {
  .match-centre .fixture-card .team-name {
    font-size: 1.2rem;
  }
}

/* fancy rollover in the match center */
.match-centre.rollovers .fixture-card {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  animation: load-match 0.4s ease-in forwards;
}
.match-centre.rollovers .fixture-card section {
  position: relative;
  overflow: hidden;
}
.match-centre.rollovers .fixture-card span.fixture-wrap, .match-centre.rollovers .fixture-card span.fixture-footer {
  left: 0px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (min-width: 768px) {
  .match-centre.rollovers .fixture-card .report {
    display: block;
  }
  .match-centre.rollovers .fixture-card .report:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transform: skew(20deg);
    background: #da2128;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .match-centre.rollovers .fixture-card .report span.report-content {
    position: absolute;
    z-index: 2;
    padding: 10px;
    left: 30px;
    width: 83%;
    height: 100%;
  }
  .match-centre.rollovers .fixture-card .report span.report-content p {
    color: #fff;
    font-size: 0.8rem;
    line-height: 1rem;
  }
  .match-centre.rollovers .fixture-card .report span.report-content button.btn {
    background: none;
    font-family: "Industry Demi", sans-serif;
    border-radius: 0px;
    text-transform: uppercase;
    color: #fff;
    bottom: 0px;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}
.match-centre.rollovers .fixture-card .report {
  right: -290px;
  top: 0px;
  width: 250px;
  height: 160px;
  position: absolute;
}
.match-centre.rollovers .fixture-card a.rollover:hover span.fixture-wrap, .match-centre.rollovers .fixture-card a.rollover:hover span.fixture-footer {
  left: -120px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.match-centre.rollovers .fixture-card a.rollover:hover .report {
  right: -95px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.match-centre.rollovers .fixture-card a.rollover:hover .report:after {
  transform: skew(-20deg);
}
.match-centre.rollovers .fixture-card a.rollover:hover .report button.btn {
  bottom: 67px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.match-centre.rollovers.my-matches .fixture-card .report {
  height: 130px;
}
.match-centre.rollovers.my-matches .fixture-card a.rollover:hover .report {
  right: -80px;
}
.match-centre.rollovers.my-matches .fixture-card a.rollover:hover .report .report-content {
  left: 19px;
}
.match-centre.rollovers.my-matches .fixture-card a.rollover:hover button.btn {
  font-size: 0.8rem;
  bottom: 49px;
}

.matchreport.matchreportheader {
  background: #242a2e;
  padding: 0px !important;
}
.matchreport.matchreportheader p, .matchreport.matchreportheader span, .matchreport.matchreportheader h2 {
  color: #fff;
}
.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: 55px;
  text-align: center;
  background: #da2128;
  color: #fff;
  padding: 15px 0;
  font-family: "Industry Black", sans-serif;
  font-size: 1.8rem;
}
.matchreport.matchreportheader .datetime {
  width: 85px;
  text-align: center;
  background: #1e639f;
  color: #fff;
  padding: 15px 0;
  font-family: "Industry Book", sans-serif;
  font-size: 1.1rem;
}
.matchreport.matchreportheader p.half-score {
  font-size: 0.9rem;
  line-height: 1rem;
}
.matchreport.matchreportheader p.half-score span.score {
  font-family: "Industry Demi", sans-serif;
}
.matchreport.matchreportheader h2.team-name, .matchreport.matchreportheader h2.team-name {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: "Industry Black", sans-serif;
}
.matchreport.matchreportheader img.teambadge {
  padding: 0px !important;
  max-width: 105px;
}
.matchreport.matchreportheader .match-details p {
  font-size: 0.9rem;
}
.matchreport.matchreportheader .row.scorers {
  background: #eee;
  position: relative;
}
.matchreport.matchreportheader .row.scorers p {
  color: #00243f;
  font-size: 0.9rem;
}
.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: #eee;
  font-family: "Industry Demi", sans-serif;
  text-transform: uppercase;
  color: #00243f;
  display: block;
  padding: 3px 10px;
  z-index: 2;
  position: relative;
  max-width: 90px;
  margin: auto;
}
.matchreport.matchreportheader .row.scorers span.label {
  color: #1e639f;
  font-family: "Industry Demi", sans-serif;
  text-transform: uppercase;
  font-size: 0.7rem;
}

/* Scroll down fixed match row */
.report-header {
  position: fixed;
  top: 55px;
  height: 0px;
  z-index: 10;
  background: #222;
  width: 100%;
  color: #fff;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.report-header.show {
  height: 76px;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (min-width: 768px) {
  .report-header.show {
    height: 90px;
  }
}
.report-header .home-score, .report-header .away-score {
  width: 35px;
  text-align: center;
  background: #da2128;
  color: #fff;
  padding: 10px 0;
  font-family: "Industry Bold", sans-serif;
  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 .datetime {
  max-width: 125px;
  text-align: center;
  background: #1e639f;
  color: #fff;
  padding: 5px;
  font-family: "Industry Book", sans-serif;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  .report-header .datetime {
    padding: 10px;
    max-width: 150px;
    font-size: 1rem;
    padding: 15px;
  }
}
.report-header .uk-kickoff {
  font-size: 0.9rem;
}
.report-header p {
  font-family: "Industry Demi", sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
  line-height: 1rem;
}
@media (min-width: 768px) {
  .report-header p {
    font-size: 1.2rem;
  }
}
.report-header .home-badge, .report-header .away-badge {
  max-width: 40px;
}
@media (min-width: 768px) {
  .report-header .home-badge, .report-header .away-badge {
    max-width: 80px;
  }
}
.report-header .scores {
  min-width: 70px;
  max-width: 160px;
}

.lazy-hidden {
  visibility: hidden !important;
}

.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: "Industry Demi", 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: "Industry Demi", 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: 0px;
  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;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.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: #00243f !important;
  font-family: "Industry Ultra", sans-serif;
}

body.ticketmaster {
  background-image: url("../jpg/tickets_bg2.jpg");
  background-size: cover;
  background-blend-mode: normal;
}
body.ticketmaster main.cd-main-content {
  background: none;
}
body.ticketmaster main.cd-main-content img.logo {
  padding: 0px;
  max-width: 250px;
}
body.ticketmaster main.cd-main-content p, body.ticketmaster main.cd-main-content h2.title, body.ticketmaster main.cd-main-content label {
  color: #fff !important;
}
body.ticketmaster main.cd-main-content a {
  color: #fff;
}
body.ticketmaster main.cd-main-content a.register {
  color: #da2128;
}
body.ticketmaster main.cd-main-content .btn.btn-primary {
  background: #da2128;
  border-color: #da2128;
}
body.ticketmaster main.cd-main-content .base-links .text-muted {
  color: #999 !important;
}
body.ticketmaster .ticketmaster-profile form p {
  font-size: 0.9rem;
  color: #333 !important;
}
body.ticketmaster .ticketmaster-profile form p.title {
  font-size: 1.1rem;
  color: #999 !important;
}
body.ticketmaster .ticketmaster-profile form a {
  color: #da2128;
}
body.ticketmaster .ticketmaster-profile form label {
  color: #333 !important;
}
body.ticketmaster .ticketmaster-profile form .md-form > input[type=date] {
  color: #495057 !important;
}

.matches-on-ourleague h2 {
  color: #bb292d;
  font-size: 1.8rem;
  text-transform: uppercase;
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  line-height: 1.6rem;
  letter-spacing: -1pt;
  font-family: "Industry Ultra", sans-serif;
}
@media (min-width: 768px) {
  .matches-on-ourleague h2 {
    font-size: 2.5rem;
    line-height: 1.3rem;
    margin-top: 0px;
  }
}
.matches-on-ourleague .col.title {
  max-width: 180px;
}
@media (min-width: 768px) {
  .matches-on-ourleague .col.title {
    max-width: 237px;
  }
}

/* media object class - used on FAQ's */
.media-object .text-plugin {
  background: #fff;
  padding: 30px 10pt;
  max-width: 900px;
}

.livestream-promo a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .livestream-promo .content-row {
    height: 145px;
  }
}
@media (min-width: 992px) {
  .livestream-promo .content-row {
    height: 106px;
  }
}
@media (min-width: 768px) {
  .livestream-promo .bg-row {
    width: 100%;
    position: absolute;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .livestream-promo .bg-row img {
    max-width: 425px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .livestream-promo .bg-row img {
    max-width: 302px;
  }
}
.livestream-promo .left {
  max-width: 320px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .livestream-promo .left {
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .livestream-promo .left {
    max-width: 370px;
  }
}
.livestream-promo .right {
  max-width: 320px;
}
@media (min-width: 1200px) {
  .livestream-promo .right {
    max-width: 460px;
  }
}
.livestream-promo .cta {
  background: #fff;
  display: inline-block;
  padding: 0 0 0 20px;
  margin: 0px 0px 30px 0px;
  font-family: "Industry Book", sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.livestream-promo .cta span {
  padding: 4px 3px;
  display: inline-block;
}
.livestream-promo .cta span.buy {
  padding: 4px 15px;
  background: #da2128;
  float: right;
  color: #fff;
}
.livestream-promo .cta span.price {
  color: #da2128;
}
.livestream-promo .cta a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .livestream-promo .cta {
    margin: 0px;
  }
}
@media (min-width: 992px) {
  .livestream-promo .cta span {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}
.livestream-promo h3 {
  font-family: "Industry Book", sans-serif;
  font-size: 0.9rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .livestream-promo h3 {
    font-size: 0.8rem;
  }
}
@media (min-width: 992px) {
  .livestream-promo h3 {
    font-size: 1rem;
  }
}
.livestream-promo h2 {
  font-size: 1.1rem;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .livestream-promo h2 {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .livestream-promo h2 {
    font-size: 1.2rem;
  }
}
.livestream-promo .left-row {
  position: relative;
  z-index: 2;
}
.livestream-promo .live-tag {
  background: #00243f;
  width: 300px;
  color: #fff;
  font-family: "Industry Book", sans-serif;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .livestream-promo .live-tag {
    width: 350px;
  }
}
.livestream-promo .live-tag p {
  color: #fff;
  padding: 8px 0;
  margin: 0px;
  font-size: 0.9rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .livestream-promo .live-tag p {
    padding: 5px 0;
  }
}
@media (min-width: 992px) {
  .livestream-promo .live-tag p {
    font-size: 1.1rem;
  }
}
.livestream-promo .live-tag .live-icon {
  width: 30px;
  height: 20px;
  position: relative;
  top: -2px;
}
.livestream-promo .live-tag .live-icon svg.inactive circle, .livestream-promo .live-tag .live-icon svg.inactive .curve {
  fill: #666;
}
.livestream-promo .live-tag .live-icon svg.active circle, .livestream-promo .live-tag .live-icon svg.active .curve {
  fill: #da2128;
}
.livestream-promo .live-tag .live-icon svg.flash circle {
  fill: #da2128;
}
.livestream-promo .live-tag .live-icon svg.flash .curve {
  fill: #00243f;
  animation: flash1 2s ease 0s infinite normal forwards;
}
.livestream-promo .live-tag .live-icon svg.flash .curve-2 {
  animation-name: flash2;
}
.livestream-promo .live-tag .live-icon svg.flash .curve-3 {
  animation-name: flash3;
}
@keyframes flash1 {
  0% {
    fill: #00243f;
  }
  20% {
    fill: #00243f;
  }
  40% {
    fill: #da2128;
  }
  70% {
    fill: #da2128;
  }
  100% {
    fill: #00243f;
  }
}
@keyframes flash2 {
  0% {
    fill: #00243f;
  }
  30% {
    fill: #00243f;
  }
  50% {
    fill: #da2128;
  }
  70% {
    fill: #da2128;
  }
  100% {
    fill: #00243f;
  }
}
@keyframes flash3 {
  0% {
    fill: #00243f;
  }
  40% {
    fill: #00243f;
  }
  60% {
    fill: #da2128;
  }
  70% {
    fill: #da2128;
  }
  100% {
    fill: #00243f;
  }
}
.livestream-promo .live-tag .right {
  background: #da2128;
}

.home-feature {
  overflow: hidden;
  width: 100%;
}
.home-feature .matches {
  right: -500px;
  position: absolute;
}
.home-feature .matches .fixture-card {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  background: none;
}
.home-feature .row.match-center-svg {
  display: none;
}
.home-feature.live-scores.open .matches {
  right: 0;
}
.home-feature.live-scores.open .matches .col-holder {
  min-height: 450px;
}
.home-feature.live-scores.open .matches .col-holder .live-panel {
  position: absolute;
}
.home-feature.live-scores.open .matches .col-holder .live-panel.active .fixture-card {
  animation: load-match-left 0.3s ease-out forwards;
}
.home-feature.live-scores.open .row.match-center-svg {
  display: block;
}
.home-feature.live-scores.open .row.match-center-svg svg {
  background: #00243f;
  background: -webkit-linear-gradient(top, #00243f, #1e639f);
  background: linear-gradient(to bottom, #00243f, #1e639f);
}
.home-feature.live-scores.open .row.match-center-svg .bg {
  height: 48vw;
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
}
@media (min-width: 992px) {
  .home-feature.live-scores.open .row.match-center-svg .bg {
    height: 88vw;
  }
}
.home-feature.live-scores.open .row.match-center-svg svg {
  height: 78vw;
}
.home-feature.live-scores.open .row.match-center-svg {
  background: #31373c;
  width: 100%;
  z-index: 0;
  position: absolute;
  bottom: 0px;
}
@media (min-width: 992px) {
  .home-feature.live-scores.open .row.match-center-svg {
    bottom: auto;
  }
}
.home-feature.live-scores.open img.feature-image {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  left: 0px;
  position: relative;
}
@media (min-width: 992px) {
  .home-feature.live-scores.open img.feature-image {
    left: -462px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}
@media (min-width: 992px) {
  .home-feature.live-scores.open {
    background: #00243f;
  }
}
.home-feature.live-scores.open .panel .hold {
  padding-bottom: 30px;
}
.home-feature.live-scores.open .panel .hold h1 {
  font-size: 1.8rem;
}
@media (min-width: 992px) {
  .home-feature.live-scores.open .panel .hold h1 {
    font-size: 2.1rem;
  }
}
@media (min-width: 1200px) {
  .home-feature.live-scores.open .panel .hold h1 {
    font-size: 2.5rem;
  }
}
.home-feature.live-scores.open .matches {
  position: relative;
  top: 0px;
  color: #fff;
  background: #00243f;
}
@media (min-width: 992px) {
  .home-feature.live-scores.open .matches {
    position: absolute;
    background: transparent;
    right: 0px;
    width: 462px;
    position: absolute;
  }
}
.home-feature.live-scores.open .matches .container {
  padding: 0px;
}
@media (min-width: 1200px) {
  .home-feature.live-scores.open .matches .fixture-wrap {
    padding-bottom: 0px;
  }
}
.home-feature.live-scores.open .matches .fixture-footer {
  border: 0px;
  font-family: "Industry Book", sans-serif;
  font-size: 0.7rem;
  padding: 0px;
  color: #ccc;
}
.home-feature.live-scores.open .matches .card.fixture-card {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2705882353);
  -webkit-box-shadow: inset 0px 0px 0px 0px;
  -moz-box-shadow: inset 0px 0px 0px 0px;
  box-shadow: inset 0px 0px 0px 0px;
}
.home-feature.live-scores.open .matches .card.fixture-card:last-child {
  border: 0px;
}
.home-feature.live-scores.open .matches .card.fixture-card .middle {
  width: 25%;
}
.home-feature.live-scores.open .matches .card.fixture-card .middle .ko {
  font-size: 1rem;
}
.home-feature.live-scores.open .matches .card.fixture-card .middle img {
  padding: 0px 6px;
}
.home-feature.live-scores.open .matches .card.fixture-card .team-name {
  font-size: 0.8rem;
  font-weight: normal;
}
.home-feature.live-scores.open .matches .card.fixture-card .home-score, .home-feature.live-scores.open .matches .card.fixture-card .away-score {
  font-size: 1rem;
  min-width: 29px;
  padding: 7px 4px;
}
.home-feature.live-scores.open .matches .card.fixture-card .result .home-score, .home-feature.live-scores.open .matches .card.fixture-card .result .away-score {
  background: #fff;
  color: #00243f;
}
.home-feature.live-scores.open .matches .card.fixture-card .inplay .home-score, .home-feature.live-scores.open .matches .card.fixture-card .inplay .away-score {
  animation-name: live;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes live {
  0% {
    color: #fff;
  }
  90% {
    color: #fff;
  }
  100% {
    color: #da2128;
  }
}
.home-feature.live-scores.open .matches .card.fixture-card .home-logo, .home-feature.live-scores.open .matches .card.fixture-card .away-logo {
  width: 15%;
}
.home-feature.live-scores.open .matches .card.fixture-card .home-logo img, .home-feature.live-scores.open .matches .card.fixture-card .away-logo img {
  width: 100%;
  max-width: 85px;
}
.home-feature.live-scores.open .matches .card.fixture-card .circle {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.home-feature.live-scores.open .matches .card.fixture-card .half-time-score, .home-feature.live-scores.open .matches .card.fixture-card .match-status {
  font-family: "Industry Book", sans-serif;
  font-size: 0.8rem;
  color: #ccc;
}
.home-feature.live-scores.open .matches .card.fixture-card .half-time-score.match-status, .home-feature.live-scores.open .matches .card.fixture-card .match-status.match-status {
  text-transform: uppercase;
}
.home-feature h2 {
  background: #da2128;
  color: #fff;
  position: absolute;
  padding: 10px 20px;
  top: -30px;
  left: 0px;
  margin-bottom: 20px;
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .home-feature h2 {
    top: 0px;
    left: -20px;
    position: relative;
    max-width: 70%;
  }
}
.home-feature .col-holder {
  position: relative;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .home-feature .col-holder {
    padding: 20px 0;
    position: initial;
  }
}
.home-feature .col-holder.livescores-type-max .fixture-footer {
  display: none !important;
}
@media (min-width: 1200px) {
  .home-feature .col-holder.livescores-type-max .fixture-footer {
    display: block !important;
  }
}
.home-feature .col-holder.livescores-type-max .home-logo img,
.home-feature .col-holder.livescores-type-max .away-logo img {
  max-width: 45px !important;
}
@media (min-width: 1200px) {
  .home-feature .col-holder.livescores-type-max .home-logo img,
.home-feature .col-holder.livescores-type-max .away-logo img {
    max-width: 70px !important;
  }
}
.home-feature img.feature-image {
  position: relative;
  width: 100%;
  left: 0px;
  max-width: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.home-feature .cover {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0px;
  background-image: linear-gradient(180deg, #00243f, hsla(0deg, 0%, 100%, 0));
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
}
@media (min-width: 992px) {
  .home-feature .cover {
    height: 100px;
  }
}
.home-feature .panel {
  background: #fff;
  position: relative;
  width: 80%;
  max-width: 900px;
  bottom: 8vw;
}
@media (min-width: 992px) {
  .home-feature .panel {
    position: absolute;
    width: 40vw;
    bottom: 7vw;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .home-feature .panel {
    bottom: 6vw;
  }
}
.home-feature .panel .hold {
  padding: 20pt 20pt 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .home-feature .panel .hold {
    padding: 20pt 20pt;
  }
}
@media (min-width: 992px) {
  .home-feature .panel .hold {
    padding: 35pt;
  }
}
.home-feature .panel .hold h1 {
  font-size: 1.8rem;
}
@media (min-width: 992px) {
  .home-feature .panel .hold h1 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .home-feature .panel .hold h1 {
    font-size: 3rem;
  }
}
.home-feature .panel .hold a {
  letter-spacing: 1pt;
  font-size: 0.6rem;
  text-decoration: none;
  font-family: "Industry Book", sans-serif;
  z-index: 5;
}
@media (min-width: 992px) {
  .home-feature .panel .hold a {
    font-size: 0.8rem;
  }
}
.home-feature .panel .hold a.tag {
  text-transform: uppercase;
  color: #da2128;
}
.home-feature .panel .hold a.article:hover p i {
  padding-left: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.home-feature .panel .hold p {
  font-size: 0.9rem;
}

@media (min-width: 768px) {
  .news-grid-quad-lead .col-12.news-holder {
    background: none;
  }
}
.news-grid-quad-lead a {
  text-decoration: none;
}
.news-grid-quad-lead a.ign-media-link:hover h2 {
  color: #1e639f;
}
.news-grid-quad-lead a.ign-media-link:hover img.main-img {
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  transition: 0.4s all;
}
.news-grid-quad-lead a.ign-media-link:hover p.read-article i {
  padding-left: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.news-grid-quad-lead .row.lead {
  background: #fff;
  font-family: "Industry Book", sans-serif;
}
.news-grid-quad-lead .left-col {
  background: #00243f;
}
.news-grid-quad-lead h2 {
  font-size: 0.95rem;
  line-height: 1.1rem;
}
@media (min-width: 992px) {
  .news-grid-quad-lead h2 {
    line-height: 1.4rem;
    font-size: 1.2rem;
  }
}
.news-grid-quad-lead .right-col {
  background: #fff;
}
@media (min-width: 768px) {
  .news-grid-quad-lead .text-hold {
    width: 88%;
    top: -30px;
    position: relative;
    background: #fff;
    margin: auto;
  }
}
.news-grid-quad-lead .first-article .text-hold {
  position: relative;
  background: #fff;
}
@media (min-width: 768px) {
  .news-grid-quad-lead .first-article .text-hold {
    left: -10vw;
    top: auto;
  }
}
@media (min-width: 1200px) {
  .news-grid-quad-lead .first-article .text-hold {
    left: -100px;
  }
}
.news-grid-quad-lead .first-article h2 {
  max-width: 500px;
}
@media (min-width: 768px) {
  .news-grid-quad-lead .first-article h2 {
    line-height: 1.6rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .news-grid-quad-lead .first-article h2 {
    line-height: 1.9rem;
    font-size: 1.7rem;
  }
}
@media (min-width: 1200px) {
  .news-grid-quad-lead .first-article h2 {
    line-height: 2.2rem;
    font-size: 2rem;
  }
}
.news-grid-quad-lead p {
  letter-spacing: 1pt;
  font-size: 0.7rem;
}
@media (min-width: 992px) {
  .news-grid-quad-lead p {
    font-size: 0.9rem;
  }
}
.news-grid-quad-lead img.main-img {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  transition: 0.2s all;
}
.news-grid-quad-lead .article-footer {
  position: absolute;
  bottom: 0px;
}
.news-grid-quad-lead .article-footer p {
  font-size: 8pt;
}
@media (min-width: 992px) {
  .news-grid-quad-lead .article-footer p {
    font-size: 9pt;
  }
}
.news-grid-quad-lead .article-footer .hold {
  width: 88%;
  margin: auto;
}
.news-grid-quad-lead .wrap {
  background: #fff;
  height: 100%;
}
@media (max-width: 767.98px) {
  .news-grid-quad-lead.news-grid-feature .text-hold {
    width: 88%;
    margin: auto;
    top: -30px;
    background: #fff;
  }
}

p.news-grid-primary-tag {
  border: 1px solid #00243f;
  width: 140px;
  padding: 0px;
  letter-spacing: 0pt;
}
p.news-grid-primary-tag a {
  display: block;
  padding: 5px;
  font-size: 0.8rem;
  text-decoration: none;
}
p.news-grid-primary-tag a:hover {
  background: #eee;
}

.big-section-header h2 {
  text-transform: uppercase;
  font-family: "Industry Demi", sans-serif;
  font-size: 20pt;
  font-weight: bold;
}
@media (min-width: 768px) {
  .big-section-header h2 {
    font-size: 30pt;
  }
}
.big-section-header a {
  font-family: "Industry Book", sans-serif;
  font-size: 10pt;
  letter-spacing: 1pt;
}

.tickets-header .ticketmaster p {
  font-size: 0.8rem;
}
.tickets-header .ticketmaster img {
  max-width: 90px;
}
@media (min-width: 992px) {
  .tickets-header .ticketmaster img {
    max-width: 150px;
  }
}
.tickets-header .sign-up a {
  text-decoration: none;
}
.tickets-header .sign-up a span {
  text-decoration: underline;
}

.photo-gallery-single.collection .gallery-hold {
  margin: 0px;
}

.england-header {
  background: #fff;
}
@media (min-width: 768px) {
  .england-header {
    background: url("../svg/england-lions-head.svg") #fff top right no-repeat;
  }
}
@media (min-width: 768px) {
  .england-header .row-holder {
    padding-right: 100px;
  }
}
@media (min-width: 1200px) {
  .england-header .row-holder {
    padding-right: 150px;
  }
}
.england-header .col {
  max-width: 110px;
}
@media (min-width: 992px) {
  .england-header .col {
    max-width: 150px;
  }
}
.england-header img.england-logo {
  margin-right: 40px;
}
@media (min-width: 992px) {
  .england-header img.england-logo {
    margin-right: 0px;
  }
}

.footer-partners {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer-partners .col {
  max-width: 130px;
}
.footer-partners .col img {
  max-width: 90px;
}

.official-appointments li {
  font-size: 0.9rem;
}
.official-appointments h3 {
  line-height: 1.3rem;
}
.official-appointments .card {
  background: none;
}
.official-appointments .card .card-body {
  background: #fff;
}

.disciplinary.case-info .content {
  background: #fff;
}
.disciplinary.case-info .content h1 {
  font-size: 2rem;
  font-family: "Industry Demi", sans-serif;
}
.disciplinary.case-info .content h3 {
  font-size: 1rem;
  font-family: "Industry Demi", sans-serif;
}
.disciplinary.case-info .content p {
  font-size: 1.2rem;
  font-family: "Industry Book", sans-serif;
  margin-bottom: 14px;
}

.player-history {
  font-family: "Industry Book", sans-serif;
}
.player-history a.expand-matches {
  z-index: 100;
  text-decoration: none;
}
.player-history a.expand-matches:Hover {
  text-decoration: none;
}
.player-history th, .player-history td {
  padding: 0.4rem;
  font-size: 0.8rem;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .player-history th, .player-history td {
    padding: 0.55rem;
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) {
  .player-history th, .player-history td {
    padding: 0.75rem;
    font-size: 1rem;
  }
}
.player-history p {
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  .player-history p {
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) {
  .player-history p {
    font-size: 1rem;
  }
}
.player-history tr.season-totals th {
  background: #ecf3f9;
  color: #da2128;
  font-family: "Industry Demi", sans-serif;
}
.player-history tr.season-totals th.year {
  font-size: 1.1rem;
}
@media (min-width: 992px) {
  .player-history tr.season-totals th.year {
    font-size: 1.4rem;
  }
}
.player-history i, .player-history span.team {
  color: #da2128;
}
.player-history h2.comp-name {
  text-transform: uppercase;
  font-size: 1.1rem;
}
@media (min-width: 992px) {
  .player-history h2.comp-name {
    font-size: 1.6rem;
  }
}
.player-history tr.divisions th, .player-history tr.divisions td {
  background: #f7fbfe;
}
.player-history tr.divisions th {
  border-bottom: 1px solid #eee;
}

.england-rlwc {
  background-image: url("../gif/eng-bg.gif");
  background-repeat: repeat-x;
  background-color: #fff;
  background-size: 352% !important;
  background-position: left 160px;
  padding-bottom: 30px !important;
}
@media (min-width: 768px) {
  .england-rlwc {
    background-position: left 210px;
    background-size: 220% !important;
  }
}
@media (min-width: 992px) {
  .england-rlwc {
    background-position: left 260px;
    background-size: 140% !important;
  }
}

.eng-lion {
  background-image: url("../svg/lion-20p.svg");
  background-repeat: no-repeat;
  background-color: #152847;
  background-size: 70% !important;
  background-position: left bottom;
}
@media (min-width: 768px) {
  .eng-lion {
    background-position: left 20px;
    background-size: 50% !important;
  }
}

.find-your-club {
  background-image: url("../jpg/finder-bg.jpg");
  background-position: center -12vw;
  background-repeat: no-repeat;
  background-size: 170% !important;
}
@media (min-width: 768px) {
  .find-your-club {
    background-size: 140% !important;
  }
}
@media (min-width: 992px) {
  .find-your-club {
    background-size: 100% !important;
  }
}
.find-your-club .search-form {
  width: 80%;
  max-width: 500px;
  padding: 45vw 0 50px;
}
@media (min-width: 768px) {
  .find-your-club .search-form {
    padding: 35vw 0 50px;
  }
}
@media (min-width: 992px) {
  .find-your-club .search-form {
    padding: 23vw 0 50px;
  }
}
.find-your-club h3 {
  text-transform: uppercase;
  font-family: "Industry Ultra", sans-serif;
  letter-spacing: -1px;
  font-size: 2rem;
  line-height: 1.7rem;
}
@media (min-width: 992px) {
  .find-your-club h3 {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}
.find-your-club h3 span {
  color: #da2128;
}
.find-your-club input, .find-your-club .input-group-text {
  background-color: #fff;
  border: none;
  border-radius: 0;
  height: 40px;
}
@media (min-width: 992px) {
  .find-your-club input, .find-your-club .input-group-text {
    height: 50px;
  }
}
.find-your-club .input-group {
  max-width: 300px;
  margin: auto;
}
.find-your-club i {
  color: #da2128;
}

.ourleague-plugin.profile-header p {
  color: #00243f !important;
}
.ourleague-plugin.profile-header p .white-txt {
  color: #00243f !important;
}

.events-courses.course-list h3.dates {
  line-height: 1.1rem;
  color: #00243f;
  padding-bottom: 5px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.events-courses.course-list a.link {
  display: block;
  z-index: 50;
  text-decoration: none;
  cursor: pointer;
}
.events-courses.course-list a.link .btn.info {
  border-radius: 0px !important;
  font-size: 0.9rem;
  padding: 10px 10px 10px 30px;
}
.events-courses.course-list a.link .btn.info i {
  visibility: hidden;
}
.events-courses.course-list a.link:hover {
  -webkit-transition: all "2s" ease-out;
  -moz-transition: all "2s" ease-out;
  transition: all "2s" ease-out;
}
.events-courses.course-list a.link:hover .btn.info {
  background-color: #1e639f;
  color: #fff;
  padding: 10px 30px 10px 30px;
}
.events-courses.course-list a.link:hover .btn.info i {
  visibility: visible;
}
.events-courses.course-list div.course {
  background: #fff;
  text-decoration: none;
  z-index: 10;
  cursor: pointer !important;
}
.events-courses.course-list div.course p, .events-courses.course-list div.course h2, .events-courses.course-list div.course h3, .events-courses.course-list div.course h6 {
  text-decoration: none;
}
.events-courses h2.course-title {
  font-size: 1.8rem;
}
.events-courses .input-error {
  border: 1px solid #f00;
}
.events-courses p.price {
  font-weight: bold;
  font-size: 1.4rem;
}
.events-courses h2.row-title {
  max-width: none;
}
.events-courses .course-info {
  background: #fff;
}
.events-courses .course-info h1.course-title {
  font-size: 1.8rem;
}
.events-courses .course-info ul li:before {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  color: #00243f;
  position: absolute;
  left: 0px;
}

.my-courses .btn.btn-outline-primary {
  color: #1e639f;
  text-decoration: none;
}
.my-courses .btn.btn-outline-primary.confirmed {
  border-color: #59bc23;
  color: #59bc23;
}
.my-courses .btn.btn-outline-primary.confirmed:Hover {
  background: white;
}
.my-courses h4.card-title {
  line-height: 1.4rem;
}
.my-courses .border {
  border: 0px !important;
  border-bottom: 1px #ccc solid !important;
}
@media (min-width: 768px) {
  .my-courses .border {
    border: 1px #eee solid !important;
  }
}

.ourleague-courses .courses-hold {
  background: #fff;
}
.ourleague-courses .course-hold {
  border-bottom: 1px dotted #ccc;
}
.ourleague-courses .course-hold .date .month {
  background: #da2128;
  color: #fff;
  padding: 4px 0;
}
.ourleague-courses .course-hold .date .day {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: bold;
}
.ourleague-courses .course-hold h4 {
  line-height: 1.4rem;
}

.ign-form select {
  display: block !important;
}

.youtube-v3-playlist {
  line-height: 1.3rem;
}
.youtube-v3-playlist .slick-prev {
  left: -10px;
}
.youtube-v3-playlist .slick-next {
  right: -10px;
}

.ign-row-content-light .youtube-v3-playlist span {
  color: #fff !important;
}
.ign-row-content-light .youtube-v3-playlist .slick-dots li button:before {
  color: #fff;
}
.ign-row-content-light .youtube-v3-playlist .slick-prev, .ign-row-content-light .youtube-v3-playlist .slick-next {
  background: #fff;
}
.ign-row-content-light .youtube-v3-playlist .slick-prev:before, .ign-row-content-light .youtube-v3-playlist .slick-next:before {
  color: #222;
}

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