@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@font-face {
  font-family: 'roboto_light';
  src: url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'roboto_regular';
  src: url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'roboto_bold';
  src: url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

* html .clearfix {
  height: 1%; }

html[xmlns] .clearfix {
  display: block; }

html {
  height: 100%;
  background: #DDE6EC; }

body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
  font-family: "roboto_regular", sans-serif;
  -webkit-text-size-adjust: none; }

a {
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #ff2121; }
  a:hover {
    text-decoration: none;
    text-decoration-line: none;
    color: #9e0a18; }
  a:active {
    color: #9e0a18; }

.um-material-link {
  text-transform: uppercase; }

.clearfix {
  display: inline-block; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

h1, h2, h3, h4, h5, h6 {
  padding-bottom: 1em;
  text-transform: uppercase; }

h1 {
  font-size: 1.75em;
  font-weight: 100;
  color: #303840; }

h2 {
  font-size: 1.25em;
  color: #9e0a18; }

h3 {
  font-size: 1.25em;
  font-weight: 300;
  color: #6A7279; }

h4 {
  font-size: 1.15em;
  font-weight: 100;
  font-family: "roboto_light", sans-serif;
  color: #9e0a18; }

h5 {
  font-size: 1.15em;
  font-weight: 100;
  font-family: "roboto_light", sans-serif;
  color: #9099A0; }

h6 {
  font-size: 1.15em;
  font-weight: 300;
  font-family: "roboto_light", sans-serif;
  color: #B6BFC6; }

p {
  color: #575F66;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.75em;
  margin-bottom: 1em; }

.bold {
  font-family: "roboto_bold", sans-serif;
  color: #303840; }

.highlight {
  font-family: "roboto_bold", sans-serif;
  color: black;
  text-transform: uppercase; }

hr {
  border-top: 0;
  border-bottom: 1px solid #ccc; }

del {
  text-decoration: line-through; }

img {
  outline: 0;
  border: 0; }

ul, li, ol {
  padding-left: 1em;
  text-align: left; }

.um-list-ol {
  margin-left: 1em;
  list-style-type: none; }
  .um-list-ol li {
    counter-increment: step-counter;
    margin-bottom: 1.5em;
    line-height: 1.35em;
    text-indent: -3em;
    border-left: 3px solid #e7e7e7; }
  .um-list-ol li::before {
    content: counter(step-counter);
    font-size: 1.75em;
    padding-right: 1.15em;
    vertical-align: top;
    color: #9e0a18; }

.um-list-ul {
  list-style-type: none; }
  .um-list-ul li {
    margin-bottom: 1em;
    line-height: 1.35em;
    padding-left: 1em;
    text-indent: -1.35em; }
  .um-list-ul li::before {
    content: "•";
    font-size: 1.5em;
    margin-right: 0.5em;
    color: #9e0a18; }

.um-list-ul-collection {
  list-style-type: none; }
  .um-list-ul-collection li {
    border-bottom: 1px solid #efefef;
    border-left: 8px solid #303840;
    margin-bottom: 2px;
    line-height: 1.35em;
    padding: 1em; }
    .um-list-ul-collection li.active {
      cursor: pointer; }
    .um-list-ul-collection li h1 {
      font-size: 1em;
      margin: 0;
      padding: 0; }
    .um-list-ul-collection li p {
      font-size: 1em;
      margin: 0;
      padding: 0;
      color: #738596; }

.um-input-range {
  font-family: "roboto_light", sans-serif;
  color: #999; }
  .um-input-range .um-input-range-low {
    width: 10%;
    float: left;
    text-align: right;
    padding-right: 0.5em;
    font-size: 1em; }
  .um-input-range .um-input-range-scale {
    width: 80%;
    float: left; }
  .um-input-range .um-input-range-high {
    width: 10%;
    float: left;
    text-align: left;
    padding-left: 0.5em;
    font-size: 1em; }
  .um-input-range input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 8px 0; }
  .um-input-range input[type=range]:focus {
    outline: none; }
  .um-input-range input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
    background: #303840;
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .um-input-range input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
    border: 1px solid #c8c8c8;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background: #dcdcdc;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8px; }
  .um-input-range input[type=range]:focus::-webkit-slider-runnable-track {
    background: #79c66f; }
  .um-input-range input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
    background: #303840;
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 0, 0); }
  .um-input-range input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background: #dcdcdc;
    cursor: pointer; }
  .um-input-range input[type=range]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .um-input-range input[type=range]::-ms-fill-lower {
    background: #000000;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0); }
  .um-input-range input[type=range]::-ms-fill-upper {
    background: #303840;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0); }
  .um-input-range input[type=range]::-ms-thumb {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background: #dcdcdc;
    cursor: pointer;
    height: 4px; }
  .um-input-range input[type=range]:focus::-ms-fill-lower {
    background: #303840; }
  .um-input-range input[type=range]:focus::-ms-fill-upper {
    background: #79c66f; }

header {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 200000;
  background: #303840; }

article {
  padding: 1em;
  margin: 0; }

code,
pre,
kbd,
samp,
var {
  padding: 0 0.4em;
  font-size: 0.77em; }

code {
  background-color: rgba(40, 40, 0, 0.06); }

pre code,
pre kbd,
pre samp,
pre var,
kbd kbd,
kbd samp,
code var {
  font-size: 100%;
  background-color: transparent; }

pre code,
pre samp,
pre var {
  padding: 0; }

.description code {
  font-size: 1em; }

kbd {
  background-color: #f2f2f2;
  border: 1px outset #575757;
  margin: 0 3px;
  color: #666;
  display: inline-block;
  padding: 0 6px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

footer {
  background: #9099A0;
  color: #46525d;
  z-index: 999; }

option {
  font-weight: normal;
  font-family: 'roboto_regular';
  font-size: 1em;
  display: block;
  white-space: pre;
  min-height: 1.2em;
  padding: 0px 2px 1px; }

.btn,
button[type="button"],
button[type="submit"],
input[type="button"],
input[type="submit"] {
  margin: 0 1em 0 0;
  padding: 0.75em 2em;
  border: none;
  cursor: pointer;
  font-family: "roboto_light", sans-serif;
  font-size: 0.9em;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }

button[type="button"],
input[type="button"] {
  background: #2255aa;
  color: white; }
  button[type="button"]:hover,
  input[type="button"]:hover {
    background: #79c66f;
    color: white; }

input[type="button"].button-special {
  background: white;
  font-family: "roboto_regular", sans-serif;
  color: #303840;
  padding: 1em 2em;
  -webkit-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  border: 2px solid #303840; }
  input[type="button"].button-special:hover {
    background: #79c66f;
    color: white;
    border: 2px solid #79c66f; }

button[type="submit"],
input[type="submit"] {
  background: #2255aa;
  color: white; }
  button[type="submit"]:hover,
  input[type="submit"]:hover {
    background: #79c66f;
    color: white; }

.button-cta {
  display: inline-block;
  background: white;
  font-family: "roboto_regular", sans-serif;
  color: #303840;
  padding: 1em 2em;
  -webkit-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  border: 2px solid #303840;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.85em;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .button-cta .button-cta-icon {
    display: table-cell;
    width: 30px;
    font-size: 1.5em;
    vertical-align: middle; }
  .button-cta .button-cta-label {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .button-cta .button-cta-label .icomoon {
      color: blue;
      font-size: 1.5em; }
  .button-cta:hover {
    background: #303840;
    color: white;
    border: 2px solid #303840; }

.button-floating {
  background: #79c66f;
  color: white;
  width: 5em;
  height: 5em;
  border-radius: 5em;
  text-align: center;
  padding-top: 1.65em;
  cursor: pointer;
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 1000;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .button-floating:hover {
    background: #303840; }
  .button-floating.button-floating-scroll-up {
    background: rgba(0, 0, 0, 0.1);
    font-size: 2em;
    width: 2em;
    height: 2em;
    border-radius: 6px;
    padding: 0.5em 0 0 0;
    position: fixed;
    bottom: 40px;
    right: 10px; }
    .button-floating.button-floating-scroll-up:hover {
      background: #303840; }
  .button-floating .button-floating-icon {
    display: block;
    width: 100%;
    font-size: 1.75em;
    overflow: visible; }

.button-text {
  display: inline;
  color: #0099ff;
  font-size: 1em;
  font-weight: 500;
  margin: 1em 2em 1em 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .button-text:hover {
    color: #2255aa; }

.button-text-cancel {
  display: inline;
  color: #9099A0;
  font-size: 1em;
  font-weight: 500;
  margin: 1em 2em 1em 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .button-text-cancel:hover {
    color: #2255aa; }

.button-cancel {
  display: inline;
  color: #0099ff;
  font-size: 1em;
  font-weight: 500;
  margin: 1em 2em 1em 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .button-cancel:hover {
    color: #2255aa; }

button:disabled,
input[type="button"]:disabled,
.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  color: white; }

.btn-active {
  background-color: #79c66f;
  color: #fff; }
  .btn-active:hover, .btn-active:active, .btn-active:focus {
    background-color: #303840;
    color: #fff; }

.btn-cancel {
  background: none;
  border: none;
  color: #79c66f; }
  .btn-cancel:hover {
    color: #9e0a18; }

fieldset {
  padding: 1em;
  border: 1px solid #dcdcdc; }
  fieldset legend {
    color: #303840;
    text-transform: uppercase;
    padding: 0 0.5em; }

textarea {
  width: 90%;
  height: 5em;
  outline: none;
  border: 1px solid white;
  font-weight: 100;
  font-size: 0.9em;
  padding: 1em;
  margin-bottom: 1em; }

label {
  color: #bde3b8;
  font-size: 0.8em; }

.label-custom {
  display: block;
  color: #bde3b8;
  font-size: 0.8em; }

.error input[type="text"] {
  border: 1px solid #f11d31;
  background: #f44d5d;
  color: #0e0102; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
isindex {
  display: block;
  font-weight: 100;
  font-size: 0.9em;
  margin-bottom: 1em;
  width: 100%;
  font-family: "roboto_regular", sans-serif; }

.um-input-container {
  position: relative;
  margin-top: 1em;
  margin-bottom: 2em;
  /*input:invalid {
		color: $clr-um-alert;
	}*/ }
  .um-input-container input {
    font-size: 1.15em;
    padding: 0.5em;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #dcdcdc; }
  .um-input-container input:focus {
    outline: none; }
  .um-input-container input:disabled ~ label {
    color: #ccc; }
  .um-input-container input:disabled {
    border-bottom: 1px solid #e7e7e7; }
  .um-input-container label, .um-input-container input[required=false] ~ label {
    color: #9099A0;
    font-family: "roboto_light", sans-serif;
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all; }
  .um-input-container input:focus ~ label,
  .um-input-container input:valid ~ label {
    top: -0.9em;
    font-size: 0.8em; }
  .um-input-container input:required ~ .required:before {
    color: red;
    content: "• "; }
  .um-input-container p {
    display: none;
    font-size: 0.75em;
    color: #9e0a18; }
  .um-input-container p + input:invalid {
    display: block; }
  .um-input-container .bar {
    position: relative;
    display: block;
    width: 100%; }
  .um-input-container .bar:before, .um-input-container .bar:after {
    content: '';
    height: 3px;
    width: 0;
    bottom: 1em;
    position: absolute;
    background: #79c66f;
    transition: 0.2s ease all; }
  .um-input-container .bar:before {
    left: 50%; }
  .um-input-container .bar:after {
    right: 50%; }
  .um-input-container input:focus ~ .bar:before, .um-input-container input:focus ~ .bar:after {
    width: 50%; }
  .um-input-container .highlight {
    position: absolute;
    height: 60%;
    width: 100%;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5; }
  .um-input-container input:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease; }

@keyframes inputHighlighter {
  from {
    background: #79c66f; }
  to {
    width: 0;
    background: transparent; } }

input[type="radio"] {
  position: absolute;
  /*opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-o-opacity: 1;*/ }

input[type="radio"] + label {
  position: relative;
  padding: 0 0 0 1.75em;
  font-size: 0.9em;
  color: #79c66f; }

input[type="radio"] + label:before {
  content: "";
  top: -2px;
  display: block;
  position: absolute;
  background: white;
  border-radius: 50%;
  width: 18px;
  height: 18px; }

input[type="radio"]:checked + label:before {
  background: #303840; }

caption {
  text-align: left;
  /* LTR */
  font-weight: normal; }

blockquote,
q,
cite {
  font-family: "roboto_light", sans-serif;
  font-size: 1.15em;
  font-style: italic;
  line-height: 1.75em;
  border-left: 4px solid #9e0a18;
  color: #9099A0;
  margin: 1.5em;
  padding: 1em 1em 1em 2em; }

.um-table {
  margin: 2em 0 0 0;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  .um-table .inactive td {
    color: #e2e5e7; }
  .um-table .inactive .icomoon {
    color: #ccc; }
  .um-table th {
    color: #79c66f;
    padding: 0.5em 1.25em 0.25em 1.25em;
    font-size: 0.8em;
    font-family: "roboto_light", sans-serif;
    text-align: left;
    text-transform: uppercase;
    background: none;
    border-bottom: 2px solid #303840;
    border-right: 6px solid white;
    cursor: pointer; }
    .um-table th .icomoon {
      display: block;
      font-size: 16px;
      text-align: left;
      margin: 0 0 0 -16px;
      float: left;
      color: #000; }
    .um-table th .icomoon:hover {
      color: #303840; }
  .um-table thead tr:hover {
    background: none; }
  .um-table tr:nth-child(even) {
    background: white; }
  .um-table tr {
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .um-table tr:hover {
    background: #e8f2fb; }
  .um-table td {
    padding: 1em;
    color: #9099A0;
    border-bottom: 1px solid #ddd;
    line-height: 1.35em; }
  .um-table .detail-label {
    font-size: 0.75em;
    color: #999;
    padding: 0 0 0.5em 0; }
  .um-table .detail-container {
    font-size: 1em;
    color: black;
    text-align: left;
    padding: 0.5em 5em; }

.control {
  display: block;
  position: relative;
  padding: 0.25em 0 0 2em;
  margin-bottom: 1em;
  cursor: pointer;
  font-size: 1em;
  color: #9099A0; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6; }

.control--radio .control__indicator {
  border-radius: 50%; }

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc; }

.control input:checked ~ .control__indicator {
  background: #79c66f; }

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #79c66f; }

.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none; }

.control__indicator:after {
  content: '';
  position: absolute;
  display: none; }

.control input:checked ~ .control__indicator:after {
  display: block; }

.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b; }

.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff; }

.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b; }

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%; }

.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e8ebed;
  border: 1px solid #d9dee3;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1em; }

.select select::-ms-expand {
  display: none; }

.select select:hover,
.select select:focus {
  color: #000;
  background: white; }

.select select:disabled {
  opacity: 0.5;
  pointer-events: none; }

.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent; }

.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000; }

.select select:disabled ~ .select__arrow {
  border-top-color: #ccc; }

.um-dialog-fog {
  background: rgba(30, 30, 30, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100000;
  cursor: pointer; }

.um-dialog {
  width: 60%;
  height: auto;
  overflow: auto;
  position: absolute;
  top: 20%;
  left: 20%;
  background: white;
  z-index: 100001;
  cursor: auto; }
  .um-dialog .um-dialog-cap {
    background: #303840;
    padding: 1em 0;
    color: white;
    overflow: auto; }
    .um-dialog .um-dialog-cap .um-dialog-cap-label {
      width: 90%;
      display: inline-block;
      float: left;
      padding: 0.25em 1em 0 1em;
      text-transform: uppercase; }
    .um-dialog .um-dialog-cap .um-dialog-cap-close {
      width: 10%;
      display: inline-block;
      padding: 0 1em 0 0;
      text-align: right; }
      .um-dialog .um-dialog-cap .um-dialog-cap-close .icomoon {
        cursor: pointer;
        font-size: 1.5em; }
      .um-dialog .um-dialog-cap .um-dialog-cap-close .icomoon:hover {
        color: rgba(255, 255, 255, 0.5); }
  .um-dialog .um-dialog-content {
    padding: 2em; }
    .um-dialog .um-dialog-content .um-dialog-txt-large {
      color: black;
      font-size: 1.15em; }
    .um-dialog .um-dialog-content .um-dialog-buttons {
      float: right;
      margin: 2em 0; }

.um-accordion-item {
  border: 1px solid #efefef;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .um-accordion-item .um-accordion-header {
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 1em;
    cursor: pointer;
    border-bottom: 0px solid white; }
    .um-accordion-item .um-accordion-header .um-accordion-header-title {
      color: black;
      display: inline-block;
      float: left;
      width: 90%;
      padding-top: 0.25em; }
    .um-accordion-item .um-accordion-header .um-accordion-header-label {
      color: black;
      display: inline-block;
      float: left;
      width: 30%;
      padding-top: 0.25em; }
    .um-accordion-item .um-accordion-header .um-accordion-header-data {
      color: #abb2b8;
      font-family: "roboto_light", sans-serif;
      display: inline-block;
      width: 60%;
      float: left;
      padding-top: 0.25em; }
    .um-accordion-item .um-accordion-header .um-accordion-button {
      width: 10%;
      display: inline-block;
      text-align: center;
      font-size: 1.5em;
      color: #999; }
  .um-accordion-item .um-accordion-header:hover {
    background: white;
    border-bottom: 1px solid white; }
  .um-accordion-item .um-accordion-hide {
    height: 0;
    overflow: hidden;
    width: 100%; }
  .um-accordion-item .um-accordion-show {
    overflow: auto;
    height: auto;
    width: 100%; }
  .um-accordion-item .um-accordion-content {
    overflow: auto;
    height: auto;
    padding: 1em 1em 2em 1em;
    margin: 0;
    font-family: "roboto_light", sans-serif; }
    .um-accordion-item .um-accordion-content .um-accordion-form-buttons {
      width: 100%;
      text-align: right;
      display: block;
      float: left;
      padding-top: 2em;
      border-top: 1px solid white; }
    .um-accordion-item .um-accordion-content .um-accordion-col-1 {
      width: 100%;
      padding: 1em; }
    .um-accordion-item .um-accordion-content .um-accordion-col-2 {
      width: 50%;
      display: inline-block;
      float: left;
      padding: 1em 2em; }
    .um-accordion-item .um-accordion-content .um-accordion-col-3 {
      width: 33%;
      float: left;
      padding: 1em; }
    .um-accordion-item .um-accordion-content .um-accordion-divider {
      border-left: 1px solid white; }

.um-chip {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  background: white;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  overflow: auto;
  margin-right: 1em;
  margin-bottom: 1em; }
  .um-chip p {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-family: "roboto_light", sans-serif;
    font-size: 0.9em;
    margin: 0.35em 1.35em 0.35em 1.35em; }
  .um-chip .um-chip-close {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0.75em 1em 0 0;
    padding-top: 6px;
    font-size: 0.5em;
    text-align: center;
    cursor: pointer;
    background: #fefefe;
    color: white;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px; }
    .um-chip .um-chip-close:hover {
      color: red;
      background: white; }
  .um-chip .um-chip-image {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    background: #303840;
    color: white;
    text-align: center;
    padding-top: 0.35em;
    font-size: 1.5em;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    width: 40px;
    height: 40px; }
  .um-chip .um-chip-image-text {
    margin-top: 0.5em; }
  .um-chip .um-chip-image-close {
    margin-top: 1em; }

.um-menu-list {
  display: block;
  position: relative;
  top: -2em;
  left: 1em;
  background: white;
  border: 1px solid #eee;
  width: 300px;
  padding: 1em; }

.um-menu-on {
  background: red; }

.um-menu-off {
  background: blue; }

.um-message {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto; }
  .um-message .um-message-ico {
    display: table-cell;
    width: 2.5em;
    font-size: 1.5em; }
    .um-message .um-message-ico.um-message-ico-confirm {
      background: #79c66f;
      color: white; }
    .um-message .um-message-ico.um-message-ico-warning {
      background: #FFB81C;
      color: black; }
    .um-message .um-message-ico.um-message-ico-alert {
      background: #9e0a18;
      color: white; }
    .um-message .um-message-ico .icomoon {
      float: left;
      position: relative;
      top: 0.25em;
      left: 0.75em; }
  .um-message .um-message-txt {
    display: table-cell;
    padding: 1em;
    line-height: 1.5em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
    .um-message .um-message-txt.um-message-txt-confirm {
      background: #eeffe3;
      color: black;
      border: 1px solid #79c66f; }
    .um-message .um-message-txt.um-message-txt-warning {
      background: #ffe99c;
      color: black;
      border: 1px solid #FFB81C; }
    .um-message .um-message-txt.um-message-txt-alert {
      background: #feedec;
      color: #ab0e0d;
      border: 1px solid #fabdbd; }

.um-error {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1em; }
  .um-error .um-error-title {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #303840;
    margin: 1em 0; }
  .um-error .um-error-desc {
    font-size: 1em;
    color: #303840; }
    .um-error .um-error-desc a {
      text-transform: uppercase; }
  .um-error .um-error-ico-frame {
    background: #9e0a18;
    width: 4em;
    height: 4em;
    border-radius: 4em;
    margin: 0 auto; }
    .um-error .um-error-ico-frame .um-error-ico {
      color: white;
      font-size: 1.5em;
      padding: 0.75em 0 0 0; }

.um-error-modal .um-error-modal-title {
  font-size: 1em;
  text-transform: uppercase;
  color: #303840;
  margin: 1em 0; }

.um-error-modal .um-error-modal-desc {
  font-size: 1em;
  color: #303840; }
  .um-error-modal .um-error-modal-desc a {
    text-transform: uppercase; }

.um-error-modal .um-error-modal-ico-frame {
  background: #9e0a18;
  width: 4em;
  height: 4em;
  border-radius: 4em;
  margin: 0 auto; }
  .um-error-modal .um-error-modal-ico-frame .um-error-modal-ico {
    color: white;
    font-size: 1.5em;
    padding: 0.75em 0 0 0; }

.um-confirm {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1em; }
  .um-confirm .um-confirm-title {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #303840;
    margin: 1em 0; }
  .um-confirm .um-confirm-desc {
    font-size: 1em;
    color: #303840; }
    .um-confirm .um-confirm-desc a {
      text-transform: uppercase; }
  .um-confirm .um-confirm-ico-frame {
    background: #79c66f;
    width: 4em;
    height: 4em;
    border-radius: 4em;
    margin: 0 auto; }
    .um-confirm .um-confirm-ico-frame .um-confirm-ico {
      color: white;
      font-size: 1.5em;
      padding: 0.75em 0 0 0; }

.um-confirm-modal {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1em; }
  .um-confirm-modal .um-confirm-modal-title {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #303840;
    margin: 1em 0; }
  .um-confirm-modal .um-confirm-modal-desc {
    font-size: 1em;
    color: #303840; }
    .um-confirm-modal .um-confirm-modal-desc a {
      text-transform: uppercase; }
  .um-confirm-modal .um-confirm-modal-ico-frame {
    background: #79c66f;
    width: 4em;
    height: 4em;
    border-radius: 4em;
    margin: 0 auto; }
    .um-confirm-modal .um-confirm-modal-ico-frame .um-confirm-modal-ico {
      color: white;
      font-size: 1.5em;
      padding: 0.75em 0 0 0; }

.um-card {
  margin: 0 0 2px 0;
  padding: 1em 0 1em 1em;
  border-bottom: 1px solid #efefef;
  border-left: 8px solid white;
  width: 100%;
  overflow: auto;
  cursor: pointer; }
  .um-card .um-card-content {
    font-size: 1em;
    float: left;
    width: 95%; }
    .um-card .um-card-content h1 {
      font-size: 1em;
      text-transform: uppercase;
      padding: 0 0 0.25em 0; }
  .um-card .um-card-more {
    padding-top: 0.95em;
    font-size: 1.25em;
    color: #303840;
    cursor: pointer; }

.um-card-risk-high {
  border-left: 8px solid #9e0a18; }

.um-card-risk-medium {
  border-left: 8px solid #FFB81C; }

.um-card-tree {
  margin: 0 0 2px 0;
  padding: 1em 0;
  border-bottom: 1px solid #efefef;
  border-left: 8px solid white;
  background: white;
  width: 100%;
  overflow: auto;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .um-card-tree .um-card-tree-type {
    width: 5%;
    float: left;
    text-align: left;
    font-size: 1.25em;
    color: #9099A0;
    padding-left: 0.75em; }
    .um-card-tree .um-card-tree-type .tier2 {
      width: 15%; }
  .um-card-tree .um-card-tree-type.tier2 {
    width: 10%; }
  .um-card-tree .um-card-tree-content {
    float: left;
    font-size: 1em;
    width: 85%;
    padding-left: 0.5em; }
    .um-card-tree .um-card-tree-content h1 {
      font-size: 0.9em;
      text-transform: uppercase;
      padding: 0 0 0.25em 0;
      color: #303840; }
    .um-card-tree .um-card-tree-content p {
      color: #303840;
      font-size: 1.25em; }
  .um-card-tree .um-card-tree-content.tier2 {
    width: 80%; }
  .um-card-tree .um-card-tree-score {
    float: left;
    width: 10%;
    font-size: 2em;
    text-align: center;
    color: white;
    cursor: pointer; }

.um-card-tree-risk-high {
  border-left: 8px solid #9e0a18; }

.um-card-tree-risk-medium {
  border-left: 8px solid #FFB81C; }

.um-card-tree:hover {
  background: white; }

.um-card-feature {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: auto;
  margin-bottom: 2em; }
  .um-card-feature .um-card-feature-header {
    width: 100%;
    overflow: inherit;
    background: #303840;
    padding: 1em; }
    .um-card-feature .um-card-feature-header h1 {
      font-size: 1.25em;
      margin-top: 0.15em;
      padding: 0;
      color: #FFB81C;
      text-transform: none;
      font-family: "roboto_light", sans-serif;
      line-height: 1.35em; }
    .um-card-feature .um-card-feature-header h2 {
      font-size: 0.8em;
      margin-top: 0.15em;
      padding: 0;
      color: white;
      font-family: "roboto_light", sans-serif;
      line-height: 1.35em; }
  .um-card-feature .um-card-feature-content {
    width: 100%;
    overflow: inherit;
    background: white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white; }
    .um-card-feature .um-card-feature-content .um-card-feature-content-left {
      width: 50%;
      height: 100%;
      display: table-cell; }
    .um-card-feature .um-card-feature-content .um-card-feature-content-right {
      width: 50%;
      height: 100%;
      display: table-cell; }
    .um-card-feature .um-card-feature-content .um-card-feature-content-desc {
      width: 100%;
      padding: 2em;
      font-size: 1em;
      line-height: 1.65em;
      font-family: "roboto_light", sans-serif; }
    .um-card-feature .um-card-feature-content .um-card-feature-content-action {
      width: 100%;
      padding: 2em;
      text-transform: uppercase; }

.um-snackbar {
  display: table;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 0 0 1em 0;
  padding: 0;
  background: white;
  border: 1px solid white;
  border-radius: 10px; }
  .um-snackbar .um-snackbar-logo {
    display: table-cell;
    width: 20%; }
    .um-snackbar .um-snackbar-logo .um-snackbar-logo-img {
      margin: 1em 1em 1em 1em;
      min-height: 70px;
      background: url("../images/favicon-152.png");
      background-size: contain;
      background-repeat: no-repeat; }
  .um-snackbar .um-snackbar-close {
    display: table-cell;
    width: 20%;
    border-left: 1px solid white;
    position: relative;
    cursor: pointer; }
    .um-snackbar .um-snackbar-close .um-snackbar-close-btn {
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0.8em;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer; }
  .um-snackbar .um-snackbar-content {
    display: table-cell;
    width: 60%;
    padding: 1em 1em 1em 0;
    overflow: auto; }
    .um-snackbar .um-snackbar-content .um-snackbar-title {
      font-size: 1em;
      color: #303840;
      margin-bottom: 0.5em;
      text-transform: uppercase; }
    .um-snackbar .um-snackbar-content .um-snackbar-body {
      font-size: 0.8em;
      font: "roboto_light", sans-serif;
      line-height: 1.5em; }
      .um-snackbar .um-snackbar-content .um-snackbar-body .um-snackbar-content-bold {
        color: #303840;
        font-style: italic; }
    .um-snackbar .um-snackbar-content .um-snackbar-buttons {
      margin-top: 0.75em; }
    .um-snackbar .um-snackbar-content input[type="submit"] {
      font-size: 0.8em;
      padding: 0.8em; }
    .um-snackbar .um-snackbar-content .button-cancel {
      font-size: 0.8em; }

.um-snackbar-top {
  margin-right: 1em;
  position: fixed;
  top: 1em;
  right: 1em; }

.um-snackbar-bottom {
  margin-right: 1em;
  position: fixed;
  bottom: 2em;
  right: 1em; }

.um-snackbar-inline {
  width: 50%; }

.um-snackbar-featured {
  margin-right: 1em;
  position: fixed;
  bottom: 2em;
  left: 1em;
  background: #303840; }
  .um-snackbar-featured .um-snackbar-content .um-snackbar-title {
    color: #FFB81C; }
  .um-snackbar-featured .um-snackbar-content .um-snackbar-body {
    color: white; }
  .um-snackbar-featured .um-snackbar-close {
    border-left: 1px solid #303840; }
    .um-snackbar-featured .um-snackbar-close .um-snackbar-close-btn {
      color: #79c66f; }
  .um-snackbar-featured a {
    color: white; }
  .um-snackbar-featured a:hover {
    color: #79c66f; }
  .um-snackbar-featured .um-snackbar-highlight {
    color: #FFB81C; }

.um-fab {
  background: red; }
  .um-fab .um-fab-btn {
    position: fixed;
    bottom: 150px;
    right: 40px;
    z-index: 100000;
    border: 1px solid #efefef;
    -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.15);
    background: white;
    color: #303840;
    width: 5em;
    height: 5em;
    border-radius: 5em;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
    .um-fab .um-fab-btn:hover {
      border: 1px solid #efefef;
      background: #303840;
      color: white; }
    .um-fab .um-fab-btn .um-fab-btn-icon {
      font-size: 2em;
      padding-top: 0.75em; }
  .um-fab .um-fab-list {
    display: block;
    position: fixed;
    bottom: 15em;
    right: 3em;
    z-index: 100001;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
    .um-fab .um-fab-list .um-fab-list-item {
      background: #79c66f;
      width: 2em;
      height: 2em;
      border-radius: 4em;
      text-align: center;
      margin-bottom: 0.5em;
      cursor: pointer;
      list-style: none;
      -webkit-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out; }
      .um-fab .um-fab-list .um-fab-list-item:hover {
        background: #303840; }
      .um-fab .um-fab-list .um-fab-list-item .um-fab-list-icon {
        font-size: 1.5em;
        padding-top: 0.75em; }
      .um-fab .um-fab-list .um-fab-list-item.um-fab-list-item-show {
        opacity: 1;
        width: 4em;
        height: 4em; }
      .um-fab .um-fab-list .um-fab-list-item.um-fab-list-item-hide {
        opacity: 0;
        width: 2em;
        height: 2em; }
      .um-fab .um-fab-list .um-fab-list-item a {
        position: relative;
        color: white; }
        .um-fab .um-fab-list .um-fab-list-item a span {
          right: 20px; }
        .um-fab .um-fab-list .um-fab-list-item a span:after {
          display: none;
          left: 100%;
          top: 35%;
          right: 0;
          margin-left: -6px;
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
    .um-fab .um-fab-list.um-fab-list-show {
      visibility: visible; }
    .um-fab .um-fab-list.um-fab-list-hide {
      visibility: hidden; }

.um-bsheet-fog {
  background: rgba(30, 30, 30, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  cursor: pointer; }
  .um-bsheet-fog.um-bsheet-fog-show {
    opacity: 1;
    visibility: visible; }
  .um-bsheet-fog.um-bsheet-fog-hide {
    opacity: 0;
    visibility: hidden; }

.um-bsheet {
  display: block;
  height: auto;
  overflow: auto;
  position: fixed;
  bottom: 0;
  left: 30%;
  width: 40%;
  background: white;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  padding-bottom: 2em; }
  .um-bsheet .um-bsheet-list {
    border-bottom: 1px solid #cad1d8;
    padding: 1em 1.5em;
    font-size: 1em;
    cursor: pointer;
    text-transform: uppercase;
    color: #303840;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
    .um-bsheet .um-bsheet-list:hover {
      background: #efefef; }
    .um-bsheet .um-bsheet-list .um-bsheet-icon {
      display: inline-block;
      margin-right: 1em;
      font-size: 1.25em;
      color: #909eac; }
  .um-bsheet.um-bsheet-show {
    bottom: 0;
    opacity: 1;
    visibility: visible; }
  .um-bsheet.um-bsheet-hide {
    bottom: -100px;
    opacity: 0;
    visibility: hidden; }

.um-bsheet-btn {
  display: block;
  margin: 3em 0 0 0;
  padding: 0;
  position: static;
  cursor: pointer;
  text-transform: uppercase;
  color: #79c66f; }

.um-bsheet-cap {
  width: 100%;
  background: #303840;
  font-size: 1em;
  text-transform: uppercase;
  color: white;
  padding: 1em 0;
  text-align: center;
  font-family: "roboto_light", sans-serif; }

.um-menu-right {
  position: absolute;
  right: 0; }
  .um-menu-right ul {
    position: relative !important; }
  .um-menu-right li {
    list-style: none; }

.um-menu-left {
  float: left; }
  .um-menu-left ul {
    position: relative !important; }
  .um-menu-left li {
    list-style: none; }

.um-menu {
  position: absolute !important;
  padding: 0;
  margin: 0;
  border: none !important;
  color: #FFFFFF !important; }

.um-menu-left .um-menu {
  position: absolute !important; }

.um-menu-root {
  position: relative;
  padding: 1em;
  cursor: pointer; }
  .um-menu-root > ul {
    padding: 0em;
    left: 0em !important;
    top: 0em !important;
    background: #ffffff;
    border: none !important; }

.um-menu-root-container {
  position: relative;
  padding: 0em !important;
  margin: 0;
  list-style-image: none !important; }

.ui-menu .ui-menu-item {
  list-style-image: none !important; }

.um-menu-root-container.ui-state-active {
  background: none;
  border: none;
  margin: 0; }
  .um-menu-root-container.ui-state-active .um-menu-root-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #79c66f;
    transition: 0.3s ease background-color; }
    .um-menu-root-container.ui-state-active .um-menu-root-title i.menu-open {
      display: none; }
    .um-menu-root-container.ui-state-active .um-menu-root-title i.menu-close {
      display: inline-block; }

.um-menu .ui-menu-icon {
  display: none; }

.um-menu-root-hold {
  padding: 1.5em;
  border-radius: 0.5em; }

.um-menu-root-title {
  width: auto;
  position: relative;
  padding: 0.75em;
  text-transform: uppercase;
  background-color: #79c66f;
  background-color: #00A9E0;
  color: #FFFFFF;
  float: left;
  transition: 0.3s ease background-color;
  font-size: 0.9em; }
  .um-menu-root-title .um-menu-close {
    display: none; }
  .um-menu-root-title .um-menu-open {
    display: inline-block; }
  .um-menu-root-title i {
    padding-left: 1em; }

.um-menu-root .ui-menu-item {
  border-bottom: 1px solid #EDEDED; }

.um-menu-main {
  cursor: pointer;
  padding: 1em 1em 1em 0.75em !important;
  border: none;
  border-left: 0.25em solid #FFFFFF;
  transition: 0.3s ease color;
  margin: 0; }
  .um-menu-main i {
    float: right;
    padding-left: 1em;
    visibility: hidden; }

.um-menu-main-sub i {
  visibility: visible; }

.um-menu-main-dis {
  color: #EDEDED !important;
  border-left: 0.25em solid #FFFFFF !important;
  border-right: 0.25em solid #FFFFFF !important;
  cursor: default; }

.um-menu-main.ui-state-active {
  padding: 1em 1em 1em 0.75em !important;
  border: none;
  border-left: 0.25em solid #84BD00;
  background: none;
  color: #84BD00;
  transition: 0.3s ease color;
  margin: 0; }

.um-menu-main-dis + .um-menu-sub {
  display: none !important; }

.um-menu-sub {
  position: absolute !important;
  padding: 0;
  border: none !important;
  top: 0em !important;
  min-width: 100%;
  min-height: 100%;
  box-shadow: 0 0 1em 0 #EDEDED; }
  .um-menu-sub li {
    padding: 1em !important;
    margin: 0; }
  .um-menu-sub .ui-state-active {
    background: none;
    border: none;
    color: #84BD00;
    font-weight: bold;
    margin: 0; }

.um-menu ul .um-menu-sub {
  position: absolute !important; }

.um-menu-sub-title {
  color: #84BD00;
  padding-bottom: 0.5em; }

.um-menu-sub-description {
  font-size: 0.75em; }

.um-menu-sub-list li:nth-last-child(2) {
  margin-bottom: 2.25em;
  border-bottom: none; }

.um-menu-sub-title.ui-state-active {
  color: #00263A;
  font-weight: bold; }

.um-menu-sub-description.ui-state-active {
  color: #000000;
  font-weight: normal; }

.um-menu-help {
  position: absolute;
  bottom: 0;
  border-top: 2px solid #EDEDED;
  width: 100%;
  font-size: 0.75em;
  color: #5E9BF3; }

.um-menu-right .um-menu-root-title {
  float: right; }

.um-menu-right .um-menu-main i {
  float: left;
  padding-right: 0em;
  padding-left: 1em;
  transform: rotate(180deg); }

.um-menu-right .um-menu-main {
  border-left: 0em solid #FFFFFF;
  border-right: 0.25em solid #FFFFFF; }

.um-menu-right .um-menu-main.ui-state-active {
  border-right: 0.25em solid #84BD00;
  color: #84BD00; }

.um-slider-left,
.um-slider,
.um-slider-right {
  margin-top: 1em;
  display: inline-block; }

.um-slider-left,
.um-slider-right {
  width: 5%;
  color: #ccc;
  font-size: 0.9em; }

.um-slider-left {
  float: left; }

.um-slider-right {
  float: right; }

.um-slider {
  width: 85%; }

.noUi-tooltip {
  border: 1px solid #dcdcdc !important;
  padding: 0.35em !important; }

.noUi-handle {
  border: 2px solid #79c66f !important; }

.noUi-active {
  border: 2px solid #79c66f !important; }

.date-input {
  width: 100%;
  margin: 0.5em 0em;
  border: none;
  border-bottom: 1px solid #EDEDED; }

.dtp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2000;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dtp > .dtp-content {
  background: #fff;
  max-width: 350px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  max-height: 600px;
  position: relative;
  left: 50%; }

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #004B87;
  color: #fff;
  text-align: center;
  padding: 0.3em; }

.dtp div.dtp-date, .dtp div.dtp-time {
  background: #004B87;
  text-align: center;
  color: #fff;
  padding: 10px; }

.dtp div.dtp-date > div {
  padding: 0;
  margin: 0; }

.dtp div.dtp-actual-month {
  font-size: 1.5em; }

.dtp div.dtp-actual-num {
  font-size: 3em;
  line-height: 0.9; }

.dtp div.dtp-actual-maxtime {
  font-size: 3em;
  line-height: 0.9; }

.dtp div.dtp-actual-year {
  font-size: 1.5em;
  color: #FFB81C; }

.dtp div.dtp-picker {
  padding: 1em;
  text-align: center; }

.dtp div.dtp-picker-month, .dtp div.dtp-actual-time {
  font-weight: 500;
  text-align: center; }

.dtp div.dtp-picker-month {
  padding-bottom: 20px !important;
  text-transform: uppercase !important; }

.dtp .dtp-close {
  position: absolute;
  top: 0.5em;
  right: 1em; }

.dtp .dtp-close > a {
  color: #fff; }

.dtp .dtp-close > a > i {
  font-size: 1em;
  transition: 0.2s ease-in all; }

.dtp .dtp-close > a > i:hover {
  color: #00A9E0;
  transition: 0.2s ease-in all; }

.dtp table.dtp-picker-days {
  width: 100%;
  margin: 0;
  min-height: 251px; }

.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td {
  border: none; }

.dtp table.dtp-picker-days tr > td {
  font-weight: 700;
  font-size: 0.8em;
  text-align: center;
  padding: 0.5em 0.3em; }

.dtp table.dtp-picker-days tr > td > span.dtp-select-day {
  color: #BDBDBD !important;
  padding: 0.4em 0.5em 0.5em 0.6em; }

.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a {
  color: #212121;
  text-decoration: none;
  padding: 0.4em 0.5em 0.5em 0.6em;
  border-radius: 50% !important; }

.dtp table.dtp-picker-days tr > td > a.selected {
  background: #00A9E0;
  color: #fff; }

.dtp table.dtp-picker-days tr > th {
  color: #757575;
  text-align: center;
  font-weight: 700;
  padding: 0.4em 0.3em; }

.dtp .p10 > a {
  color: #FFFFFF;
  text-decoration: none;
  transition: 0.2s ease-in all; }

.dtp .p10 > a:hover {
  color: #00A9E0;
  transition: 0.2s ease-in all; }

.dtp .p10 {
  padding-top: 0.5em;
  width: 10%;
  display: inline-block; }

.dtp .p20 {
  width: 20%;
  display: inline-block; }

.dtp .p60 {
  width: 60%;
  display: inline-block; }

.dtp .p80 {
  width: 80%;
  display: inline-block; }

.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm {
  position: relative;
  top: 10px;
  color: #212121;
  font-weight: 500;
  padding: 0.7em 0.5em;
  border-radius: 50% !important;
  text-decoration: none;
  background: #eee;
  font-size: 1em; }

.dtp .dtp-actual-meridien a.selected {
  background: #545454;
  color: #fff; }

.dtp .dtp-picker-time > .dtp-select-hour {
  cursor: pointer; }

.dtp .dtp-picker-time > .dtp-select-minute {
  cursor: pointer; }

.dtp .dtp-buttons {
  padding: 0 1em 1em 1em;
  text-align: right; }

.dtp.hidden, .dtp .hidden {
  display: none; }

.dtp .invisible {
  visibility: hidden; }

.dtp .left {
  float: left; }

.dtp .right {
  float: right; }

.dtp .clearfix {
  clear: both; }

.dtp .center {
  text-align: center; }

.dtp-picker-year {
  margin-bottom: 1px; }

.year-picker-item {
  text-align: center;
  padding-top: 5px;
  font-size: large;
  cursor: pointer;
  margin: 0 auto; }

.dtp-actual-year:hover {
  cursor: pointer; }

.dtp-actual-year.disabled:hover {
  cursor: inherit; }

.year-picker-item:hover {
  color: #545454; }

.year-picker-item.active {
  color: #00A9E0;
  font-weight: bold; }

.dtp-select-year-range {
  display: inline-block;
  text-align: center;
  width: 100%; }

.dtp-btn-clear,
.dtp-btn-cancel {
  background: #FFFFFF;
  color: #00A9E0;
  transition: 0.2s ease-in all;
  outline: none;
  font-family: 'roboto_regular'; }

.dtp-btn-clear:hover,
.dtp-btn-cancel:hover {
  color: #00263A;
  transition: 0.2s ease-in all; }

.dtp-btn-ok {
  background-color: #00A9E0;
  color: #FFFFFF;
  transition: 0.2s ease-in all;
  outline: none; }

.dtp-btn-ok:hover {
  background-color: #00263A;
  transition: 0.2s ease-in all; }

ul.um-tab {
  margin: 0em;
  padding: 1em 0em 1.5em 0;
  font-size: 14px; }
  ul.um-tab li {
    margin: 0.5em 0.5em;
    padding: 0 0.4em 0.2em 0.4em;
    list-style: none;
    display: inline;
    text-transform: uppercase;
    font-family: "roboto_regular", sans-serif; }
  ul.um-tab li:first-child {
    margin-left: 0em; }
  ul.um-tab li a {
    color: #6f6f6f;
    text-decoration: none;
    cursor: pointer; }
  ul.um-tab li a:hover {
    color: #003c96;
    text-decoration: none;
    padding-bottom: 0.2em;
    cursor: pointer;
    border-bottom: 3px solid #003c96; }
  ul.um-tab li.active a {
    color: #003c87;
    text-decoration: none;
    padding: 0 0.4em 0.2em 0.4em;
    cursor: pointer;
    border-bottom: 3px solid #003c96; }

.um-badges {
  background: #9e0a18;
  border: 2px solid #fff;
  padding: 0.5em;
  height: auto;
  border-radius: 2em;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  position: relative;
  left: -15px; }

.um-badges-content {
  padding: 0.35em 0.5em 0.15em 0.5em;
  height: auto;
  border-radius: 2em;
  font-size: 0.8em;
  color: white; }

.um-loader {
  position: relative;
  margin: 0 auto; }
  .um-loader.small {
    width: 40px; }
  .um-loader.medium {
    width: 80px; }
  .um-loader.large {
    width: 120px; }

.um-loader-svg {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  margin: auto; }

.um-loader-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke: #303840;
  stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

.tranz_norm {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.tranz_slow {
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out; }

.tranz_fast {
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

.mm-listview {
  -moz-font-feature-settings: inherit;
  -moz-font-language-override: inherit;
  font-family: inherit;
  font-size: 14px;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 20px; }

.mm-listview, .mm-listview > li {
  display: block;
  list-style: none outside none;
  margin: 0;
  padding: 0; }

.mm-listview > li > a, .mm-listview > li > span {
  color: inherit;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 10px 10px 10px 20px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
  content: none; }

.mm-menu {
  color: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px; }

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
  content: "";
  display: block;
  height: 20px; }

.mm-panel .mm-navbar {
  display: none; }

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block; }

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 40px; }

.mm-navbar {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: inherit;
  height: 40px;
  left: 0;
  line-height: 20px;
  margin: 0;
  padding: 0 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }

.mm-navbar > * {
  display: block;
  padding: 10px 0; }

.mm-menu > .mm-panel {
  padding: 2em; }
  .mm-menu > .mm-panel .mm-navbar {
    text-align: left; }

.mm-listview > li > span,
.mm-listview > li > a {
  color: #878787; }
  .mm-listview > li > span:hover,
  .mm-listview > li > a:hover {
    color: white; }
  .mm-listview > li > span.inactive,
  .mm-listview > li > a.inactive {
    color: #535353; }

@media (max-width: 33.9em) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 34em) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 768.9px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 769px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 61.9em) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 62em) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 74.9em) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 75em) {
  .hidden-xl-up {
    display: none !important; } }

.um-header {
  height: 4em; }
  .um-header .um-header-menu-left,
  .um-header .um-header-menu-right {
    display: block;
    margin: 0;
    padding: 0; }
    .um-header .um-header-menu-left a,
    .um-header .um-header-menu-right a {
      padding: 15px 12px;
      position: relative;
      display: block;
      color: #fff;
      font-size: 1.5em; }
      .um-header .um-header-menu-left a:hover,
      .um-header .um-header-menu-right a:hover {
        color: #2255aa; }
      .um-header .um-header-menu-left a.inactive, .um-header .um-header-menu-left a.inactive:hover,
      .um-header .um-header-menu-right a.inactive,
      .um-header .um-header-menu-right a.inactive:hover {
        color: #2255aa;
        cursor: pointer; }
    .um-header .um-header-menu-left li,
    .um-header .um-header-menu-right li {
      display: inline;
      list-style: none;
      float: left; }
  .um-header .um-header-menu-left {
    float: left;
    position: relative;
    z-index: 1; }
  .um-header .um-header-menu-right {
    float: right; }
    .um-header .um-header-menu-right a {
      font-size: 1.15em; }
      .um-header .um-header-menu-right a i {
        font-size: 1.55em; }
  .um-header .um-header-logo {
    display: block;
    float: left;
    text-align: center;
    position: absolute;
    width: 100%; }
    .um-header .um-header-logo .um-header-logo-image {
      width: 16em;
      margin: 0 2em;
      padding: 0;
      cursor: pointer; }
    .um-header .um-header-logo .um-header-logo-image:hover {
      text-decoration: none; }

.um-search-header .um-header-logo {
  text-align: left !important;
  position: static !important;
  width: 35% !important; }

.um-search-header .um-header-search {
  float: left;
  margin: 10px 0;
  padding: 4px;
  width: 30%;
  height: 44px;
  position: relative; }
  .um-search-header .um-header-search ::-webkit-input-placeholder {
    color: white; }
  .um-search-header .um-header-search :-moz-placeholder {
    /* Firefox 18-  */
    color: white; }
  .um-search-header .um-header-search ::-moz-placeholder {
    /* Firefox 19+ */
    color: white; }
  .um-search-header .um-header-search :-ms-input-placeholder {
    color: white; }

.um-search-header .myclaims-search-box {
  width: 100%;
  float: left;
  position: absolute; }
  .um-search-header .myclaims-search-box button {
    border: 0px;
    color: white;
    font-size: 2em;
    left: 0px;
    background: transparent;
    position: absolute;
    outline: none;
    cursor: pointer;
    margin: 0px;
    padding: 2px 5px; }
  .um-search-header .myclaims-search-box input {
    border: 0px;
    font-size: 1em;
    font-family: "roboto_regular", sans-serif;
    padding: 8px 2px 8px 40px;
    margin: 0px;
    color: white;
    width: 98%;
    background: transparent; }
    .um-search-header .myclaims-search-box input:focus {
      outline: none; }
  .um-search-header .myclaims-search-box ul {
    position: absolute;
    z-index: 99999;
    left: -4px;
    top: 40px;
    background: white;
    width: 100%;
    border: 1px solid #cfcfcf; }
    .um-search-header .myclaims-search-box ul li {
      margin-left: 1em;
      padding: 0.8em 0.8em 0.8em 0em; }

@media only screen and (max-width: 768px) {
  .um-search-header {
    height: 7em !important;
    float: none !important;
    position: relative !important; }
    .um-search-header .um-header-logo {
      position: absolute !important;
      text-align: center !important;
      width: 100% !important; }
      .um-search-header .um-header-logo .um-header-logo-image {
        width: 13.5em;
        padding: .3em; }
    .um-search-header .um-header-search {
      border: 0 !important;
      bottom: 0;
      margin: 0 !important;
      position: absolute;
      width: 100%; }
  .um-container > h2 {
    display: none; } }

a.tooltips {
  opacity: 1; }
  a.tooltips i:hover {
    color: #35B5EB; }
  a.tooltips span {
    position: absolute;
    min-width: 80px;
    color: #333333;
    font-size: 12px;
    background: #FFFFFF;
    height: 30px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
    border-radius: 6px;
    right: 10%;
    bottom: -10%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); }
    a.tooltips span:after {
      content: '';
      position: absolute;
      bottom: 100%;
      right: 10%;
      margin-left: -8px;
      width: 0;
      height: 0;
      border-bottom: 8px solid #FFFFFF;
      border-right: 8px solid transparent;
      border-left: 8px solid transparent; }
    a.tooltips span.like {
      width: 170px; }
    a.tooltips span.chat {
      width: 190px; }
    a.tooltips span.menu:after {
      right: 20%; }
  a.tooltips:hover span {
    visibility: hidden;
    opacity: 1;
    right: 10%;
    bottom: -20%;
    margin-left: -76px;
    z-index: 999; }

@media only screen and (min-width: 992px) {
  a.tooltips:hover span {
    visibility: visible; } }

.um-content {
  overflow: auto;
  padding: 2em;
  background: #fff; }

.um-content-white {
  background: white; }

.um-content-highlight {
  color: #2255aa;
  font-size: 1.25em; }

.um-notes {
  display: block;
  margin: 0.75em 0 0 0;
  color: #80a6e6;
  font-size: 0.9em;
  font-weight: 100;
  margin-bottom: 1em; }

.um-sso-container {
  width: 80%;
  margin: 1.5em auto;
  text-align: center; }

footer {
  position: absolute;
  width: 100%;
  padding: 0.5em 0em;
  bottom: 0; }
  footer .um-footer-links {
    display: block;
    font-weight: 300;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.15em; }
  footer .um-footer-copyright {
    display: block;
    font-weight: 300;
    font-size: 0.7em;
    text-align: center;
    width: 100%;
    padding: 0 2em; }
  footer .um-footer-copyright-login {
    display: block;
    font-weight: 300;
    font-size: 0.7em;
    text-align: center; }

.login-iso-icon {
  display: block;
  width: 400px;
  height: 80px;
  margin: 0 auto;
  background: url("../images/ico_iso_red_white.svg");
  background-repeat: no-repeat;
  background-size: 400px 80px; }

.login-banner-container {
  display: block;
  width: 100%;
  height: 275px;
  background: #2255aa; }

.login-banner-image {
  display: block;
  width: 600px;
  height: 200px;
  position: relative;
  top: 20px;
  margin: 0 auto;
  background: url("../images/login_image.png");
  background-repeat: no-repeat;
  background-size: cover; }

.login-container {
  display: block;
  width: 60%;
  margin: 3em auto 1em auto; }
  .login-container .checkbox-container {
    display: block;
    background: red;
    overflow: auto; }
    .login-container .checkbox-container label {
      margin-bottom: 2em; }
  .login-container h5 {
    font-size: 2em;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 0;
    font-weight: 100; }
  .login-container p {
    font-size: 1em;
    margin: 0;
    text-align: center;
    color: #5588dd; }
  .login-container .support {
    font-size: 0.8em;
    text-align: left;
    margin-top: 2em; }
    .login-container .support a {
      font-weight: 700; }
  .login-container .login-terms-container {
    display: block; }
  .login-container ol {
    list-style-type: decimal;
    margin: 0;
    padding: 0 0 0 1.5em;
    font-size: 0.8em;
    line-height: 1.25em;
    color: #5588dd;
    font-weight: 300; }
    .login-container ol li {
      padding-bottom: 1em; }
    .login-container ol li li {
      list-style-type: lower-latin;
      font-size: 1.15em; }
    .login-container ol li li:first-child {
      padding-top: 1em; }
  .login-container .login-forgot {
    font-size: 0.8em;
    text-align: left;
    margin-bottom: 2em; }

.browser-detect {
  display: none; }

.um-style-page-title {
  display: block;
  width: 100%;
  font-weight: 100;
  font-size: 1.5em;
  color: #2255aa; }

.um-style-tile-wrapper {
  display: block;
  width: 100%;
  padding: 0 2em; }

.um-style-container {
  display: block;
  width: 100%;
  overflow: auto;
  margin: 4em 0;
  padding: 0; }
  .um-style-container .um-style-header {
    border-bottom: 1px solid #d5e1f7;
    line-height: 2em;
    margin-bottom: 1.5em;
    font-weight: 100;
    font-size: 1.5em; }
  .um-style-container .um-style-palette-box {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0.25em 0.75em 0.25em 0;
    border: 1px solid white;
    cursor: pointer; }

.color1 {
  background: #2255aa; }

.color2 {
  background: #2255aa; }

.color3 {
  background: #2255aa; }

.color4 {
  background: #FFB81C; }

.color5 {
  background: #9e0a18; }

.color6 {
  background: #9e0a18; }

.color7 {
  background: #9e0a18; }

.color8 {
  background: #2255aa; }

.color9 {
  background: black; }

.color10 {
  background: #2255aa; }

.um-style-tone-mood {
  font-family: "roboto_regular", sans-serif;
  /* font-family: "futura-pt", serif; */
  font-weight: 100;
  font-size: 1em;
  line-height: 2em;
  margin-left: 1em;
  color: #2b6ad5; }

.um-style-tone01 {
  font-size: 2em;
  font-weight: 500; }

.um-style-tone02 {
  font-size: 1.5em;
  font-weight: 300;
  color: #5588dd; }

.um-style-tone03 {
  font-size: 1.25em;
  font-weight: 300;
  color: #5588dd; }

.um-style-tone04 {
  font-size: 1.25em;
  color: #d5e1f7; }

.um-style-tone05 {
  font-size: 1em;
  color: #d5e1f7; }

.um-style-features-links-container {
  width: 33%;
  overflow: auto;
  margin: 1em 0;
  padding: 1em 2em;
  float: left; }
  .um-style-features-links-container .um-style-features-links-frame {
    cursor: pointer;
    text-align: center; }
    .um-style-features-links-container .um-style-features-links-frame p:hover {
      opacity: 0.5; }
    .um-style-features-links-container .um-style-features-links-frame img:hover {
      opacity: 0.5; }
    .um-style-features-links-container .um-style-features-links-frame .um-style-features-title {
      font-size: 1.25em;
      font-weight: 500;
      margin-top: 1em; }
    .um-style-features-links-container .um-style-features-links-frame .um-style-features-ico {
      width: 100%; }
      .um-style-features-links-container .um-style-features-links-frame .um-style-features-ico .um-style-features-ico-image {
        box-sizing: block;
        text-align: center;
        width: 120px;
        height: 100px;
        margin: 0 auto;
        -webkit-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px; }
      .um-style-features-links-container .um-style-features-links-frame .um-style-features-ico .clr-design {
        background: #FFB81C; }
      .um-style-features-links-container .um-style-features-links-frame .um-style-features-ico .clr-styletile {
        background: #9e0a18; }
      .um-style-features-links-container .um-style-features-links-frame .um-style-features-ico .clr-docs {
        background: #2255aa; }

.um-breadcrumb {
  display: block;
  width: 80%;
  margin-top: 1em;
  margin-bottom: 2em;
  margin-left: 0;
  text-align: left;
  font-weight: 300;
  font-size: 0.9em; }
  .um-breadcrumb ul, .um-breadcrumb menu, .um-breadcrumb dir {
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0; }
  .um-breadcrumb li {
    display: inline;
    margin-right: 0.5em; }
  .um-breadcrumb li:after {
    content: "|";
    padding-left: 1.25em;
    opacity: 0.15; }

.um-ie-required {
  color: #9e0a18; }

.um-media-container {
  display: block;
  overflow: auto;
  float: left;
  display: inline;
  margin: 1.5em 1.5em 1.5em 0; }

.um-media-image {
  border: 1px solid white; }

.um-ulist li {
  color: #2255aa; }

.change-log {
  padding: 0 0 1em 0;
  border-bottom: 1px solid white; }

div.mm-page {
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
  -o-user-select: auto;
  user-select: auto; }

.btn-back {
  padding-bottom: 1em; }
  .btn-back a {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

.um-sentiment {
  position: absolute;
  right: 0;
  z-index: 1; }
  .um-sentiment .sentiment-icon {
    cursor: pointer;
    background-color: #035EBB;
    color: white;
    padding: 0.14em 0.5em 0.1em;
    display: inline-block;
    float: left;
    vertical-align: top;
    font-size: 1.7em;
    position: relative;
    border-radius: 3px 0 0 3px; }
    .um-sentiment .sentiment-icon div {
      border-left: 10px solid rgba(0, 0, 0, 0);
      border-right: 10px solid rgba(0, 0, 0, 0);
      border-top: 10px solid #035EBB;
      height: 0;
      position: absolute;
      right: -14px;
      top: 40%;
      width: 0;
      z-index: 3;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90), M12=-sin(-90), M21=sin(-90), M22=cos(-90));
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90), M12=-sin(-90), M21=sin(-90), M22=cos(-90))";
      zoom: 1; }
  .um-sentiment .sentiment-cont {
    background-color: #333;
    color: white;
    font-size: .9em;
    padding: 0;
    min-width: 300px;
    min-height: 2em;
    float: right; }
  .um-sentiment label {
    color: white;
    cursor: pointer; }
    .um-sentiment label i {
      background-color: #5d9bf0;
      padding: .3em;
      border-radius: 50%;
      font-size: 1.2em;
      height: 1.1em;
      width: 1.1em; }
  .um-sentiment .response {
    -webkit-transition: max-height 0.2s ease-in-out;
    -o-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
    overflow: hidden;
    padding: 0 1.5em 0.78em; }
    .um-sentiment .response input[type="radio"] {
      display: none; }
    .um-sentiment .response label {
      padding-right: 2em;
      vertical-align: middle; }
    .um-sentiment .response input[type="radio"].inactive + label {
      color: #6c6c6c; }
      .um-sentiment .response input[type="radio"].inactive + label i {
        background-color: #424242; }
  .um-sentiment .question {
    cursor: pointer;
    padding: 0.78em 1.5em; }
  .um-sentiment .answer div {
    padding: 1em 0; }
  .um-sentiment .button-cancel:hover {
    color: white; }
  .um-sentiment .feedback {
    max-height: 0;
    -webkit-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden; }
    .um-sentiment .feedback input[type="text"] {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .um-sentiment .feedback input[type=button], .um-sentiment .feedback input[type=submit] {
      padding: .5em 1em; }
  .um-sentiment .feedback.active {
    max-height: 300px; }

@media only screen and (max-width: 480px) {
  .um-sentiment .sentiment-cont {
    min-width: 260px; } }

@media only screen and (max-width: 420px) {
  .um-page {
    padding: 0;
    margin-top: 0; }
  .um-nav .um-banner-mmenu {
    display: table-cell;
    width: 10%; }
  .um-nav .um-banner-brand {
    width: 60%;
    padding-left: 1em; }
    .um-nav .um-banner-brand .um-banner-logo {
      height: 50px; }
  .um-nav .um-banner-nav {
    display: none; }
    .um-nav .um-banner-nav .um-nav-contact {
      padding-top: 1.5em; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-tagline {
        display: none; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-ico, .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-num {
        font-size: 1em; }
    .um-nav .um-banner-nav .um-nav-list {
      display: none; }
  .um-hero .um-slideshow-container {
    display: none; }
  .um-slideshow-disclaimer {
    display: none; }
  .um-home-about .um-home-about-content .um-home-about-content-left {
    width: 100%; }
  .um-home-about .um-home-about-content .um-home-about-content-right {
    width: 100%;
    padding: 4em 0 0 0;
    border-left: 0; }
  .um-home-about .um-home-about-content .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item {
    width: 100%; }
  .um-home-products .um-home-product-container .um-home-product-item {
    width: 100%; }
  .um-home-gfx-container .um-home-gfx-col {
    width: 100%; }
  .um-home-stepper-container {
    display: none; }
  .ember-cli-g-map {
    height: 200px; }
  .um-map-btn-container {
    padding: 1em 2em 2em 2em; } }

@media only screen and (min-width: 420px) {
  .um-page {
    padding: 0;
    margin-top: 0; }
  .um-nav .um-banner-mmenu {
    display: table-cell;
    width: 10%; }
  .um-nav .um-banner-brand {
    width: 60%;
    padding-left: 1em; }
    .um-nav .um-banner-brand .um-banner-logo {
      height: 65px; }
  .um-nav .um-banner-nav {
    display: none; }
    .um-nav .um-banner-nav .um-nav-contact {
      padding-top: 1.5em; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-tagline {
        display: none; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-ico, .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-num {
        font-size: 1em; }
    .um-nav .um-banner-nav .um-nav-list {
      display: none; }
  .um-hero .um-slideshow-container {
    display: none; }
  .um-slideshow-disclaimer {
    display: none; }
  .um-home-about .um-home-about-content .um-home-about-content-left {
    width: 100%; }
  .um-home-about .um-home-about-content .um-home-about-content-right {
    width: 100%;
    padding: 4em 0 0 0;
    border-left: 0; }
  .um-home-about .um-home-about-content .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item {
    width: 100%; }
  .um-home-products .um-home-product-container .um-home-product-item {
    width: 100%; }
  .um-home-gfx-container .um-home-gfx-col {
    width: 100%; }
  .um-home-stepper-container {
    display: none; }
  .ember-cli-g-map {
    height: 200px; }
  .um-map-btn-container {
    padding: 1em 2em 2em 2em; } }

@media only screen and (min-width: 540px) {
  .um-page {
    padding: 0;
    margin-top: 0; }
  .um-nav .um-banner-mmenu {
    display: table-cell;
    width: 10%; }
  .um-nav .um-banner-brand {
    width: 30%;
    padding-left: 1.5em; }
    .um-nav .um-banner-brand .um-banner-logo {
      height: 60px; }
  .um-nav .um-banner-nav {
    width: 70%;
    display: table-cell; }
    .um-nav .um-banner-nav .um-nav-contact {
      padding-top: 1.5em; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-tagline {
        display: none; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-ico, .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-num {
        font-size: 1em; }
    .um-nav .um-banner-nav .um-nav-list {
      display: none; }
  .um-hero .um-slideshow-container {
    display: none; }
  .um-slideshow-disclaimer {
    display: none; }
  .um-home-about .um-home-about-content .um-home-about-content-left {
    width: 100%; }
  .um-home-about .um-home-about-content .um-home-about-content-right {
    width: 100%;
    padding: 4em 0 0 0;
    border-left: 0; }
  .um-home-about .um-home-about-content .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item {
    width: 100%; }
  .um-home-products .um-home-product-container .um-home-product-item {
    width: 100%; }
  .um-home-gfx-container .um-home-gfx-col {
    width: 100%; }
  .um-home-stepper-container {
    display: none; }
  .ember-cli-g-map {
    height: 300px; }
  .um-map-btn-container {
    padding: 1em 6em 2em 6em; } }

@media only screen and (min-width: 768px) {
  .um-page {
    padding: 1em;
    margin-top: 0; }
  .um-nav .um-banner-mmenu {
    display: table-cell;
    width: 5%; }
  .um-nav .um-banner-brand {
    width: 25%;
    padding-left: 3em; }
    .um-nav .um-banner-brand .um-banner-logo {
      height: 70px; }
  .um-nav .um-banner-nav {
    width: 70%;
    display: table-cell; }
    .um-nav .um-banner-nav .um-nav-contact {
      padding-top: 1.5em; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-tagline {
        display: none; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-ico, .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-num {
        font-size: 1.35em; }
    .um-nav .um-banner-nav .um-nav-list {
      display: none; }
  .um-hero .um-slideshow-container {
    display: table-cell;
    width: 65%; }
  .um-slideshow-disclaimer {
    display: block; }
  .um-home-about .um-home-about-content .um-home-about-content-left {
    width: 100%; }
  .um-home-about .um-home-about-content .um-home-about-content-right {
    width: 100%;
    padding: 4em 0 0 0;
    border-left: 0; }
  .um-home-about .um-home-about-content .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item {
    width: 100%; }
  .um-home-products .um-home-product-container .um-home-product-item {
    width: 100%; }
  .um-home-gfx-container .um-home-gfx-col {
    width: 100%; }
  .um-home-stepper-container {
    display: none; }
  .ember-cli-g-map {
    height: 300px; }
  .um-map-btn-container {
    padding: 1em 6em 2em 6em; } }

@media only screen and (min-width: 992px) {
  .um-page {
    padding: 2em;
    margin-top: 0; }
  .um-nav .um-banner-mmenu {
    display: none; }
  .um-nav .um-banner-brand {
    width: 30%;
    padding-left: 3em; }
    .um-nav .um-banner-brand .um-banner-logo {
      height: 80px; }
  .um-nav .um-banner-nav {
    width: 70%;
    display: table-cell; }
    .um-nav .um-banner-nav .um-nav-contact {
      padding-top: 0.5em; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-tagline {
        display: table-cell; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-ico, .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-num {
        font-size: 1.5em; }
    .um-nav .um-banner-nav .um-nav-list {
      display: table; }
      .um-nav .um-banner-nav .um-nav-list .um-nav-list-item {
        padding: 0 0.85em 1em 0.85em; }
  .um-hero .um-slideshow-container {
    display: table-cell;
    width: 55%; }
  .um-slideshow-disclaimer {
    display: block; }
  .um-home-about .um-home-about-content .um-home-about-content-left {
    width: 50%; }
  .um-home-about .um-home-about-content .um-home-about-content-right {
    width: 50%;
    padding: 0 0 0 4em;
    border-left: 1px solid #A3ACB3; }
  .um-home-about .um-home-about-content .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item {
    width: 50%; }
  .um-home-products .um-home-product-container .um-home-product-item {
    width: 50%; }
  .um-home-gfx-container .um-home-gfx-col {
    width: 33%; }
  .um-home-stepper-container {
    display: block; }
  .ember-cli-g-map {
    height: 500px; }
  .um-map-btn-container {
    padding: 1em 20em 2em 20em; } }

@media only screen and (min-width: 1200px) {
  .um-page {
    padding: 2em;
    margin-top: 0; }
  .um-nav .um-banner-mmenu {
    display: none; }
  .um-nav .um-banner-brand {
    width: 40%;
    padding-left: 3em; }
    .um-nav .um-banner-brand .um-banner-logo {
      height: 80px; }
  .um-nav .um-banner-nav {
    width: 60%;
    display: table-cell; }
    .um-nav .um-banner-nav .um-nav-contact {
      padding-top: 0.5em; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-tagline {
        display: table-cell; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-ico, .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-num {
        font-size: 1.5em; }
    .um-nav .um-banner-nav .um-nav-list {
      display: table; }
      .um-nav .um-banner-nav .um-nav-list .um-nav-list-item {
        padding: 0 1.15em 1em 1.15em; }
  .um-hero .um-slideshow-container {
    display: table-cell;
    width: 65%; }
  .um-slideshow-disclaimer {
    display: block; }
  .um-home-about .um-home-about-content .um-home-about-content-left {
    width: 50%; }
  .um-home-about .um-home-about-content .um-home-about-content-right {
    width: 50%;
    padding: 0 0 0 4em;
    border-left: 1px solid #A3ACB3; }
  .um-home-about .um-home-about-content .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item {
    width: 50%; }
  .um-home-products .um-home-product-container .um-home-product-item {
    width: 25%; }
  .um-home-gfx-container .um-home-gfx-col {
    width: 33%; }
  .um-home-stepper-container {
    display: block; }
  .ember-cli-g-map {
    height: 500px; }
  .um-map-btn-container {
    padding: 1em 20em 2em 20em; } }

@keyframes anime01 {
  0% {
    font-size: 24px; }
  30% {
    font-size: 36px; }
  100% {
    font-size: 48px; } }

@keyframes animeFeatureFromTop {
  0% {
    top: -60px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }

@keyframes animeFeatureFromBottom {
  0% {
    top: 60px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }

@keyframes animeFeatureFromRight {
  0% {
    left: 60px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?49z5pa");
  src: url("../fonts/icomoon.eot?49z5pa#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?49z5pa") format("truetype"), url("../fonts/icomoon.woff?49z5pa") format("woff"), url("../fonts/icomoon.svg?49z5pa#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-activity:before {
  content: "\e900"; }

.icon-airplay:before {
  content: "\e901"; }

.icon-alert-circle:before {
  content: "\e902"; }

.icon-alert-octagon:before {
  content: "\e903"; }

.icon-alert-triangle:before {
  content: "\e904"; }

.icon-align-center:before {
  content: "\e905"; }

.icon-align-justify:before {
  content: "\e906"; }

.icon-align-left:before {
  content: "\e907"; }

.icon-align-right:before {
  content: "\e908"; }

.icon-anchor:before {
  content: "\e909"; }

.icon-aperture:before {
  content: "\e90a"; }

.icon-arrow-down:before {
  content: "\e90b"; }

.icon-arrow-left:before {
  content: "\e90c"; }

.icon-arrow-right:before {
  content: "\e90d"; }

.icon-arrow-up:before {
  content: "\e90e"; }

.icon-at-sign:before {
  content: "\e90f"; }

.icon-award:before {
  content: "\e910"; }

.icon-bar-chart-2:before {
  content: "\e911"; }

.icon-bar-chart:before {
  content: "\e912"; }

.icon-battery:before {
  content: "\e913"; }

.icon-bell-off:before {
  content: "\e914"; }

.icon-bell:before {
  content: "\e915"; }

.icon-bluetooth:before {
  content: "\e916"; }

.icon-book:before {
  content: "\e917"; }

.icon-bookmark:before {
  content: "\e918"; }

.icon-box:before {
  content: "\e919"; }

.icon-briefcase:before {
  content: "\e91a"; }

.icon-camera-off:before {
  content: "\e91b"; }

.icon-camera:before {
  content: "\e91c"; }

.icon-check-circle:before {
  content: "\e91d"; }

.icon-check-square:before {
  content: "\e91e"; }

.icon-check:before {
  content: "\e91f"; }

.icon-chevron-down:before {
  content: "\e920"; }

.icon-chevron-left:before {
  content: "\e921"; }

.icon-chevron-right:before {
  content: "\e922"; }

.icon-chevron-up:before {
  content: "\e923"; }

.icon-chrome:before {
  content: "\e924"; }

.icon-circle:before {
  content: "\e925"; }

.icon-clipboard:before {
  content: "\e926"; }

.icon-clock:before {
  content: "\e927"; }

.icon-cloud-off:before {
  content: "\e928"; }

.icon-cloud:before {
  content: "\e929"; }

.icon-cog:before {
  content: "\e92a"; }

.icon-command:before {
  content: "\e92b"; }

.icon-comment-circle:before {
  content: "\e92c"; }

.icon-comment-square:before {
  content: "\e92d"; }

.icon-cpu:before {
  content: "\e92e"; }

.icon-crosshair:before {
  content: "\e92f"; }

.icon-delete:before {
  content: "\e930"; }

.icon-disc:before {
  content: "\e931"; }

.icon-download-cloud:before {
  content: "\e932"; }

.icon-download:before {
  content: "\e933"; }

.icon-droplet:before {
  content: "\e934"; }

.icon-edit:before {
  content: "\e935"; }

.icon-external-link:before {
  content: "\e936"; }

.icon-eye-off:before {
  content: "\e937"; }

.icon-eye:before {
  content: "\e938"; }

.icon-facebook:before {
  content: "\e939"; }

.icon-fast-forward:before {
  content: "\e93a"; }

.icon-feather:before {
  content: "\e93b"; }

.icon-file:before {
  content: "\e93c"; }

.icon-filter:before {
  content: "\e93d"; }

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

.icon-folder:before {
  content: "\e93f"; }

.icon-globe:before {
  content: "\e940"; }

.icon-grid:before {
  content: "\e941"; }

.icon-hash:before {
  content: "\e942"; }

.icon-headphones:before {
  content: "\e943"; }

.icon-heart:before {
  content: "\e944"; }

.icon-home:before {
  content: "\e945"; }

.icon-image:before {
  content: "\e946"; }

.icon-inbox:before {
  content: "\e947"; }

.icon-info:before {
  content: "\e948"; }

.icon-instagram:before {
  content: "\e949"; }

.icon-layers:before {
  content: "\e94a"; }

.icon-layout:before {
  content: "\e94b"; }

.icon-life-buoy:before {
  content: "\e94c"; }

.icon-loader:before {
  content: "\e94d"; }

.icon-location:before {
  content: "\e94e"; }

.icon-lock:before {
  content: "\e94f"; }

.icon-mail:before {
  content: "\e950"; }

.icon-map-pin:before {
  content: "\e951"; }

.icon-map:before {
  content: "\e952"; }

.icon-maximize-2:before {
  content: "\e953"; }

.icon-maximize:before {
  content: "\e954"; }

.icon-menu:before {
  content: "\e955"; }

.icon-mic-off:before {
  content: "\e956"; }

.icon-mic:before {
  content: "\e957"; }

.icon-minimize-2:before {
  content: "\e958"; }

.icon-minimize:before {
  content: "\e959"; }

.icon-minus-circle:before {
  content: "\e95a"; }

.icon-minus-square:before {
  content: "\e95b"; }

.icon-minus:before {
  content: "\e95c"; }

.icon-monitor:before {
  content: "\e95d"; }

.icon-moon:before {
  content: "\e95e"; }

.icon-more-horizontal:before {
  content: "\e95f"; }

.icon-more-vertical:before {
  content: "\e960"; }

.icon-move:before {
  content: "\e961"; }

.icon-music:before {
  content: "\e962"; }

.icon-octagon:before {
  content: "\e963"; }

.icon-pause:before {
  content: "\e964"; }

.icon-phone-call:before {
  content: "\e965"; }

.icon-phone-forwarded:before {
  content: "\e966"; }

.icon-phone-incoming:before {
  content: "\e967"; }

.icon-phone-missed:before {
  content: "\e968"; }

.icon-phone-off:before {
  content: "\e969"; }

.icon-phone-outgoing:before {
  content: "\e96a"; }

.icon-phone:before {
  content: "\e96b"; }

.icon-pie-chart:before {
  content: "\e96c"; }

.icon-play:before {
  content: "\e96d"; }

.icon-plus-circle:before {
  content: "\e96e"; }

.icon-plus-square:before {
  content: "\e96f"; }

.icon-plus:before {
  content: "\e970"; }

.icon-pocket:before {
  content: "\e971"; }

.icon-power:before {
  content: "\e972"; }

.icon-printer:before {
  content: "\e973"; }

.icon-radio:before {
  content: "\e974"; }

.icon-refresh-ccw:before {
  content: "\e975"; }

.icon-refresh-cw:before {
  content: "\e976"; }

.icon-rewind:before {
  content: "\e977"; }

.icon-rotate-ccw:before {
  content: "\e978"; }

.icon-rotate-cw:before {
  content: "\e979"; }

.icon-scissors:before {
  content: "\e97a"; }

.icon-search:before {
  content: "\e97b"; }

.icon-share:before {
  content: "\e97c"; }

.icon-shuffle:before {
  content: "\e97d"; }

.icon-skip-back:before {
  content: "\e97e"; }

.icon-skip-forward:before {
  content: "\e97f"; }

.icon-slash:before {
  content: "\e980"; }

.icon-square:before {
  content: "\e981"; }

.icon-star:before {
  content: "\e982"; }

.icon-sun:before {
  content: "\e983"; }

.icon-sunrise:before {
  content: "\e984"; }

.icon-sunset:before {
  content: "\e985"; }

.icon-tag:before {
  content: "\e986"; }

.icon-target:before {
  content: "\e987"; }

.icon-thermometer:before {
  content: "\e988"; }

.icon-thumbs-down:before {
  content: "\e989"; }

.icon-thumbs-up:before {
  content: "\e98a"; }

.icon-toggle-left:before {
  content: "\e98b"; }

.icon-toggle-right:before {
  content: "\e98c"; }

.icon-trash-2:before {
  content: "\e98d"; }

.icon-trash:before {
  content: "\e98e"; }

.icon-triangle:before {
  content: "\e98f"; }

.icon-twitter:before {
  content: "\e990"; }

.icon-um-about:before {
  content: "\e991"; }

.icon-um-factory:before {
  content: "\e992"; }

.icon-um-gear:before {
  content: "\e993"; }

.icon-um-pay:before {
  content: "\e994"; }

.icon-um-products:before {
  content: "\e995"; }

.icon-um-responsibility:before {
  content: "\e996"; }

.icon-um-services:before {
  content: "\e997"; }

.icon-um-shipping:before {
  content: "\e998"; }

.icon-umbrella:before {
  content: "\e999"; }

.icon-unlock:before {
  content: "\e99a"; }

.icon-upload-cloud:before {
  content: "\e99b"; }

.icon-upload:before {
  content: "\e99c"; }

.icon-user-minus:before {
  content: "\e99d"; }

.icon-user-plus:before {
  content: "\e99e"; }

.icon-user:before {
  content: "\e99f"; }

.icon-video-off:before {
  content: "\e9a0"; }

.icon-video:before {
  content: "\e9a1"; }

.icon-watch:before {
  content: "\e9a2"; }

.icon-wifi:before {
  content: "\e9a3"; }

.icon-wind:before {
  content: "\e9a4"; }

.icon-x-circle:before {
  content: "\e9a5"; }

.icon-x-square:before {
  content: "\e9a6"; }

.icon-x:before {
  content: "\e9a7"; }

.icon-zap:before {
  content: "\e9a8"; }

.icon-zoom-in:before {
  content: "\e9a9"; }

.icon-zoom-out:before {
  content: "\e9aa"; }

.um-nav {
  display: table;
  width: 100%;
  overflow: auto;
  padding: 1em 0;
  margin: 0;
  background: white;
  position: sticky;
  top: 0;
  z-index: 1000;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); }
  .um-nav .um-banner-mmenu {
    font-size: 2em;
    vertical-align: middle;
    text-align: center; }
  .um-nav .um-banner-brand {
    display: table-cell;
    vertical-align: middle;
    text-align: left; }
  .um-nav .um-banner-nav {
    vertical-align: top; }
    .um-nav .um-banner-nav .um-nav-contact {
      display: table;
      float: right;
      padding-right: 1em;
      cursor: pointer; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-tagline {
        vertical-align: bottom;
        text-align: right;
        font-size: 0.8em;
        text-transform: uppercase;
        color: #9099A0;
        padding-right: 0.5em;
        padding-bottom: 0.15em; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-ico {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        color: #9e0a18;
        padding-right: 0.25em; }
      .um-nav .um-banner-nav .um-nav-contact .um-nav-contact-num {
        display: table-cell;
        vertical-align: middle;
        color: #303840;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      .um-nav .um-banner-nav .um-nav-contact a {
        color: #303840; }
      .um-nav .um-banner-nav .um-nav-contact:hover a {
        color: #9e0a18; }
    .um-nav .um-banner-nav .um-nav-list {
      width: 100%;
      padding-top: 1em;
      padding-right: 1em; }
      .um-nav .um-banner-nav .um-nav-list a {
        color: #575F66; }
      .um-nav .um-banner-nav .um-nav-list .um-nav-list-item {
        display: block;
        float: right;
        text-align: center;
        font-size: 0.8em;
        border-left: 2px solid #efefef;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        .um-nav .um-banner-nav .um-nav-list .um-nav-list-item a {
          color: #575F66; }
        .um-nav .um-banner-nav .um-nav-list .um-nav-list-item:hover {
          border-left: 2px solid #9e0a18; }
        .um-nav .um-banner-nav .um-nav-list .um-nav-list-item.selected {
          border-left: 2px solid #9e0a18; }

.um-page {
  display: block;
  width: 100%;
  overflow: auto; }

.um-page-border {
  display: block;
  width: 100%;
  background: #9e0a18;
  height: 30px; }

.um-page-content {
  display: block;
  float: left;
  width: 100%;
  padding: 2em;
  background: white;
  border: 1px solid #CAD2D9; }

.um-page-title {
  display: block;
  width: 100%;
  font-size: 1.15em;
  text-align: center;
  margin: 0;
  padding: 0; }

.um-page-title-divider {
  display: block;
  width: 120px;
  border-bottom: 2px solid #ccc;
  margin: 0.5em auto 2em auto; }

.um-page-icon {
  display: block;
  width: 100%;
  font-size: 2.15em;
  text-align: center;
  margin: 0 0 0.15em 0;
  padding: 0;
  color: #9e0a18; }

.um-page-tagline {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2em;
  font-family: "roboto_light", sans-serif;
  color: #303840;
  padding: 1em 0; }

.um-page-footer-container {
  display: block;
  width: 100%;
  padding: 4em 2em 0 2em;
  background: #303840;
  color: #A3ACB3; }

.um-footer-container {
  display: block;
  width: 100%;
  padding: 1em 0;
  background: #252b31;
  color: #A3ACB3;
  text-align: center; }
  .um-footer-container .um-footer-brand {
    display: block;
    width: 100%; }
    .um-footer-container .um-footer-brand .um-footer-logo {
      width: 30%;
      margin: 0 auto; }
  .um-footer-container .um-footer-nav {
    display: block;
    width: 50%;
    overflow: auto;
    margin: 1em auto; }
    .um-footer-container .um-footer-nav .um-footer-nav-item {
      display: block;
      width: 16%;
      float: left;
      padding: 0.5em 0;
      text-align: center;
      font-size: 0.8em;
      border-left: 1px solid #303840;
      color: #6A7279;
      text-transform: uppercase;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .um-footer-container .um-footer-nav .um-footer-nav-item a {
        color: #575F66; }
      .um-footer-container .um-footer-nav .um-footer-nav-item:hover {
        color: #B6BFC6; }
  .um-footer-container .um-footer-copyright {
    display: block;
    width: 100%;
    font-size: 0.8em;
    color: #575F66;
    padding: 1em 0; }

.um-hero {
  display: table;
  height: 300px;
  overflow: auto;
  width: 100%;
  background: #9e0a18; }
  .um-hero .um-slideshow {
    display: table;
    height: 300px;
    overflow: auto;
    width: 100%; }
    .um-hero .um-slideshow .um-slide {
      display: block;
      width: 100%; }
      .um-hero .um-slideshow .um-slide .um-slide-bkg {
        display: block;
        width: 100%;
        height: 300px;
        vertical-align: middle;
        background-image: url("../images/_FPO/fpo_nonferrous.jpg");
        background-size: cover;
        background-position: center center;
        -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); }
        .um-hero .um-slideshow .um-slide .um-slide-bkg.nonferrous {
          background-image: url("../images/_FINAL/final_nonferrous.jpg"); }
        .um-hero .um-slideshow .um-slide .um-slide-bkg.ferrous {
          background-image: url("../images/_FINAL/final_ferrous.jpg"); }
        .um-hero .um-slideshow .um-slide .um-slide-bkg.escrap {
          background-image: url("../images/_FINAL/final_escrap.jpg"); }
        .um-hero .um-slideshow .um-slide .um-slide-bkg.plastic {
          background-image: url("../images/_FINAL/final_plastic.jpg"); }
        .um-hero .um-slideshow .um-slide .um-slide-bkg.gold {
          background-image: url("../images/_FINAL/final_gold.jpg"); }
        .um-hero .um-slideshow .um-slide .um-slide-bkg.copper {
          background-image: url("../images/_FINAL/final_copper.jpg"); }
        .um-hero .um-slideshow .um-slide .um-slide-bkg.aluminum {
          background-image: url("../images/_FINAL/final_aluminum.jpg"); }
        .um-hero .um-slideshow .um-slide .um-slide-bkg.lead {
          background-image: url("../images/_FINAL/final_ferrous.jpg"); }
    .um-hero .um-slideshow .um-slide-label {
      display: table;
      width: 50%;
      padding: 2em;
      background-color: rgba(255, 255, 255, 0.9);
      -webkit-clip-path: polygon(0% 0%, 85% 0%, 95% 50%, 85% 100%, 0% 100%);
      clip-path: polygon(0% 0%, 85% 0%, 95% 50%, 85% 100%, 0% 100%);
      color: #303840;
      font-family: "roboto_regular", sans-serif;
      line-height: 1.75em;
      z-index: 10;
      position: absolute;
      top: 200px;
      min-height: 150px; }
      .um-hero .um-slideshow .um-slide-label .um-slide-desc {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        width: 40%;
        padding: 1em 2em;
        border-right: 1px solid #A3ACB3; }
        .um-hero .um-slideshow .um-slide-label .um-slide-desc h1 {
          font-size: 1.35em;
          font-family: "roboto_bold", sans-serif;
          margin: 0;
          padding: 0 0 0 0;
          line-height: 1.5em; }
        .um-hero .um-slideshow .um-slide-label .um-slide-desc p {
          font-size: 1em;
          font-family: "roboto_light", sans-serif;
          margin: 0;
          padding: 0;
          line-height: 1.25em; }
      .um-hero .um-slideshow .um-slide-label .um-slide-quote {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        width: 300px;
        padding: 1em 2em; }
        .um-hero .um-slideshow .um-slide-label .um-slide-quote .um-slide-quote-value {
          display: block;
          float: left;
          font-size: 1.35em;
          font-family: "roboto_bold", sans-serif;
          margin: 0;
          padding: 0;
          line-height: 1.5em; }
        .um-hero .um-slideshow .um-slide-label .um-slide-quote .um-slide-quote-currency {
          display: block;
          float: left;
          font-size: 0.8em;
          font-family: "roboto_regular", sans-serif;
          margin-left: 0.5em;
          padding-top: 0.4em; }
        .um-hero .um-slideshow .um-slide-label .um-slide-quote .um-slide-quote-delta {
          display: block;
          float: left;
          width: 100%;
          font-size: 0.8em;
          font-family: "roboto_regular", sans-serif;
          margin: 0;
          padding: 0;
          line-height: 1.25em; }
          .um-hero .um-slideshow .um-slide-label .um-slide-quote .um-slide-quote-delta.positive {
            color: #79c66f; }
          .um-hero .um-slideshow .um-slide-label .um-slide-quote .um-slide-quote-delta.negative {
            color: #ff2121; }
      .um-hero .um-slideshow .um-slide-label .um-slide-quote-err {
        display: block;
        float: left;
        font-size: 1.35em;
        font-family: "roboto_bold", sans-serif;
        margin: 0;
        padding: 0;
        line-height: 1.5em; }
  .um-hero .um-CTA {
    display: table-cell;
    vertical-align: middle;
    padding: 0 2em; }
    .um-hero .um-CTA .um-CTA-tagline {
      display: block;
      width: 100%;
      padding-top: 0; }
      .um-hero .um-CTA .um-CTA-tagline h1 {
        font-size: 1.75em;
        font-family: "roboto_light", sans-serif;
        color: white;
        text-transform: none; }
      .um-hero .um-CTA .um-CTA-tagline p {
        font-size: 1.35em;
        line-height: 1.35em;
        color: #ffb13d; }
    .um-hero .um-CTA .um-CTA-link {
      width: 100%;
      padding: 1em 0 0 0;
      margin: 1em 0 0 0; }
      .um-hero .um-CTA .um-CTA-link .um-CTA-link-desc {
        display: block;
        width: 100%;
        color: white;
        font-size: 1em;
        margin-bottom: 0.5em;
        text-transform: uppercase;
        font-family: "roboto_light", sans-serif; }
      .um-hero .um-CTA .um-CTA-link .um-CTA-link-ico {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        color: #ffb13d;
        font-size: 1.5em;
        padding-right: 0.25em; }
      .um-hero .um-CTA .um-CTA-link .um-CTA-link-num {
        display: table-cell;
        vertical-align: middle;
        color: white;
        font-size: 2.5em;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        .um-hero .um-CTA .um-CTA-link .um-CTA-link-num:hover {
          color: #bde3b8; }
      .um-hero .um-CTA .um-CTA-link a {
        color: white; }
        .um-hero .um-CTA .um-CTA-link a:hover {
          color: #ff9900; }

.um-slideshow-disclaimer {
  width: 100%;
  margin: 0.25em 0 0 2.5em;
  padding: 0 0 0 0;
  font-size: 0.7em;
  color: #9099A0; }

.um-home-about {
  display: block;
  width: 100%;
  margin: 0;
  background: #efefef;
  overflow: auto;
  border: 1px solid #ccc;
  border-top: 0; }
  .um-home-about.white {
    background: white; }
  .um-home-about.grey {
    background: #efefef; }
  .um-home-about.black {
    background: #B6BFC6; }
  .um-home-about.brand {
    background: #9e0a18; }
  .um-home-about.none {
    background: none;
    border: none; }
  .um-home-about .um-home-about-content {
    display: table;
    width: 100%;
    padding: 4em; }
    .um-home-about .um-home-about-content .um-home-about-head-icon {
      display: none;
      vertical-align: middle;
      font-size: 2em;
      color: #B6BFC6;
      padding-bottom: 0.75em; }
    .um-home-about .um-home-about-content .um-home-about-head-title {
      display: table-cell;
      vertical-align: middle;
      padding-left: 0;
      font-size: 1.65em;
      font-family: "roboto_light", sans-serif;
      padding-bottom: 0.75em; }
    .um-home-about .um-home-about-content .um-home-about-content-left {
      display: block;
      float: left;
      text-align: left;
      vertical-align: top;
      padding-right: 2em; }
    .um-home-about .um-home-about-content .um-home-about-content-right {
      display: block;
      float: left;
      text-align: left;
      vertical-align: top; }
    .um-home-about .um-home-about-content p {
      font-family: "roboto_light", sans-serif;
      font-size: 1em;
      padding-right: 2em; }
  .um-home-about .um-home-about-btn {
    display: block;
    width: 150px;
    padding: 1em 0.5em;
    margin: 2em 0 0 0;
    border: 2px solid #A3ACB3;
    font-size: 0.8em;
    text-align: center;
    text-transform: uppercase;
    background: white;
    color: #575F66;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .um-home-about .um-home-about-btn a {
      color: #303840; }
    .um-home-about .um-home-about-btn:hover {
      background: #303840;
      border: 2px solid #303840;
      color: white; }
  .um-home-about .um-home-facility-container {
    display: block;
    width: 100%;
    overflow: auto; }
    .um-home-about .um-home-facility-container .um-home-facility-map {
      display: block;
      float: left;
      width: 100%;
      height: 300px;
      background: #efefef;
      overflow: hidden; }
    .um-home-about .um-home-facility-container .um-home-map-btn-container {
      display: table;
      width: 100%;
      padding: 1em 0 2em 0; }
      .um-home-about .um-home-facility-container .um-home-map-btn-container .um-home-map-directions {
        display: table-cell;
        width: 100%;
        padding: 1em 2em;
        background: #79c66f;
        color: white;
        text-transform: uppercase;
        text-align: center;
        vertical-align: middle;
        -webkit-border-radius: 30px 30px 30px 30px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer;
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out; }
        .um-home-about .um-home-facility-container .um-home-map-btn-container .um-home-map-directions:hover {
          background: #303840; }
    .um-home-about .um-home-facility-container .um-home-facility-desc {
      display: block;
      float: left;
      width: 100%; }
      .um-home-about .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item {
        display: block;
        float: left;
        width: 50%;
        overflow: auto;
        height: 120px; }
        .um-home-about .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item .facility-desc-icon {
          display: table-cell;
          vertical-align: top;
          width: 30px;
          font-size: 25px;
          color: #303840; }
        .um-home-about .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item .facility-desc-text {
          display: table-cell;
          vertical-align: top;
          padding-left: 0.25em;
          height: 80px; }
          .um-home-about .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item .facility-desc-text .facility-desc-text-label {
            display: block;
            width: 100%;
            font-size: 1em;
            padding-top: 0.15em;
            margin-bottom: 0.5em;
            color: #303840; }
          .um-home-about .um-home-facility-container .um-home-facility-desc .um-home-facility-desc-item .facility-desc-text .facility-desc-text-data {
            display: block;
            width: 100%;
            font-size: 1em;
            font-family: "roboto_light", sans-serif;
            line-height: 1.45em;
            color: #6A7279; }

.um-map-btn-container {
  display: table;
  width: 100%;
  text-align: center; }
  .um-map-btn-container .um-map-directions {
    display: table-cell;
    width: 100%;
    padding: 1em 2em;
    background: #79c66f;
    color: white;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
    .um-map-btn-container .um-map-directions:hover {
      background: #303840; }

.um-home-products {
  display: block;
  width: 100%;
  margin: 0;
  background: #9e0a18;
  overflow: auto;
  border: 1px solid #ccc;
  border-top: 0; }
  .um-home-products .um-home-product-container {
    display: block;
    width: 100%;
    padding: 4em;
    overflow: auto; }
    .um-home-products .um-home-product-container .um-home-product-header {
      display: table;
      width: 300px;
      margin: 0 auto;
      color: white; }
      .um-home-products .um-home-product-container .um-home-product-header .um-home-product-ico {
        display: table-cell;
        vertical-align: middle;
        width: 60px;
        font-size: 2.25em;
        color: #ff9900;
        padding-bottom: 0.75em;
        text-align: right; }
      .um-home-products .um-home-product-container .um-home-product-header .um-home-product-label {
        display: table-cell;
        vertical-align: middle;
        padding-left: 0.35em;
        font-size: 1.65em;
        font-family: "roboto_light", sans-serif;
        padding-bottom: 0.75em; }
    .um-home-products .um-home-product-container .um-home-product-item {
      display: block;
      float: left;
      text-align: center;
      padding: 3em 3em 0 3em; }
      .um-home-products .um-home-product-container .um-home-product-item p {
        color: #ff9900;
        font-family: "roboto_light", sans-serif;
        font-size: 1em;
        line-height: 1.35em;
        margin-top: 1em; }
      .um-home-products .um-home-product-container .um-home-product-item .um-home-product-title a {
        display: block;
        width: 100%;
        color: #ff9900;
        text-transform: uppercase;
        font-family: "roboto_light", sans-serif;
        font-size: 1.35em;
        padding: 1em;
        border: 2px solid #ff9900; }
        .um-home-products .um-home-product-container .um-home-product-item .um-home-product-title a:hover {
          color: white; }
      .um-home-products .um-home-product-container .um-home-product-item .um-home-product-title-divider {
        display: block;
        width: 120px;
        border-bottom: 1px solid white;
        margin: 1em auto;
        opacity: 0.5; }

.um-home-gfx-container {
  display: block;
  width: 100%; }
  .um-home-gfx-container .um-home-gfx-col {
    display: block;
    float: left;
    margin-bottom: 5em; }
    .um-home-gfx-container .um-home-gfx-col .um-home-gfx-col-ico {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 3em;
      color: #9e0a18;
      margin-bottom: 0.35em; }
    .um-home-gfx-container .um-home-gfx-col .um-home-gfx-col-title {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 1em;
      font-family: "roboto_bold", sans-serif;
      text-transform: uppercase; }
    .um-home-gfx-container .um-home-gfx-col .um-home-gfx-col-desc {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 0.9em;
      margin: 2em 0;
      padding: 0 3em;
      line-height: 1.5em; }
    .um-home-gfx-container .um-home-gfx-col .um-home-gfx-col-btn {
      display: block;
      width: 150px;
      margin: 0 auto;
      background: white;
      font-family: "roboto_regular", sans-serif;
      color: #303840;
      padding: 1em 2em;
      -webkit-border-radius: 30px 30px 30px 30px;
      border-radius: 30px 30px 30px 30px;
      border: 2px solid #303840;
      text-align: center;
      text-transform: uppercase;
      font-size: 0.85em;
      cursor: pointer;
      -webkit-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out; }
      .um-home-gfx-container .um-home-gfx-col .um-home-gfx-col-btn:hover {
        background: #303840;
        color: white;
        border: 2px solid #303840; }
  .um-home-gfx-container .um-home-stepper-container {
    width: 100%;
    margin: 3em 0 0 0; }
    .um-home-gfx-container .um-home-stepper-container .um-home-stepper-track {
      display: block;
      width: 100%;
      height: 50px;
      position: relative;
      top: 0;
      z-index: 1; }
      .um-home-gfx-container .um-home-stepper-container .um-home-stepper-track .um-home-stepper-track-line {
        display: block;
        width: 65%;
        margin: 0 auto;
        height: 3px;
        background: #dcdcdc;
        position: relative;
        top: 26px; }
    .um-home-gfx-container .um-home-stepper-container .um-home-stepper-count {
      display: block;
      width: 100%;
      height: 50px;
      position: relative;
      top: -50px;
      z-index: 2; }
      .um-home-gfx-container .um-home-stepper-container .um-home-stepper-count .um-home-stepper-count-num {
        display: block;
        float: left;
        width: 33%;
        text-align: center; }
        .um-home-gfx-container .um-home-stepper-container .um-home-stepper-count .um-home-stepper-count-num .um-home-stepper-count-num-frame {
          display: block;
          width: 50px;
          height: 50px;
          margin: 0 auto;
          background: white;
          border: 3px solid #dcdcdc;
          position: relative;
          top: 0px;
          -webkit-border-radius: 30px 30px 30px 30px;
          border-radius: 30px 30px 30px 30px;
          padding: 10px 0 0 0;
          color: #dcdcdc;
          font-size: 1.25em;
          font-family: "roboto_bold", sans-serif; }

.um-page-backbone {
  display: table;
  width: 100%; }
  .um-page-backbone .um-page-backbone-img {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    overflow: auto;
    padding: 2em; }
    .um-page-backbone .um-page-backbone-img .image {
      height: 250px;
      background-size: cover;
      background-position: center center;
      background-repeat: none; }
  .um-page-backbone .um-page-backbone-desc {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    overflow: auto;
    padding: 4em 2em;
    text-align: left; }
    .um-page-backbone .um-page-backbone-desc.right {
      text-align: right; }
    .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-icon {
      font-size: 2.5em;
      color: #A3ACB3;
      margin-bottom: 0.25em; }
    .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-title {
      display: block;
      float: left;
      width: 100%;
      font-size: 1.15em;
      color: #303840;
      margin-bottom: 0.5em; }
    .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-divider {
      display: block;
      float: left;
      width: 80px;
      border-bottom: 1px solid #A3ACB3;
      margin-bottom: 1em; }
      .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-divider.right {
        float: right; }
    .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-text {
      display: block;
      float: left;
      width: 100%;
      font-size: 1em;
      font-family: "roboto_light", sans-serif;
      line-height: 1.65em;
      color: #575F66;
      padding: 1em 0; }
      .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-text .um-page-backbone-product-label {
        display: block;
        width: 20%;
        float: left;
        overflow: auto;
        font-size: 1em;
        font-family: "roboto_bold", sans-serif;
        color: #303840; }
      .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-text .um-page-backbone-product-list {
        display: block;
        width: 80%;
        float: left;
        overflow: auto;
        font-size: 1em;
        padding: 0;
        margin: 0 0 2em 0; }
        .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-text .um-page-backbone-product-list .product-list-item {
          display: block;
          width: 33%;
          float: left;
          height: 35px;
          font-size: 1em;
          line-height: 1em;
          word-wrap: break-word;
          color: #303840;
          overflow: hidden;
          padding: 0; }
          .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-text .um-page-backbone-product-list .product-list-item.right {
            float: right; }
          .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-text .um-page-backbone-product-list .product-list-item .icon {
            display: block;
            float: left;
            width: 20%;
            color: #79c66f;
            text-align: right;
            vertical-align: top;
            padding: 0 0.25em 0 0; }
          .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-text .um-page-backbone-product-list .product-list-item .label {
            display: block;
            float: left;
            width: 80%;
            text-align: left;
            vertical-align: top;
            font-size: 0.8em;
            line-height: 1.2em; }
    .um-page-backbone .um-page-backbone-desc .um-page-backbone-desc-cta {
      display: block;
      float: left;
      width: 100%;
      margin: 1em 0; }
  .um-page-backbone .spine-left {
    border-left: 1px solid #CAD2D9; }
  .um-page-backbone .focus {
    border-left: 8px solid #79c66f; }

.um-about-desc {
  display: block;
  width: 100%;
  margin-bottom: 3em; }

.um-about-grid {
  display: table;
  width: 100%;
  min-height: 300px;
  margin-bottom: 3em; }
  .um-about-grid .um-about-grid-img {
    display: table-cell;
    width: 40%; }
  .um-about-grid .um-about-grid-desc {
    display: table-cell;
    width: 60%;
    padding: 3em 6em; }
    .um-about-grid .um-about-grid-desc h1 {
      font-size: 1.5em; }
    .um-about-grid .um-about-grid-desc .icomoon {
      font-size: 4em;
      color: #ccc; }

.um-products-desc {
  display: block;
  width: 100%;
  margin-bottom: 3em; }

.um-products-grid {
  display: table;
  width: 100%;
  min-height: 200px;
  margin-bottom: 3em; }
  .um-products-grid .um-products-grid-img {
    display: table-cell;
    width: 10%;
    vertical-align: top;
    text-align: right;
    padding-right: 1em;
    font-size: 3em;
    color: #9099A0; }
  .um-products-grid .um-products-grid-desc {
    display: table-cell;
    width: 90%;
    padding: 0 6em 0 3em;
    border-left: 4px solid #dcdcdc;
    vertical-align: top; }
    .um-products-grid .um-products-grid-desc h1 {
      font-size: 1.5em; }
    .um-products-grid .um-products-grid-desc .icomoon {
      font-size: 4em;
      color: #ccc; }

.um-product-featured-table {
  display: table;
  width: 100%; }
  .um-product-featured-table .um-product-featured-cell {
    display: table-cell;
    text-align: center;
    width: 25%; }
    .um-product-featured-table .um-product-featured-cell .um-product-featured-img {
      width: 90%;
      height: 150px;
      margin: 0 auto;
      background-color: #434C53;
      background-size: cover;
      background-position: center center; }
      .um-product-featured-table .um-product-featured-cell .um-product-featured-img.nonferrous {
        background-image: url("../images/_FPO/fpo_nonferrous.jpg"); }
      .um-product-featured-table .um-product-featured-cell .um-product-featured-img.ferrous {
        background-image: url("../images/_FPO/fpo_ferrous.jpg"); }
      .um-product-featured-table .um-product-featured-cell .um-product-featured-img.escrap {
        background-image: url("../images/_FPO/fpo_escrap.jpg"); }
      .um-product-featured-table .um-product-featured-cell .um-product-featured-img.plastic {
        background-image: url("../images/_FPO/fpo_plastic.jpg"); }
    .um-product-featured-table .um-product-featured-cell h1 {
      font-size: 1.15em;
      margin-top: 1em;
      text-transform: none; }
    .um-product-featured-table .um-product-featured-cell p {
      color: #434C53; }
    .um-product-featured-table .um-product-featured-cell .um-home-about-btn {
      display: block;
      width: 150px;
      padding: 1em 0.5em;
      margin: 0 auto;
      border: 2px solid #A3ACB3;
      font-size: 0.8em;
      text-align: center;
      text-transform: uppercase;
      background: white;
      color: #575F66;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .um-product-featured-table .um-product-featured-cell .um-home-about-btn a {
        color: #303840; }
      .um-product-featured-table .um-product-featured-cell .um-home-about-btn:hover {
        background: #303840;
        border: 2px solid #303840;
        color: white; }

.um-services-desc {
  display: block;
  width: 100%;
  margin-bottom: 3em; }

.um-services-grid {
  display: table;
  width: 100%;
  min-height: 200px;
  margin-bottom: 3em; }
  .um-services-grid .um-services-grid-img {
    display: table-cell;
    width: 10%;
    vertical-align: top;
    text-align: right;
    padding-right: 1em;
    font-size: 3em;
    color: #9099A0; }
  .um-services-grid .um-services-grid-desc {
    display: table-cell;
    width: 90%;
    padding: 0 6em 0 3em;
    border-left: 4px solid #dcdcdc;
    vertical-align: top; }
    .um-services-grid .um-services-grid-desc h1 {
      font-size: 1.5em; }
    .um-services-grid .um-services-grid-desc .icomoon {
      font-size: 4em;
      color: #ccc; }

.um-contact-tag {
  font-size: 2em;
  color: #303840; }

.um-contact-sub-tag {
  font-size: 1.25em;
  color: #A3ACB3;
  text-align: center; }

.um-contact {
  display: table;
  font-size: 1.35em;
  padding: 0;
  margin: 1em auto;
  text-align: center; }
  .um-contact .um-contact-ico {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 1.5em;
    color: #9e0a18; }
  .um-contact .um-contact-num {
    display: table-cell;
    vertical-align: middle;
    color: #303840;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .um-contact a {
    color: #303840;
    text-transform: none; }
    .um-contact a:hover {
      color: #ff2121; }

.um-contact-addr {
  font-size: 1.5em;
  line-height: 1.25em;
  color: #575F66; }

.img_final_about_brokerage {
  background-image: url("../images/_FINAL/final_about_brokerage.jpg"); }

.img_final_about_02 {
  background-image: url("../images/_FINAL/fpo_about_02.jpg"); }

.img_final_about_03 {
  background-image: url("../images/_FINAL/fpo_about_03.jpg"); }

.img_final_about_04 {
  background-image: url("../images/_FINAL/fpo_about_04.jpg"); }

.img_final_about_05 {
  background-image: url("../images/_FINAL/fpo_about_05.jpg"); }

.img_final_about_06 {
  background-image: url("../images/_FINAL/..."); }

.img_final_nonferrous {
  background-image: url("../images/_FINAL/final_nonferrous.jpg"); }

.img_final_ferrous {
  background-image: url("../images/_FINAL/final_ferrous.jpg"); }

.img_final_plastic {
  background-image: url("../images/_FINAL/final_plastic.jpg"); }

.img_final_escrap {
  background-image: url("../images/_FINAL/final_escrap.jpg"); }

.img_final_service_brokerage {
  background-image: url("../images/_FINAL/final_service_brokerage.jpg"); }

.img_final_service_02 {
  background-image: url("../images/_FINAL/final_container_01.jpg"); }

.img_final_service_03 {
  background-image: url("../images/_FINAL/final_container_02.jpg"); }

.um-loader-cell {
  display: table-cell;
  width: 50%;
  height: 50px;
  text-align: center;
  vertical-align: middle; }

.um-loader {
  position: relative;
  margin: 0 auto; }
  .um-loader.small {
    width: 40px; }
  .um-loader.medium {
    width: 80px; }
  .um-loader.large {
    width: 120px; }

.um-loader-svg {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  margin: auto; }

.um-loader-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke: #ff2121;
  stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

.tbd-work {
  color: red; }

.img_fpo_about_01 {
  background-image: url("../images/_FPO/fpo_about_01.jpg"); }

.img_fpo_about_02 {
  background-image: url("../images/_FPO/fpo_about_02.jpg"); }

.img_fpo_about_03 {
  background-image: url("../images/_FPO/fpo_about_03.jpg"); }

.img_fpo_about_04 {
  background-image: url("../images/_FPO/fpo_about_04.jpg"); }

.img_fpo_about_05 {
  background-image: url("../images/_FPO/fpo_about_05.jpg"); }

.img_fpo_about_06 {
  background-image: url("../images/_FPO/fpo_about_06.jpg"); }

.img_fpo_product_01 {
  background-image: url("../images/_FPO/fpo_product_01.jpg"); }

.img_fpo_product_02 {
  background-image: url("../images/_FPO/fpo_product_02.jpg"); }

.img_fpo_product_03 {
  background-image: url("../images/_FPO/fpo_product_03.jpg"); }

.img_fpo_product_04 {
  background-image: url("../images/_FPO/fpo_product_04.jpg"); }

.img_fpo_service_01 {
  background-image: url("../images/_FPO/fpo_service_01.jpg"); }

.img_fpo_service_02 {
  background-image: url("../images/_FPO/fpo_service_02.jpg"); }

.img_fpo_service_03 {
  background-image: url("../images/_FPO/fpo_service_03.jpg"); }

.test-frame {
  display: block;
  float: left;
  width: 50%;
  overflow: auto;
  background: yellow; }

.test-container::after {
  clear: both;
  content: "";
  display: block; }

.test-element {
  display: table-cell;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  /*@include grid-media($custom-neat-grid){
    @include grid-column(6);
  }*/
  background: red; }

/*# sourceMappingURL=um-export.css.map */