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

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

a {
  text-decoration: none;
  cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| Mixins
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Media query mixins
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Common class utilities
|--------------------------------------------------------------------------
*/
.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

.font-size-4 {
  font-size: 4px;
}

.font-size-4-important {
  font-size: 4px !important;
}

.font-size-5 {
  font-size: 5px;
}

.font-size-5-important {
  font-size: 5px !important;
}

.font-size-6 {
  font-size: 6px;
}

.font-size-6-important {
  font-size: 6px !important;
}

.font-size-7 {
  font-size: 7px;
}

.font-size-7-important {
  font-size: 7px !important;
}

.font-size-8 {
  font-size: 8px;
}

.font-size-8-important {
  font-size: 8px !important;
}

.font-size-9 {
  font-size: 9px;
}

.font-size-9-important {
  font-size: 9px !important;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-10-important {
  font-size: 10px !important;
}

.font-size-11 {
  font-size: 11px;
}

.font-size-11-important {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-12-important {
  font-size: 12px !important;
}

.font-size-13 {
  font-size: 13px;
}

.font-size-13-important {
  font-size: 13px !important;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-14-important {
  font-size: 14px !important;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-15-important {
  font-size: 15px !important;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-16-important {
  font-size: 16px !important;
}

.font-size-17 {
  font-size: 17px;
}

.font-size-17-important {
  font-size: 17px !important;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-18-important {
  font-size: 18px !important;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-19-important {
  font-size: 19px !important;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-20-important {
  font-size: 20px !important;
}

.font-size-21 {
  font-size: 21px;
}

.font-size-21-important {
  font-size: 21px !important;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-22-important {
  font-size: 22px !important;
}

.font-size-23 {
  font-size: 23px;
}

.font-size-23-important {
  font-size: 23px !important;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-24-important {
  font-size: 24px !important;
}

.font-size-25 {
  font-size: 25px;
}

.font-size-25-important {
  font-size: 25px !important;
}

.font-size-26 {
  font-size: 26px;
}

.font-size-26-important {
  font-size: 26px !important;
}

.font-size-27 {
  font-size: 27px;
}

.font-size-27-important {
  font-size: 27px !important;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-28-important {
  font-size: 28px !important;
}

.font-size-29 {
  font-size: 29px;
}

.font-size-29-important {
  font-size: 29px !important;
}

.font-size-30 {
  font-size: 30px;
}

.font-size-30-important {
  font-size: 30px !important;
}

.font-size-31 {
  font-size: 31px;
}

.font-size-31-important {
  font-size: 31px !important;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-32-important {
  font-size: 32px !important;
}

.font-size-33 {
  font-size: 33px;
}

.font-size-33-important {
  font-size: 33px !important;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-34-important {
  font-size: 34px !important;
}

.font-size-35 {
  font-size: 35px;
}

.font-size-35-important {
  font-size: 35px !important;
}

.uppercase {
  text-transform: uppercase;
}

.bold {
  font-weight: bold;
}

.underlined {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.text-align-left {
  text-align: left;
}

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

.text-align-right {
  text-align: right;
}

.justified, .text-align-justify {
  text-align: justify;
}

.vertical-align-middle {
  vertical-align: middle;
}

.vertical-align-top {
  vertical-align: top;
}

.vertical-align-baseline {
  vertical-align: baseline;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.line-height-1, .line-height-10 {
  line-height: 1em;
}

.line-height-11 {
  line-height: 1.1em;
}

.line-height-12 {
  line-height: 1.2em;
}

.line-height-13 {
  line-height: 1.3em;
}

.line-height-14 {
  line-height: 1.4em;
}

.line-height-15 {
  line-height: 1.5em;
}

.line-height-16 {
  line-height: 1.6em;
}

.line-height-17 {
  line-height: 1.7em;
}

.line-height-18 {
  line-height: 1.8em;
}

.line-height-19 {
  line-height: 1.9em;
}

.line-height-20, .line-height-2 {
  line-height: 2em;
}

.display-none {
  display: none;
}

.display-none-important {
  display: none !important;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

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

.display-flex {
  display: flex;
}

.display-table-cell {
  display: table-cell;
}

.flex-rows {
  flex-direction: column;
}

.flex-columns {
  flex-direction: column;
}

.flex-justify-start {
  justify-content: flex-start;
}

.flex-justify-center, .flex-center {
  justify-content: center;
}

.flex-justify-end {
  justify-content: flex-end;
}

.flex-align-start {
  align-items: flex-start;
}

.flex-align-center, .flex-center {
  align-items: center;
}

.flex-align-end {
  align-items: flex-end;
}

.width-0 {
  width: 0%;
}

.height-0 {
  height: 0%;
}

.width-5 {
  width: 5%;
}

.height-5 {
  height: 5%;
}

.width-10 {
  width: 10%;
}

.height-10 {
  height: 10%;
}

.width-15 {
  width: 15%;
}

.height-15 {
  height: 15%;
}

.width-20 {
  width: 20%;
}

.height-20 {
  height: 20%;
}

.width-25 {
  width: 25%;
}

.height-25 {
  height: 25%;
}

.width-30 {
  width: 30%;
}

.height-30 {
  height: 30%;
}

.width-35 {
  width: 35%;
}

.height-35 {
  height: 35%;
}

.width-40 {
  width: 40%;
}

.height-40 {
  height: 40%;
}

.width-45 {
  width: 45%;
}

.height-45 {
  height: 45%;
}

.width-50 {
  width: 50%;
}

.height-50 {
  height: 50%;
}

.width-55 {
  width: 55%;
}

.height-55 {
  height: 55%;
}

.width-60 {
  width: 60%;
}

.height-60 {
  height: 60%;
}

.width-65 {
  width: 65%;
}

.height-65 {
  height: 65%;
}

.width-70 {
  width: 70%;
}

.height-70 {
  height: 70%;
}

.width-75 {
  width: 75%;
}

.height-75 {
  height: 75%;
}

.width-80 {
  width: 80%;
}

.height-80 {
  height: 80%;
}

.width-85 {
  width: 85%;
}

.height-85 {
  height: 85%;
}

.width-90 {
  width: 90%;
}

.height-90 {
  height: 90%;
}

.width-95 {
  width: 95%;
}

.height-95 {
  height: 95%;
}

.width-100 {
  width: 100%;
}

.height-100 {
  height: 100%;
}

.relative, .position-relative {
  position: relative;
}

.absolute, .position-absolute {
  position: absolute;
}

.fixed, .position-fixed {
  position: fixed;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.padding-0 {
  padding: 0px;
}

.padding-top-0 {
  padding-top: 0px;
}

.padding-right-0 {
  padding-right: 0px;
}

.padding-bottom-0 {
  padding-bottom: 0px;
}

.padding-left-0 {
  padding-left: 0px;
}

.padding-horizontal-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.padding-vertical-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.margin-0 {
  margin: 0px;
}

.margin-top-0 {
  margin-top: 0px;
}

.margin-right-0 {
  margin-right: 0px;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

.margin-left-0 {
  margin-left: 0px;
}

.margin-horizontal-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.margin-vertical-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.padding-1 {
  padding: 1px;
}

.padding-top-1 {
  padding-top: 1px;
}

.padding-right-1 {
  padding-right: 1px;
}

.padding-bottom-1 {
  padding-bottom: 1px;
}

.padding-left-1 {
  padding-left: 1px;
}

.padding-horizontal-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.padding-vertical-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.margin-1 {
  margin: 1px;
}

.margin-top-1 {
  margin-top: 1px;
}

.margin-right-1 {
  margin-right: 1px;
}

.margin-bottom-1 {
  margin-bottom: 1px;
}

.margin-left-1 {
  margin-left: 1px;
}

.margin-horizontal-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.margin-vertical-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.padding-2 {
  padding: 2px;
}

.padding-top-2 {
  padding-top: 2px;
}

.padding-right-2 {
  padding-right: 2px;
}

.padding-bottom-2 {
  padding-bottom: 2px;
}

.padding-left-2 {
  padding-left: 2px;
}

.padding-horizontal-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.padding-vertical-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.margin-2 {
  margin: 2px;
}

.margin-top-2 {
  margin-top: 2px;
}

.margin-right-2 {
  margin-right: 2px;
}

.margin-bottom-2 {
  margin-bottom: 2px;
}

.margin-left-2 {
  margin-left: 2px;
}

.margin-horizontal-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.margin-vertical-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.padding-3 {
  padding: 3px;
}

.padding-top-3 {
  padding-top: 3px;
}

.padding-right-3 {
  padding-right: 3px;
}

.padding-bottom-3 {
  padding-bottom: 3px;
}

.padding-left-3 {
  padding-left: 3px;
}

.padding-horizontal-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.padding-vertical-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.margin-3 {
  margin: 3px;
}

.margin-top-3 {
  margin-top: 3px;
}

.margin-right-3 {
  margin-right: 3px;
}

.margin-bottom-3 {
  margin-bottom: 3px;
}

.margin-left-3 {
  margin-left: 3px;
}

.margin-horizontal-3 {
  margin-left: 3px;
  margin-right: 3px;
}

.margin-vertical-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.padding-4 {
  padding: 4px;
}

.padding-top-4 {
  padding-top: 4px;
}

.padding-right-4 {
  padding-right: 4px;
}

.padding-bottom-4 {
  padding-bottom: 4px;
}

.padding-left-4 {
  padding-left: 4px;
}

.padding-horizontal-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-vertical-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.margin-4 {
  margin: 4px;
}

.margin-top-4 {
  margin-top: 4px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-left-4 {
  margin-left: 4px;
}

.margin-horizontal-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.margin-vertical-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.padding-5 {
  padding: 5px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-horizontal-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-vertical-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.margin-5 {
  margin: 5px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-horizontal-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-vertical-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.padding-6 {
  padding: 6px;
}

.padding-top-6 {
  padding-top: 6px;
}

.padding-right-6 {
  padding-right: 6px;
}

.padding-bottom-6 {
  padding-bottom: 6px;
}

.padding-left-6 {
  padding-left: 6px;
}

.padding-horizontal-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.padding-vertical-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.margin-6 {
  margin: 6px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-right-6 {
  margin-right: 6px;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

.margin-left-6 {
  margin-left: 6px;
}

.margin-horizontal-6 {
  margin-left: 6px;
  margin-right: 6px;
}

.margin-vertical-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.padding-7 {
  padding: 7px;
}

.padding-top-7 {
  padding-top: 7px;
}

.padding-right-7 {
  padding-right: 7px;
}

.padding-bottom-7 {
  padding-bottom: 7px;
}

.padding-left-7 {
  padding-left: 7px;
}

.padding-horizontal-7 {
  padding-left: 7px;
  padding-right: 7px;
}

.padding-vertical-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.margin-7 {
  margin: 7px;
}

.margin-top-7 {
  margin-top: 7px;
}

.margin-right-7 {
  margin-right: 7px;
}

.margin-bottom-7 {
  margin-bottom: 7px;
}

.margin-left-7 {
  margin-left: 7px;
}

.margin-horizontal-7 {
  margin-left: 7px;
  margin-right: 7px;
}

.margin-vertical-7 {
  margin-top: 7px;
  margin-bottom: 7px;
}

.padding-8 {
  padding: 8px;
}

.padding-top-8 {
  padding-top: 8px;
}

.padding-right-8 {
  padding-right: 8px;
}

.padding-bottom-8 {
  padding-bottom: 8px;
}

.padding-left-8 {
  padding-left: 8px;
}

.padding-horizontal-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-vertical-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.margin-8 {
  margin: 8px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-right-8 {
  margin-right: 8px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-horizontal-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.margin-vertical-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.padding-9 {
  padding: 9px;
}

.padding-top-9 {
  padding-top: 9px;
}

.padding-right-9 {
  padding-right: 9px;
}

.padding-bottom-9 {
  padding-bottom: 9px;
}

.padding-left-9 {
  padding-left: 9px;
}

.padding-horizontal-9 {
  padding-left: 9px;
  padding-right: 9px;
}

.padding-vertical-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.margin-9 {
  margin: 9px;
}

.margin-top-9 {
  margin-top: 9px;
}

.margin-right-9 {
  margin-right: 9px;
}

.margin-bottom-9 {
  margin-bottom: 9px;
}

.margin-left-9 {
  margin-left: 9px;
}

.margin-horizontal-9 {
  margin-left: 9px;
  margin-right: 9px;
}

.margin-vertical-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.padding-10 {
  padding: 10px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-horizontal-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-vertical-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.margin-10 {
  margin: 10px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-horizontal-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-vertical-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.padding-11 {
  padding: 11px;
}

.padding-top-11 {
  padding-top: 11px;
}

.padding-right-11 {
  padding-right: 11px;
}

.padding-bottom-11 {
  padding-bottom: 11px;
}

.padding-left-11 {
  padding-left: 11px;
}

.padding-horizontal-11 {
  padding-left: 11px;
  padding-right: 11px;
}

.padding-vertical-11 {
  padding-top: 11px;
  padding-bottom: 11px;
}

.margin-11 {
  margin: 11px;
}

.margin-top-11 {
  margin-top: 11px;
}

.margin-right-11 {
  margin-right: 11px;
}

.margin-bottom-11 {
  margin-bottom: 11px;
}

.margin-left-11 {
  margin-left: 11px;
}

.margin-horizontal-11 {
  margin-left: 11px;
  margin-right: 11px;
}

.margin-vertical-11 {
  margin-top: 11px;
  margin-bottom: 11px;
}

.padding-12 {
  padding: 12px;
}

.padding-top-12 {
  padding-top: 12px;
}

.padding-right-12 {
  padding-right: 12px;
}

.padding-bottom-12 {
  padding-bottom: 12px;
}

.padding-left-12 {
  padding-left: 12px;
}

.padding-horizontal-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-vertical-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.margin-12 {
  margin: 12px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-right-12 {
  margin-right: 12px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-left-12 {
  margin-left: 12px;
}

.margin-horizontal-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.margin-vertical-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.padding-13 {
  padding: 13px;
}

.padding-top-13 {
  padding-top: 13px;
}

.padding-right-13 {
  padding-right: 13px;
}

.padding-bottom-13 {
  padding-bottom: 13px;
}

.padding-left-13 {
  padding-left: 13px;
}

.padding-horizontal-13 {
  padding-left: 13px;
  padding-right: 13px;
}

.padding-vertical-13 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.margin-13 {
  margin: 13px;
}

.margin-top-13 {
  margin-top: 13px;
}

.margin-right-13 {
  margin-right: 13px;
}

.margin-bottom-13 {
  margin-bottom: 13px;
}

.margin-left-13 {
  margin-left: 13px;
}

.margin-horizontal-13 {
  margin-left: 13px;
  margin-right: 13px;
}

.margin-vertical-13 {
  margin-top: 13px;
  margin-bottom: 13px;
}

.padding-14 {
  padding: 14px;
}

.padding-top-14 {
  padding-top: 14px;
}

.padding-right-14 {
  padding-right: 14px;
}

.padding-bottom-14 {
  padding-bottom: 14px;
}

.padding-left-14 {
  padding-left: 14px;
}

.padding-horizontal-14 {
  padding-left: 14px;
  padding-right: 14px;
}

.padding-vertical-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}

.margin-14 {
  margin: 14px;
}

.margin-top-14 {
  margin-top: 14px;
}

.margin-right-14 {
  margin-right: 14px;
}

.margin-bottom-14 {
  margin-bottom: 14px;
}

.margin-left-14 {
  margin-left: 14px;
}

.margin-horizontal-14 {
  margin-left: 14px;
  margin-right: 14px;
}

.margin-vertical-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}

.padding-15 {
  padding: 15px;
}

.padding-top-15 {
  padding-top: 15px;
}

.padding-right-15 {
  padding-right: 15px;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.padding-left-15 {
  padding-left: 15px;
}

.padding-horizontal-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-vertical-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.margin-15 {
  margin: 15px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-horizontal-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-vertical-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.padding-16 {
  padding: 16px;
}

.padding-top-16 {
  padding-top: 16px;
}

.padding-right-16 {
  padding-right: 16px;
}

.padding-bottom-16 {
  padding-bottom: 16px;
}

.padding-left-16 {
  padding-left: 16px;
}

.padding-horizontal-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-vertical-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.margin-16 {
  margin: 16px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-right-16 {
  margin-right: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-horizontal-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.margin-vertical-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.padding-17 {
  padding: 17px;
}

.padding-top-17 {
  padding-top: 17px;
}

.padding-right-17 {
  padding-right: 17px;
}

.padding-bottom-17 {
  padding-bottom: 17px;
}

.padding-left-17 {
  padding-left: 17px;
}

.padding-horizontal-17 {
  padding-left: 17px;
  padding-right: 17px;
}

.padding-vertical-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}

.margin-17 {
  margin: 17px;
}

.margin-top-17 {
  margin-top: 17px;
}

.margin-right-17 {
  margin-right: 17px;
}

.margin-bottom-17 {
  margin-bottom: 17px;
}

.margin-left-17 {
  margin-left: 17px;
}

.margin-horizontal-17 {
  margin-left: 17px;
  margin-right: 17px;
}

.margin-vertical-17 {
  margin-top: 17px;
  margin-bottom: 17px;
}

.padding-18 {
  padding: 18px;
}

.padding-top-18 {
  padding-top: 18px;
}

.padding-right-18 {
  padding-right: 18px;
}

.padding-bottom-18 {
  padding-bottom: 18px;
}

.padding-left-18 {
  padding-left: 18px;
}

.padding-horizontal-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.padding-vertical-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.margin-18 {
  margin: 18px;
}

.margin-top-18 {
  margin-top: 18px;
}

.margin-right-18 {
  margin-right: 18px;
}

.margin-bottom-18 {
  margin-bottom: 18px;
}

.margin-left-18 {
  margin-left: 18px;
}

.margin-horizontal-18 {
  margin-left: 18px;
  margin-right: 18px;
}

.margin-vertical-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.padding-19 {
  padding: 19px;
}

.padding-top-19 {
  padding-top: 19px;
}

.padding-right-19 {
  padding-right: 19px;
}

.padding-bottom-19 {
  padding-bottom: 19px;
}

.padding-left-19 {
  padding-left: 19px;
}

.padding-horizontal-19 {
  padding-left: 19px;
  padding-right: 19px;
}

.padding-vertical-19 {
  padding-top: 19px;
  padding-bottom: 19px;
}

.margin-19 {
  margin: 19px;
}

.margin-top-19 {
  margin-top: 19px;
}

.margin-right-19 {
  margin-right: 19px;
}

.margin-bottom-19 {
  margin-bottom: 19px;
}

.margin-left-19 {
  margin-left: 19px;
}

.margin-horizontal-19 {
  margin-left: 19px;
  margin-right: 19px;
}

.margin-vertical-19 {
  margin-top: 19px;
  margin-bottom: 19px;
}

.padding-20 {
  padding: 20px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-horizontal-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-vertical-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.margin-20 {
  margin: 20px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-horizontal-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-vertical-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.padding-25 {
  padding: 25px;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-right-25 {
  padding-right: 25px;
}

.padding-bottom-25 {
  padding-bottom: 25px;
}

.padding-left-25 {
  padding-left: 25px;
}

.padding-horizontal-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.padding-vertical-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.margin-25 {
  margin: 25px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-right-25 {
  margin-right: 25px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-left-25 {
  margin-left: 25px;
}

.margin-horizontal-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-vertical-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.padding-30 {
  padding: 30px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-horizontal-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-vertical-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.margin-30 {
  margin: 30px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-horizontal-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.margin-vertical-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.padding-35 {
  padding: 35px;
}

.padding-top-35 {
  padding-top: 35px;
}

.padding-right-35 {
  padding-right: 35px;
}

.padding-bottom-35 {
  padding-bottom: 35px;
}

.padding-left-35 {
  padding-left: 35px;
}

.padding-horizontal-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.padding-vertical-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.margin-35 {
  margin: 35px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-right-35 {
  margin-right: 35px;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-left-35 {
  margin-left: 35px;
}

.margin-horizontal-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.margin-vertical-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.padding-40 {
  padding: 40px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-horizontal-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.padding-vertical-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.margin-40 {
  margin: 40px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-right-40 {
  margin-right: 40px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-left-40 {
  margin-left: 40px;
}

.margin-horizontal-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.margin-vertical-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.padding-45 {
  padding: 45px;
}

.padding-top-45 {
  padding-top: 45px;
}

.padding-right-45 {
  padding-right: 45px;
}

.padding-bottom-45 {
  padding-bottom: 45px;
}

.padding-left-45 {
  padding-left: 45px;
}

.padding-horizontal-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.padding-vertical-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.margin-45 {
  margin: 45px;
}

.margin-top-45 {
  margin-top: 45px;
}

.margin-right-45 {
  margin-right: 45px;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

.margin-left-45 {
  margin-left: 45px;
}

.margin-horizontal-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.margin-vertical-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.padding-50 {
  padding: 50px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-right-50 {
  padding-right: 50px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-left-50 {
  padding-left: 50px;
}

.padding-horizontal-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.padding-vertical-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.margin-50 {
  margin: 50px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-right-50 {
  margin-right: 50px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-left-50 {
  margin-left: 50px;
}

.margin-horizontal-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.margin-vertical-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.padding-55 {
  padding: 55px;
}

.padding-top-55 {
  padding-top: 55px;
}

.padding-right-55 {
  padding-right: 55px;
}

.padding-bottom-55 {
  padding-bottom: 55px;
}

.padding-left-55 {
  padding-left: 55px;
}

.padding-horizontal-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.padding-vertical-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.margin-55 {
  margin: 55px;
}

.margin-top-55 {
  margin-top: 55px;
}

.margin-right-55 {
  margin-right: 55px;
}

.margin-bottom-55 {
  margin-bottom: 55px;
}

.margin-left-55 {
  margin-left: 55px;
}

.margin-horizontal-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.margin-vertical-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.padding-60 {
  padding: 60px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-right-60 {
  padding-right: 60px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-left-60 {
  padding-left: 60px;
}

.padding-horizontal-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.padding-vertical-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.margin-60 {
  margin: 60px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-right-60 {
  margin-right: 60px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-left-60 {
  margin-left: 60px;
}

.margin-horizontal-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.margin-vertical-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.padding-65 {
  padding: 65px;
}

.padding-top-65 {
  padding-top: 65px;
}

.padding-right-65 {
  padding-right: 65px;
}

.padding-bottom-65 {
  padding-bottom: 65px;
}

.padding-left-65 {
  padding-left: 65px;
}

.padding-horizontal-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.padding-vertical-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.margin-65 {
  margin: 65px;
}

.margin-top-65 {
  margin-top: 65px;
}

.margin-right-65 {
  margin-right: 65px;
}

.margin-bottom-65 {
  margin-bottom: 65px;
}

.margin-left-65 {
  margin-left: 65px;
}

.margin-horizontal-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.margin-vertical-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.padding-70 {
  padding: 70px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-right-70 {
  padding-right: 70px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-left-70 {
  padding-left: 70px;
}

.padding-horizontal-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.padding-vertical-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.margin-70 {
  margin: 70px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-right-70 {
  margin-right: 70px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-left-70 {
  margin-left: 70px;
}

.margin-horizontal-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.margin-vertical-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.padding-75 {
  padding: 75px;
}

.padding-top-75 {
  padding-top: 75px;
}

.padding-right-75 {
  padding-right: 75px;
}

.padding-bottom-75 {
  padding-bottom: 75px;
}

.padding-left-75 {
  padding-left: 75px;
}

.padding-horizontal-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.padding-vertical-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.margin-75 {
  margin: 75px;
}

.margin-top-75 {
  margin-top: 75px;
}

.margin-right-75 {
  margin-right: 75px;
}

.margin-bottom-75 {
  margin-bottom: 75px;
}

.margin-left-75 {
  margin-left: 75px;
}

.margin-horizontal-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.margin-vertical-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.padding-80 {
  padding: 80px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-right-80 {
  padding-right: 80px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-left-80 {
  padding-left: 80px;
}

.padding-horizontal-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.padding-vertical-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.margin-80 {
  margin: 80px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-right-80 {
  margin-right: 80px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-left-80 {
  margin-left: 80px;
}

.margin-horizontal-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.margin-vertical-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.padding-85 {
  padding: 85px;
}

.padding-top-85 {
  padding-top: 85px;
}

.padding-right-85 {
  padding-right: 85px;
}

.padding-bottom-85 {
  padding-bottom: 85px;
}

.padding-left-85 {
  padding-left: 85px;
}

.padding-horizontal-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.padding-vertical-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.margin-85 {
  margin: 85px;
}

.margin-top-85 {
  margin-top: 85px;
}

.margin-right-85 {
  margin-right: 85px;
}

.margin-bottom-85 {
  margin-bottom: 85px;
}

.margin-left-85 {
  margin-left: 85px;
}

.margin-horizontal-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.margin-vertical-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.padding-90 {
  padding: 90px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-right-90 {
  padding-right: 90px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-left-90 {
  padding-left: 90px;
}

.padding-horizontal-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.padding-vertical-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.margin-90 {
  margin: 90px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-right-90 {
  margin-right: 90px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-left-90 {
  margin-left: 90px;
}

.margin-horizontal-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.margin-vertical-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.padding-95 {
  padding: 95px;
}

.padding-top-95 {
  padding-top: 95px;
}

.padding-right-95 {
  padding-right: 95px;
}

.padding-bottom-95 {
  padding-bottom: 95px;
}

.padding-left-95 {
  padding-left: 95px;
}

.padding-horizontal-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.padding-vertical-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.margin-95 {
  margin: 95px;
}

.margin-top-95 {
  margin-top: 95px;
}

.margin-right-95 {
  margin-right: 95px;
}

.margin-bottom-95 {
  margin-bottom: 95px;
}

.margin-left-95 {
  margin-left: 95px;
}

.margin-horizontal-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.margin-vertical-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.padding-100 {
  padding: 100px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-right-100 {
  padding-right: 100px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-left-100 {
  padding-left: 100px;
}

.padding-horizontal-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.padding-vertical-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.margin-100 {
  margin: 100px;
}

.margin-top-100 {
  margin-top: 100px;
}

.margin-right-100 {
  margin-right: 100px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-left-100 {
  margin-left: 100px;
}

.margin-horizontal-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.margin-vertical-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.margin-auto-horizontal {
  margin-left: auto;
  margin-right: auto;
}

.margin-auto-vertical {
  margin-top: auto;
  margin-bottom: auto;
}

.margin-auto {
  margin: auto;
}

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

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
/* Box
   ========================================================================== */
.box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: transparent;
  border: 1px solid #ddd;
  padding: 20px;
}
.box > h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
.box > h3 a.secondary-cta {
  color: #78A300;
  float: right;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: underline;
}
.box > h3 a.secondary-cta:hover {
  color: #aed050;
}

/* Flash messages
   ========================================================================== */
.flash_message {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 20px 20px;
  color: white;
  font-size: 13px;
  font-weight: bold;
}
.flash_message a {
  color: white;
  text-decoration: underline;
}
.flash_message.success {
  background: #aed050;
}
.flash_message.error {
  background: #f57f7f;
}
.flash_message.info {
  background: #f0f9fe;
}
.flash_message.disabled {
  background: #F7F7F7;
}
.flash_message.color-grey {
  color: #7b8587;
}
.flash_message h4 {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.flash_message p {
  font-weight: normal;
  line-height: 1.3em;
}

.grid {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.grid .col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.grid .col.span-12 {
  width: 100%;
}
.grid .col.span-11 {
  width: 91.53%;
}
.grid .col.span-10 {
  width: 83.06%;
}
.grid .col.span-9 {
  width: 74.6%;
}
.grid .col.span-8 {
  width: 66.13%;
}
.grid .col.span-7 {
  width: 57.66%;
}
.grid .col.span-6 {
  width: 49.2%;
}
.grid .col.span-5 {
  width: 40.73%;
}
.grid .col.span-4 {
  width: 32.26%;
}
.grid .col.span-3 {
  width: 23.8%;
}
.grid .col.span-2 {
  width: 15.33%;
}
.grid .col.span-1 {
  width: 6.866%;
}
.grid .col:first-child {
  margin-left: 0;
}

/*  GROUPING  */
.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 */
}

.btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: white;
  display: inline-block;
  font-weight: bold;
}
.btn:hover {
  opacity: 0.85;
}

.btn-primary {
  background: #aed050;
}

.btn-secondary {
  background: #7b8587;
}

.btn-s {
  padding: 5px 10px;
}

.btn-m {
  padding: 10px 20px;
}

.btn-l {
  padding: 15px 30px;
}

.circle_img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

/* --------------------------------------------------------
--------------------form elements-----------------------------
-------------------------------------------------------- */
.select {
  /*border: 1px solid #ddd;*/
  overflow: hidden;
  position: relative;
  display: block;
}

.select:after {
  content: "";
  font-family: FontAwesome;
  color: #7b8587;
  padding: 17px 15px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  font-size: 12px;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
}

/* --------------------------------------------------------
--------------------NAVIGATION-----------------------------
-------------------------------------------------------- */
section.fold nav div.navBottom ul li.right {
  float: right;
}
section.fold nav div.navBottom ul li .button {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #aed050;
  border: none;
  color: #fff;
  font-weight: bold;
  line-height: normal;
  height: auto;
  margin-top: 8px;
  padding: 7px 15px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
section.fold nav div.navBottom ul li .button:hover {
  background: #b6d562;
}

.fold.simple_header {
  text-align: left;
  padding: 60px 0 50px 0;
  color: white;
  height: auto;
}
.fold.simple_header header {
  height: auto;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.fold.simple_header header h1 {
  font-size: 24px;
}
.fold.simple_header header h2 {
  font-size: 16px;
}

#notifications > a {
  padding: 0 20px;
}
#notifications ul {
  box-sizing: border-box;
  color: #333;
  line-height: normal;
  max-height: 300px;
  overflow-y: auto;
  text-align: left;
  text-transform: none;
  width: 300px;
}
#notifications .no-notifications-container {
  border-bottom: 1px solid #F7F7F7;
  padding: 20px;
}
#notifications .no-notifications-container .notification-img {
  vertical-align: middle;
}
#notifications .no-notifications-container .no-unread-notification {
  color: #888;
  display: block;
  margin-top: 10px;
}
#notifications .notifications-container:last-of-type {
  border-bottom: none;
}
#notifications .notifications-container {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid #F7F7F7;
  padding: 20px;
}
#notifications .notifications-container:hover {
  background-color: #F7F7F7;
}
#notifications .notifications-container h2 {
  font-weight: 700;
}
#notifications .notifications-container .contentWrapper {
  margin-top: 5px;
}
#notifications .notifications-container .contentWrapper .content p {
  text-overflow: ellipsis;
  height: 15px;
  overflow: hidden;
  white-space: nowrap;
}
#notifications .notifications-container .contentWrapper .reply {
  display: none;
}
#notifications .notifications-container .links-container {
  margin-top: 5px;
}
#notifications .notifications-container .links-container a:first-of-type {
  padding-left: 0;
}
#notifications .notifications-container .links-container a {
  color: #65bfe7;
  display: inline-block;
}
#notifications .notifications-container .links-container span {
  padding: 0 5px;
}
#notifications .view-all {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 15px;
  text-align: center;
}
#notifications .view-all:hover {
  background-color: #F7F7F7;
}
#notifications .view-all a {
  color: #65bfe7;
}

section.fold nav ul li#lang {
  float: none;
  margin-left: 0;
}

/* --------------------------------------------------------
--------------------FLASH MESSAGES ------------------------
-------------------------------------------------------- */
.flashMessages {
  margin: 0;
  padding: 0;
}

.flashMessage {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: white;
  font-weight: bold;
  font-size: 13px;
  padding: 20px 0;
  text-align: left;
}
.flashMessage p {
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.3em;
  padding-right: 30px;
  width: 90%;
}
.flashMessage a.flashCloser {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  float: right;
  text-align: right;
  width: 10%;
}
.flashMessage a.flashCloser:hover {
  color: white;
}
.flashMessage.error {
  background: #f57f7f;
}
.flashMessage.notice {
  background: #f5d34c;
}
.flashMessage.success {
  background: #aed050;
}

/* Empty states
   ========================================================================== */
.empty_state {
  padding: 30px 0;
  text-align: center;
  font-size: 14px;
  color: #7b8587;
}
.empty_state a {
  color: #f0f9fe;
  font-weight: bold;
}
.empty_state a:hover {
  opacity: 0.8;
}
.empty_state h3 {
  color: #e5edf3;
  font-size: 18px;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
  line-height: 1.3em;
}
.empty_state h3.small {
  font-size: 14px;
}

/* --------------------------------------------------------
--------------- Referral Link popup -----------------
-------------------------------------------------------- */
.popup_referral_link .copied_answer {
  font-weight: bold;
  color: #aed050;
  display: none;
  text-align: center;
  font-size: 12px;
  margin: -10px 0 20px 0;
  line-height: 1.3em;
}
.popup_referral_link .referral_link {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #f5f8fa;
  padding: 15px;
  font-weight: bold;
  font-size: 14px;
  margin: 30px;
  border: 1px solid #e5edf3;
}
.popup_referral_link .referral_link.copied {
  border: 1px solid #aed050;
}

/* --------------------------------------------------------
--------------- add account popup -----------------
-------------------------------------------------------- */
#accountAddPopup .oneClickSelects {
  text-align: center;
}

/* --------------------------------------------------------
--------------- INDEX FOLDS SECTIONS -----------------
-------------------------------------------------------- */
.index_fold {
  min-height: 600px;
  text-align: left;
  color: white;
}

.index_fold_content {
  width: 50%;
  display: inline-block;
  text-align: left;
  padding-top: 130px;
}
.index_fold_content h1 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.1em;
  margin-bottom: 30px;
  text-align: left;
  color: white;
  text-transform: uppercase;
}
.index_fold_content p {
  font-size: 16px;
  line-height: 1.4em;
  opacity: 0.8;
  color: white;
  text-align: left;
}
.index_fold_content .hiw_video {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: 50px;
  text-align: left;
}
.index_fold_content .hiw_video:hover {
  opacity: 0.8;
}
.index_fold_content .hiw_video img.thumbnail {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  float: left;
  margin-right: 30px;
  padding: 0px;
  margin-bottom: 0px;
  line-height: normal;
  background-color: transparent;
  border: none;
}
.index_fold_content .hiw_video strong {
  display: inline-block;
  color: #aed050;
  font-weight: bold;
  font-size: 14px;
  margin-top: 15px;
}
.index_fold_content .hiw_video small {
  color: white;
  font-size: 13px;
  display: block;
  margin-top: 5px;
  font-weight: normal;
}

.index_fold_brokers {
  float: right;
  width: 47%;
  text-align: left;
  padding-top: 20px;
}
.index_fold_brokers ul li {
  margin: 10px;
  display: inline-block;
}
.index_fold_brokers ul li a {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  opacity: 0.75;
}
.index_fold_brokers ul li a:hover {
  opacity: 1;
}
.index_fold_brokers ul li img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  width: 75px;
  height: 75px;
}

/* --------------------------------------------------------
---------------HOW IT WORKS -------------------------------
-------------------------------------------------------- */
#popup_how_it_works_container {
  background: rgba(57, 69, 71, 0.95);
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  z-index: 10000;
  color: white;
  line-height: 1.3em;
}
#popup_how_it_works_container .close_important {
  /*float: none !important;*/
  font-size: 1rem !important;
  font-weight: normal !important;
  line-height: 1 !important;
  /*color: #000000;*/
  text-shadow: none !important;
  /*opacity: 1 !important;*/
}
#popup_how_it_works_container img {
  max-width: 100%;
}
#popup_how_it_works_container em {
  font-weight: bold;
}
#popup_how_it_works_container #popup_how_it_works {
  width: 1000px;
  margin: 100px auto 0 auto;
  text-align: center;
}
#popup_how_it_works_container .hiw-video, #popup_how_it_works_container .hiw-image, #popup_how_it_works_container .hiw-support, #popup_how_it_works_container .hiw-end {
  margin-bottom: 100px;
}
#popup_how_it_works_container #closeTop {
  color: #aed050 !important;
  float: right !important;
  opacity: 1 !important;
}
#popup_how_it_works_container #closeTop:hover {
  opacity: 0.85 !important;
}
#popup_how_it_works_container .indexButton:hover {
  background: #aed050;
  opacity: 0.85;
}
#popup_how_it_works_container h1 {
  font-size: 28px;
  font-weight: bold;
  margin: 0px 0px 30px 0px;
}
#popup_how_it_works_container h2 {
  font-size: 16px;
  opacity: 0.5;
  margin: 0px 0px 50px 0px;
}
#popup_how_it_works_container ul li {
  margin: 0 1%;
  display: inline-block;
  vertical-align: top;
  width: 29%;
}
#popup_how_it_works_container ul li a {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: 30px 25px 30px 25px;
  min-height: 100px;
}
#popup_how_it_works_container ul li a em {
  font-size: 15px;
  font-weight: bold;
  color: #aed050;
  margin: 0px 0px 15px 0px;
  display: block;
}
#popup_how_it_works_container ul li a small {
  font-size: 13px;
  line-height: 1.3em;
}
#popup_how_it_works_container ul li a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
#popup_how_it_works_container .hiw-end a {
  float: none !important;
  opacity: 1 !important;
}
#popup_how_it_works_container .hiw-end a:hover {
  opacity: 0.85 !important;
}

/* --------------------------------------------------------
---------------NEW ACCOUNT ADDITION POPUP -----------------
-------------------------------------------------------- */
.fullPopup #aaSelect .stepContent {
  margin: 50px auto 0 auto;
  width: 90% !important;
}
.fullPopup #aaSelect .stepContent .oneClickSelect {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

form#addAccountFormBinary #oneClickSelect2 {
  opacity: 0.4;
  cursor: default;
}

.fullPopupForm #rememberme {
  display: block;
  width: auto;
  margin-bottom: 0;
}
.fullPopupForm #rememberme input[type=checkbox] {
  width: auto;
  vertical-align: middle;
}

/* REG PAGE */
.form .password-toggle {
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  color: #a7b0b2;
  cursor: pointer;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-right: 20px;
  outline: 0;
  padding: 5px;
  text-decoration: underline;
}

/* POPUP FIRST TOUR */
.fullPopupContainerFirstTour {
  text-align: left;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  /* padding: 50px 0; */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  padding: 100px 0;
  transform: translateY(0);
  z-index: 10000;
}

.popup_default {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: white;
  max-width: 460px;
  width: auto;
  box-sizing: border-box;
  padding: 30px 20px;
  margin: 20px auto;
  position: relative;
}
.popup_default.centered {
  text-align: center;
}
.popup_default.width-800 {
  max-width: 800px;
}
.popup_default.width-1000 {
  max-width: 1000px;
}
.popup_default h2 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 20px;
}
.popup_default h3 {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.popup_default p {
  color: #7b8587;
  line-height: 1.4em;
  font-size: 14px;
}
.popup_default p a {
  color: #65bfe7;
}
.popup_default .popup_closer {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #7b8587;
  opacity: 0.5;
  font-size: 12px;
  padding: 5px;
}
.popup_default .popup_closer:hover {
  opacity: 1;
  cursor: pointer;
}

/* MAGNIFIC POPUP */
.mfp-bg {
  z-index: 2201;
}

.mfp-wrap {
  z-index: 2202;
}

.mfp-close-btn-in .mfp-close {
  color: #7b8587;
}

.mfp-close {
  font-size: 22px;
  top: 10px;
  right: 10px;
}

section#firstTour .errorMsg {
  margin-top: 30px;
  margin-left: 70px;
  color: #f57f7f;
}
section#firstTour .back {
  display: block;
  margin-top: 15px;
  text-decoration: underline;
  text-align: center;
  color: #7b8587;
}
section#firstTour .back:hover {
  opacity: 0.8;
}
section#firstTour .step {
  display: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 auto 200px auto !important;
  width: 90%;
  max-width: 598px;
  border-top: 5px solid #a8ce3f;
  border-radius: 5px;
  background-color: white;
  margin-bottom: 30px;
  padding-bottom: 30px;
  text-align: center;
}
section#firstTour .step h4 {
  font-size: 24px;
  color: #34414c;
  margin-top: 50px;
  display: block;
  text-align: center;
  padding: 0 30px;
}
section#firstTour .step p.topText {
  text-align: center;
  width: 80%;
  display: block;
  margin: 30px auto;
  font-size: 14px;
  color: #7b8587;
  line-height: 1.5em;
}
section#firstTour .step p.topText strong {
  color: #a70ec8;
  font-weight: bold;
}
section#firstTour .step a.next {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin: 0 auto;
  margin-top: 60px;
  border: 0px;
  display: inline-block;
  font-weight: bold;
  min-width: 200px;
  padding: 20px 25px;
  color: white;
  text-align: center;
  background-color: #a8ce3f;
}
section#firstTour .step a.next:hover {
  opacity: 0.85;
}
section#firstTour .step.percentageStep div.percentage {
  margin-top: 40px;
  text-align: center;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
section#firstTour .step.percentageStep div.percentage span {
  font-size: 44px;
  font-weight: bold;
  display: inline-block;
  width: 39%;
  line-height: 1.4em;
  vertical-align: top;
}
section#firstTour .step.percentageStep div.percentage span#first {
  color: #a8ce3f;
}
section#firstTour .step.percentageStep div.percentage span#second {
  font-size: 60px;
  color: #7b8587;
  width: 12%;
}
section#firstTour .step.percentageStep div.percentage span#third {
  color: #a70ec8;
}
section#firstTour .step.percentageStep div.description {
  margin-top: 20px;
  text-align: center;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
section#firstTour .step.percentageStep div.description span {
  display: inline-block;
  width: 39%;
  font-size: 13px;
  line-height: 1.4em;
  color: #7b8587;
  vertical-align: top;
}
section#firstTour .step.percentageStep div.description span#second {
  width: 12%;
}
section#firstTour .step.percentageStep div.description span .fb-like {
  display: block;
  margin: 20px auto 0 auto;
}
section#firstTour section#popup1 {
  display: block;
}
section#firstTour section#popup1 h3#addAccount {
  display: none;
  font-size: 16px;
  margin-top: 50px;
}
section#firstTour section#popup1 h3#addAccount i {
  color: #aed050;
}
section#firstTour section#popup1 div#hiwFigureContainer {
  margin-top: 75px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure {
  background: url(../images/index_hiw_figure.png) no-repeat top center;
  height: 380px;
  margin-top: 25px;
  position: relative;
  width: 460px;
  margin: auto;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure h5.fcbc strong {
  color: #a8ce3f;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure p {
  font-size: 13px;
  color: #6d7c79;
  line-height: 1.5em;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure h5 {
  color: #394547;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure div.hf {
  position: absolute;
  width: 200px;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure div.hfRight {
  top: 140px;
  right: 0px;
  text-align: right;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure div.hfBottom {
  bottom: 25px;
  left: 130px;
  text-align: center;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure div.hfBottom p {
  margin-bottom: 15px;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure div.hfLeft {
  top: 140px;
  left: 0px;
  text-align: left;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure div.hfTop {
  top: -25px;
  left: 130px;
  text-align: center;
}
section#firstTour section#popup1 div#hiwFigureContainer div.hiwFigure div.hfTop p {
  margin-top: 15px;
}
section#firstTour section#popup1 div.hiwVideo {
  margin-top: 50px;
  display: block;
  vertical-align: top;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
section#firstTour section#popup1 div.hiwVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section#firstTour div.clr {
  clear: both;
}
section#firstTour section#popup2 form#popup2 {
  text-align: left;
}
section#firstTour section#popup2 .label {
  color: #7b8587;
  font-size: 14px;
}
section#firstTour section#popup2 div#titles {
  margin-top: 60px;
  font-size: 14px;
}
section#firstTour section#popup2 div#titles #first {
  float: none;
}
section#firstTour section#popup2 div#titles #last {
  float: right;
  /*margin-right: 215px;*/
  margin-right: 210px;
}
section#firstTour section#popup2 div#nameInput input {
  /*width: 170px;*/
  width: 220px;
  font-size: 16px;
}
section#firstTour section#popup2 div#nameInput span#first {
  float: left;
}
section#firstTour section#popup2 div#nameInput span#last {
  float: right;
  /*margin-right: 70px;*/
  margin-right: 66px;
}
section#firstTour section#popup2 div#username {
  font-size: 14px;
}
section#firstTour section#popup2 div#username #username strong {
  color: #f11136;
}
section#firstTour section#popup2 div#usernameInput input {
  /*width: 420px;*/
  width: 462px;
  border: solid 1px #ddd;
  font-size: 16px;
}
section#firstTour section#popup2 div#country {
  font-size: 14px;
}
section#firstTour section#popup2 div#country #country strong {
  color: #f11136;
}
section#firstTour section#popup2 input, section#firstTour section#popup2 select {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f4f4f4;
  border: solid 1px #ddd;
  padding-left: 20px;
  padding-right: 20px;
  height: 50px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
section#firstTour section#popup2 select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-sizing: content-box;
  background-image: url("../common/images/angle_down.png");
  background-repeat: no-repeat;
  background-position: right 20px center;
  font-size: 16px;
  height: 52px;
  width: 420px;
}
section#firstTour section#popup5 img#figure1 {
  display: block;
  margin: auto;
  margin-top: 70px;
}

/* --------------------------------------------------------
-------------------- PIC AND TEXT PAGE---------------------
-------------------------------------------------------- */
.pic_and_text_page {
  padding: 100px 0 150px 0;
  text-align: center;
}
.pic_and_text_page .main_pic {
  margin-bottom: 75px;
}
.pic_and_text_page h1 {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.5em;
  margin-bottom: 30px;
  text-align: center;
}
.pic_and_text_page h1 strong {
  border-bottom: 4px solid #aed050;
}
.pic_and_text_page p {
  font-size: 16px;
  color: #7b8587;
  line-height: 1.5em;
  width: 70%;
  margin: 0 auto;
}
.pic_and_text_page p a {
  color: #65bfe7;
}
.pic_and_text_page a.btn-secondary {
  display: inline-block;
  margin-top: 30px;
  font-size: 14px;
}

/* --------------------------------------------------------
--------------------INDEX PAGE-----------------------------
-------------------------------------------------------- */
section#indexHiw div.paymentIcons {
  margin-left: 50px;
}
section#indexHiw div.paymentIcons img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-right: 10px;
  background: white;
}

/* --------------------------------------------------------
--------------------  PROFILE -----------------------------
-------------------------------------------------------- */
.navTop.container_fixed li#notifications {
  margin-right: 0;
}
.navTop.container_fixed li#notifications i {
  color: #ddd;
}
.navTop.container_fixed li#notifications i.active {
  color: #394547;
}
.navTop.container_fixed li#notifications a {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navTop.container_fixed li#notifications a:hover {
  opacity: 0.8;
}
.navTop.container_fixed li#notifications a span {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  right: -7px;
  top: -9px;
  background: #f57f7f;
  font-weight: bold;
  font-size: 8px;
  padding: 1px 4px 2px 4px;
  line-height: normal;
}

/* --------------------------------------------------------
-------------------- BROKERS PAGE -------------------------
-------------------------------------------------------- */
.deal_type_box {
  background-color: #9CA4AD;
  color: white;
  font-size: 13px;
  padding: 20px 20px 30px 20px;
}
.deal_type_box h2 {
  font-weight: bold;
  margin-bottom: 10px;
}
.deal_type_box h2 img {
  margin-right: 10px;
  vertical-align: bottom;
}
.deal_type_box p {
  line-height: 1.5em;
  margin-bottom: 15px;
}
.deal_type_box a {
  text-decoration: underline;
  padding: 0;
}

.cbc_rating_box {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #aed050;
  color: white;
  padding: 20px;
  position: relative;
}
.cbc_rating_box h4 {
  font-size: 14px !important;
  margin-bottom: 15px !important;
  font-weight: bold;
  text-decoration: none !important;
  text-transform: none !important;
}
.cbc_rating_box p {
  font-size: 14px;
  line-height: 1.5em;
}
.cbc_rating_box p .fa {
  font-size: 23px;
  width: 1em;
}
.cbc_rating_box a {
  text-decoration: underline;
}

#brokers-page .filters-wrapper {
  width: 100%;
}
#brokers-page .filters-container {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  display: table;
  position: relative;
}
#brokers-page .filters-container ul {
  list-style-type: none;
  z-index: 998;
}
#brokers-page .filters-container > ul {
  display: table;
  width: 100%;
}
#brokers-page .filters-container > ul li:first-child {
  border-left: 1px solid #d3d4d6;
}
#brokers-page .filters-container > ul li:last-child {
  padding: 0;
}
#brokers-page .filters-container > ul li {
  border-top: 1px solid #d3d4d6;
  border-right: 1px solid #d3d4d6;
  border-bottom: 1px solid #d3d4d6;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  display: table-cell;
  padding: 0;
  margin: 0;
}
#brokers-page .filters-container > ul li .fa-angle-down {
  display: inline-block;
}
#brokers-page .filters-container > ul li .fa-angle-up {
  display: none;
}
#brokers-page .filters-container > ul li.more-filters {
  position: static;
}
#brokers-page .filters-container > ul li > a {
  display: inline-block;
  padding: 20px 20px 20px 20px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  position: relative;
}
#brokers-page .filters-container > ul li > a .fa {
  color: #aed050;
  position: absolute;
  right: 20px;
  top: 20px;
}
#brokers-page .filters-container > ul li > a span {
  font-weight: normal;
}
#brokers-page .filters-container > ul li:hover {
  -webkit-box-shadow: inset 0px -3px 0px 0px #adcf50;
  -moz-box-shadow: inset 0px -3px 0px 0px #adcf50;
  box-shadow: inset 0px -3px 0px 0px #adcf50;
}
#brokers-page .filters-container > ul .active {
  -webkit-box-shadow: inset 0px -3px 0px 0px #adcf50;
  -moz-box-shadow: inset 0px -3px 0px 0px #adcf50;
  box-shadow: inset 0px -3px 0px 0px #adcf50;
}
#brokers-page .filters-container > ul .active .fa-angle-down {
  display: none;
}
#brokers-page .filters-container > ul .active .fa-angle-up {
  display: inline-block;
}
#brokers-page .filters-container > ul ul {
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  background-color: white;
  padding: 40px 20px 20px 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
#brokers-page .filters-container > ul ul h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 25px;
}
#brokers-page .filters-container > ul ul .form-row {
  font-size: 14px;
}
#brokers-page .filters-container > ul ul label {
  font-weight: normal;
}
#brokers-page .filters-container > ul ul input[type=checkbox] {
  display: none;
}
#brokers-page .filters-container > ul ul input[type=checkbox]:not(:checked) + label:before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 12px;
  padding: 1px;
  background-color: white;
  color: white;
  border: 1px solid #d3d4d6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-right: 15px;
}
#brokers-page .filters-container > ul ul input[type=checkbox]:checked + label:before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 12px;
  padding: 2px;
  background-color: #aed050;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-right: 15px;
}
#brokers-page .filters-container > ul ul .form-buttons {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 5px;
}
#brokers-page .filters-container > ul ul .form-buttons .form-cancel {
  color: #a7b0b2;
}
#brokers-page .filters-container > ul ul .form-buttons .form-submit {
  color: #aed050;
}
#brokers-page .filters-container > ul ul .filter-deal-type {
  width: 400px;
}
#brokers-page .filters-container > ul ul .filter-deal-type label {
  font-size: 16px;
}
#brokers-page .filters-container > ul ul .filter-deal-type small {
  color: #a7b0b2;
  display: block;
  font-size: 14px;
  padding-top: 5px;
  padding-left: 32px;
  line-height: 1.3em;
}
#brokers-page .filters-container > ul ul .filter-deal-type .form-row {
  margin-top: 30px;
}
#brokers-page .filters-container > ul ul .filter-deal-type .form-row:first-child {
  margin-top: 0;
}
#brokers-page .filters-container > ul ul .filter-regulators {
  width: 400px;
}
#brokers-page .filters-container > ul ul .filter-regulators .form-row {
  width: 32%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
#brokers-page .filters-container > ul ul .filter-ratings {
  width: 400px;
}
#brokers-page .filters-container > ul ul .filter-ratings input[type=radio] {
  display: none;
}
#brokers-page .filters-container > ul ul .filter-ratings .form-row {
  overflow: hidden;
  margin-top: 22px;
  padding-bottom: 3px;
}
#brokers-page .filters-container > ul ul .filter-ratings .form-row em {
  float: left;
  font-size: 14px;
  font-weight: normal;
}
#brokers-page .filters-container > ul ul .filter-ratings .form-row .ratings {
  float: right;
}
#brokers-page .filters-container > ul ul .filter-ratings .form-row .fa-star {
  color: #f5f8fa;
}
#brokers-page .filters-container > ul ul .filter-ratings .form-row:first-of-type {
  margin-top: 0;
}
#brokers-page .filters-container > ul ul .filter-ratings .ratings {
  unicode-bidi: bidi-override;
  direction: rtl;
}
#brokers-page .filters-container > ul ul .filter-ratings .ratings > label {
  display: inline-block;
  position: relative;
  width: 1em;
  font-size: 15px;
}
#brokers-page .filters-container > ul ul .filter-ratings .ratings > label:hover {
  cursor: pointer;
}
#brokers-page .filters-container > ul ul .filter-ratings .ratings > label:hover:before, #brokers-page .filters-container > ul ul .filter-ratings .ratings > label:hover ~ label:before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  color: #f5d34c;
}
#brokers-page .filters-container > ul ul .filter-ratings .ratings .stars-active:before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  color: #f5d34c;
}
#brokers-page .filters-container > ul ul .sort-by {
  width: 270px;
}
#brokers-page .filters-container > ul ul .sort-by input[type=radio] {
  display: none;
}
#brokers-page .filters-container > ul ul .sort-by input[type=radio]:checked + label {
  color: #aed050;
}
#brokers-page .filters-container > ul ul .sort-by input[type=radio]:checked + label:hover {
  opacity: 0.8;
}
#brokers-page .filters-container > ul ul .sort-by label {
  font-weight: normal;
  cursor: pointer;
  padding: 20px 0;
  display: block;
}
#brokers-page .filters-container > ul ul .sort-by label:hover {
  opacity: 0.8;
}
#brokers-page .filters-container > ul ul .sort-by label:first-of-type {
  padding-top: 0;
}
#brokers-page .filters-container > ul ul .filter-more h3 {
  margin-top: 20px;
}
#brokers-page .filters-container > ul ul .filter-more h3:first-of-type {
  margin-top: 0;
}
#brokers-page .filters-container > ul ul .filter-more .form-row {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
#brokers-page .search-container input {
  border: none;
  padding: 18px 20px 19px 65px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
#brokers-page .search-container input:focus {
  outline: none;
  -webkit-box-shadow: inset 0px -3px 0px 0px #adcf50;
  -moz-box-shadow: inset 0px -3px 0px 0px #adcf50;
  box-shadow: inset 0px -3px 0px 0px #adcf50;
}
#brokers-page .search-container input:hover {
  outline: none;
  -webkit-box-shadow: inset 0px -3px 0px 0px #adcf50;
  -moz-box-shadow: inset 0px -3px 0px 0px #adcf50;
  box-shadow: inset 0px -3px 0px 0px #adcf50;
}
#brokers-page .search-container label {
  display: inline !important;
  position: relative;
}
#brokers-page .search-container label:before {
  color: #ccc;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  top: 4px;
  left: 40px;
}
#brokers-page .labels {
  position: relative;
}
#brokers-page .labels > p {
  color: #a7b0b2;
  display: inline-block;
  font-size: 14px;
  width: 50%;
}
#brokers-page .labels > p a {
  color: #65bfe7;
  text-decoration: underline;
}
#brokers-page .labels .lvl-changer-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 30px;
  width: 415px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #d3d4d6;
  background-color: white;
  z-index: 999;
}
#brokers-page .labels .lvl-changer-dropdown a {
  display: block;
  padding: 10px 20px 10px 50px;
}
#brokers-page .labels .lvl-changer-dropdown a:hover {
  background-color: #F7F7F7;
}
#brokers-page .labels .lvl-changer-dropdown .active {
  background-color: #f5f8fa;
}
#brokers-page .labels .lvl-changer-dropdown .active em {
  color: #aed050;
  font-weight: bold;
}
#brokers-page .labels .lvl-changer-dropdown p {
  display: inline-block;
  width: 40%;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
}
#brokers-page .labels .lvl-changer-dropdown p:nth-of-type(1) {
  width: 60%;
}
#brokers-page .labels .lvl-changer-dropdown p:first-of-type:before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  left: -30px;
  top: 10px;
  font-size: 11px;
}
#brokers-page .labels .lvl-changer-dropdown em {
  display: block;
  padding-bottom: 4px;
}
#brokers-page .labels .lvl-changer-dropdown span {
  display: block;
  color: #a7b0b2;
}
#brokers-page .labels .lvl-changer-dropdown strong {
  display: block;
  padding-bottom: 3px;
}
#brokers-page .labels .lvl-changer-dropdown small {
  display: block;
  color: #a7b0b2;
  font-size: 12px;
}
#brokers-page .labels .lvl-changer-dropdown .color-bronze-before:before {
  color: #CD7D30;
}
#brokers-page .labels .lvl-changer-dropdown .color-silver-before:before {
  color: #838997;
}
#brokers-page .labels .lvl-changer-dropdown .color-gold-before:before {
  color: #FFBF00;
}
#brokers-page .labels .lvl-changer-dropdown .color-platinum-before:before {
  color: #41a1b7;
}
#brokers-page .labels .lvl-changer-dropdown .color-diamond-before:before {
  color: #32bd8a;
}
#brokers-page .labels .lvl-changer-dropdown .color-master-before:before {
  color: #fa6585;
}
#brokers-page .brokers-list {
  margin-top: 80px;
  margin-bottom: 80px;
}
#brokers-page .brokers-list .is-light {
  opacity: 0.5;
}
#brokers-page .broker-container:first-of-type {
  border-top: 1px solid #e5edf3;
}
#brokers-page .broker-container {
  border-bottom: 1px solid #e5edf3;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 30px 0;
}
#brokers-page .broker-container.featured {
  background: #f0f9fe;
  width: 1100px;
  margin-left: -50px;
  padding: 30px 50px;
  box-sizing: border-box;
  border-top: 1px solid #e5edf3;
  top: -1px;
  position: relative;
}
#brokers-page .broker-container.featured .img-container p {
  background: white;
}
#brokers-page .broker-container.featured .btn-container a {
  background: #aed050;
}
#brokers-page .broker-container .container-right {
  display: inline-block;
  vertical-align: top;
}
#brokers-page .broker-container .img-container {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: inline-block;
  width: 100px;
  overflow: hidden;
}
#brokers-page .broker-container .img-container img {
  display: block;
}
#brokers-page .broker-container .img-container p {
  color: #a7b0b2;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #ddd;
}
#brokers-page .broker-container .labels {
  display: inline-block;
  margin-left: 35px;
  max-height: 100px;
  vertical-align: top;
  width: 250px;
}
#brokers-page .broker-container .labels a {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #65bfe7;
}
#brokers-page .broker-container .labels small {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}
#brokers-page .broker-container .labels span {
  display: block;
}
#brokers-page .broker-container .cb-rates-container {
  display: inline-block;
  vertical-align: top;
  width: 390px;
}
#brokers-page .broker-container .cb-rates-container small {
  display: block;
  color: #a7b0b2;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#brokers-page .broker-container .cb-rates-container small a {
  color: #65bfe7;
  text-decoration: underline;
}
#brokers-page .broker-container .cb-rates-container ul li {
  font-size: 14px;
  line-height: 1.4em;
  display: block;
  margin-bottom: 4px;
}
#brokers-page .broker-container .cb-rates-container ul li:last-of-type {
  margin-bottom: 0;
}
#brokers-page .broker-container .btn-container {
  display: inline-block;
  margin-left: 18px;
  max-height: 100px;
  vertical-align: top;
}
#brokers-page .broker-container .btn-container a {
  background-color: #65bfe7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: white;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 20px 45px;
  margin-bottom: 15px;
}
#brokers-page .broker-container .btn-container small {
  color: #748183;
  display: block;
  font-size: 13px;
  text-align: center;
}
#brokers-page .broker-container .filters {
  color: #d3d4d6;
  font-size: 14px;
  margin-top: 15px;
  margin-left: 35px;
}
#brokers-page .broker-container .filters ul li {
  display: inline;
}
#brokers-page .broker-container .filters ul li .fa {
  color: #aed050;
}
#brokers-page .broker-container .filters ul li:before {
  color: #748183;
  content: "•";
  padding: 0 15px;
}
#brokers-page .broker-container .filters ul li:first-child:before {
  content: "";
}
#brokers-page .broker-container .filters ul .true {
  color: #748183;
}
#brokers-page .broker-container .container-bottom {
  margin-top: 30px;
}
#brokers-page .broker-container .container-bottom span {
  font-size: 13px;
  margin-right: 55px;
}
#brokers-page .broker-container .container-bottom span img {
  vertical-align: bottom;
}

/* --------------------------------------------------------
--------------------BASIC STYLES---------------------------
-------------------------------------------------------- */
a.text_default {
  color: #aed050;
  text-decoration: none;
}
a.text_default:hover {
  opacity: 0.8;
}

.color-green, .color-cbc-green {
  color: #aed050;
}

.color-blue, .color-forex-blue {
  color: #40cedf;
}

.color-crypto {
  color: #0DB77B;
}

.color-orange, .color-binary-orange {
  color: #f39127;
}

.color-ewallet-purple {
  color: #b567f7;
}

.color-poker-blue {
  color: #484e8d;
}

.color-dgreen {
  color: #78A300;
}

.color-red {
  color: #f57f7f;
}

.color-dgray {
  color: #7b8587;
}

.color-mdgray {
  color: #abb9bc;
}

.color-mgray {
  color: #ddd;
}

.color-lgray {
  color: #F7F7F7;
}

.color-bronze {
  color: #CD7D30;
}

.color-silver {
  color: #838997;
}

.color-gold {
  color: #FFBF00;
}

.color-platinum {
  color: #41a1b7;
}

.color-diamond {
  color: #32bd8a;
}

.color-master {
  color: #fa6585;
}

.color-purple {
  color: #ce3f90;
}

.color-blood {
  color: #ef4545;
}

.color-white {
  color: white;
}

.color-black {
  color: black;
}

.bg-green, .bg-cbc-green {
  background: #aed050;
}

.bg-crypto {
  background: #0DB77B;
}

.bg-blue, .bg-forex-blue {
  background: #40cedf;
}

.bg-orange, .bg-binary-orange {
  background: #f39127;
}

.bg-ewallet-purple {
  background: #b567f7;
}

.bg-blue {
  background: #40cedf;
}

.bg-poker-blue {
  background: #484e8d;
}

.bg-red {
  background: #f57f7f;
}

.bg-yellow {
  background: #f5d34c;
}

.bg-basic {
  background: #7b8587;
}

.bg-bronze {
  background: #CD7D30;
}

.bg-silver {
  background: #838997;
}

.bg-gold {
  background: #FFBF00;
}

.bg-platinum {
  background: #41a1b7;
}

.bg-diamond {
  background: #32bd8a;
}

.bg-master {
  background: #fa6585;
}

.color-silver {
  color: #838997;
}

.color-gold {
  color: #FFBF00;
}

.color-platinum {
  color: #41a1b7;
}

.color-diamond {
  color: #32bd8a;
}

.color-master {
  color: #fa6585;
}

.hover-opac {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-opac:hover {
  opacity: 0.8;
}

.margin-auto-horizontal {
  margin-left: auto;
  margin-right: auto;
}

.line-height-normal {
  line-height: normal;
}

.border-radius-default {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
.centered {
  display: table;
  margin: 0 auto;
}

.border-none {
  border: none !important;
}

body {
  background: #fff;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #394547;
  font-size: 16px;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

strong {
  font-weight: bold;
}

/* --------------------------------------------------------
---------------------   QTIP ------------------------------
-------------------------------------------------------- */
.qtip-tipsy {
  background: rgba(0, 0, 0, 0.8);
  font-weight: normal;
}
.qtip-tipsy a {
  color: white;
  text-decoration: underline;
}
.qtip-tipsy strong {
  font-weight: bold;
}

/* --------------------------------------------------------
---------------------   FOOTER ----------------------------
-------------------------------------------------------- */
footer {
  padding: 100px 0 70px 0;
}

/* --------------------------------------------------------
--------------------RESPONSIVE STUFF ----------------------
-------------------------------------------------------- */
@media screen and (max-width: 480px) {
  .might-be-interested {
    display: none;
  }

  .grid .col {
    margin: 1% 0 1% 0%;
  }
  .grid .col.span-1, .grid .col.span-2, .grid .col.span-3, .grid .col.span-4, .grid .col.span-5, .grid .col.span-6, .grid .col.span-7, .grid .col.span-8, .grid .col.span-9, .grid .col.span-10, .grid .col.span-11, .grid .col.span-12 {
    width: 100%;
  }

  /* --------------------------------------------------------
  ---------------FIRST USE TOUR POPUP -----------------------
  -------------------------------------------------------- */
  section#firstTour section#popup2 div#nameInput input {
    width: 70px;
  }

  section#firstTour section#popup2 div#titles #first, section#firstTour section#popup2 div#nameInput span#first {
    margin-left: 25px;
  }

  section#firstTour section#popup2 div#titles #last, section#firstTour section#popup2 div#nameInput span#last {
    margin-right: 25px;
  }

  section#firstTour section#popup2 div#username #username,
section#firstTour section#popup2 div#country #country,
section#firstTour section#popup2 div#usernameInput span#username,
section#firstTour section#popup2 div#countryInput span#country {
    margin-left: 25px;
  }

  section#firstTour section#popup2 div#usernameInput input,
section#firstTour section#popup2 div#countryInput select {
    width: 83%;
    margin: 0;
    box-sizing: border-box;
  }

  section#firstTour .step h4 {
    font-size: 20px;
  }

  section#firstTour .step.percentageStep div.percentage span {
    font-size: 32px;
  }

  section#firstTour .step.percentageStep div.percentage span#second {
    font-size: 33px;
  }

  section#firstTour section#popup5 img#figure1 {
    margin-top: 40px;
    width: 80%;
  }

  /* --------------------------------------------------------
  ---------------NEW ACCOUNT ADDITION POPUP -----------------
  -------------------------------------------------------- */
  .box > h3 {
    display: block;
    text-align: center;
  }

  .box > h3 a.secondary-cta {
    display: block;
    margin-top: 10px;
    text-align: center;
    float: none;
    margin-bottom: 20px;
  }

  /* --------------------------------------------------------
  ---------------NEW ACCOUNT ADDITION POPUP -----------------
  -------------------------------------------------------- */
  .fullPopup #aaSelect .stepContent {
    margin: 50px auto 0 auto;
    width: 80% !important;
  }
  .fullPopup #aaSelect .stepContent .oneClickSelect {
    width: 80%;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }

  /* --------------------------------------------------------
  ---------------rebate-and-cashback-system -----------------
  -------------------------------------------------------- */
  section#rebateSystem section#rebateGraph h2 {
    line-height: 1.5em;
  }

  /* --------------------------------------------------------
  ---------------/profile/history ---------------------------
  -------------------------------------------------------- */
  section#history ul li span {
    margin-top: 0px;
  }

  /* --------------------------------------------------------
  ---------------/profile/my-accounts -----------------------
  -------------------------------------------------------- */
  section.oneinfo#user_brokers ul li p {
    top: -50px;
  }

  nav ul li#addAccountLi {
    float: none;
  }

  /* --------------------------------------------------------
  ---------------HOW IT WORKS -------------------------------
  -------------------------------------------------------- */
  section#popup_how_it_works_container #popup_how_it_works {
    width: auto;
    margin: 130px 15px 0px 15px;
  }
  section#popup_how_it_works_container h1 {
    font-size: 18px;
  }
  section#popup_how_it_works_container #videoPlayer {
    width: auto;
  }
  section#popup_how_it_works_container ul li {
    width: auto;
    margin: 0px 0px 35px 10px;
  }

  /* --------------------------------------------------------
  ---------------NEW INDEX PAGES-----------------------------
  -------------------------------------------------------- */
  .index_fold_content, .index_fold_brokers {
    width: 100%;
    margin: 0 auto;
    float: none;
  }

  .index_fold_content {
    padding: 50px 0;
  }

  .index_fold_brokers {
    padding: 0 0 70px 0;
    text-align: left;
  }
}
.introjs-helperNumberLayer {
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
}

@media (max-width: 767px) {
  #brokers-page .filters-container ul > div {
    width: 100% !important;
  }
  #brokers-page .filters-container ul li {
    display: block !important;
    border: 1px solid #d3d4d6;
    margin-bottom: 10px;
  }
  #brokers-page .filters-container ul li ul {
    box-sizing: border-box;
    top: inherit;
    width: 100%;
  }
  #brokers-page .filters-container .filter-ratings em {
    display: block;
    float: none !important;
    margin-bottom: 5px;
  }
  #brokers-page .filters-container .filter-ratings .ratings {
    float: none !important;
  }
  #brokers-page .filters-container .filter-more .form-row {
    width: 49% !important;
  }
  #brokers-page .labels {
    margin: 30px 0 0 0;
  }
  #brokers-page .labels .lvl-changer-dropdown {
    top: 65px;
    width: 100%;
  }
  #brokers-page .labels > p {
    display: block;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
  }
  #brokers-page .brokers-list {
    margin-top: 40px;
  }
  #brokers-page .brokers-list .broker-container {
    margin-left: 0;
    width: 100%;
  }
  #brokers-page .brokers-list .featured {
    padding: 30px 0;
  }
  #brokers-page .brokers-list .img-container {
    display: block;
    margin: 0 auto;
  }
  #brokers-page .brokers-list .container-right {
    text-align: center;
    width: 100%;
  }
  #brokers-page .brokers-list .container-right .labels {
    display: block;
    margin-left: 0;
    margin-top: 15px;
    text-align: center;
    width: 100%;
  }
  #brokers-page .brokers-list .container-right .cb-rates-container {
    display: block;
    margin-left: 0;
    width: 100%;
    max-height: none;
  }
  #brokers-page .brokers-list .container-right .cb-rates-container small {
    margin-top: 20px;
  }
  #brokers-page .brokers-list .container-right .cb-rates-container li {
    display: block;
    margin-bottom: 5px;
  }
  #brokers-page .brokers-list .container-right .cb-rates-container li:before {
    content: "";
    padding: 0;
  }
  #brokers-page .brokers-list .container-right .btn-container {
    display: block;
    margin: 15px 0 0 0;
    text-align: center;
  }
  #brokers-page .brokers-list .container-right .filters {
    margin-left: 0;
    margin-top: 25px;
  }
  #brokers-page .brokers-list .container-right .filters ul li {
    display: block;
    margin-bottom: 10px;
  }
  #brokers-page .brokers-list .container-right .filters ul li:before {
    content: "";
    padding: 0;
  }
  #brokers-page .brokers-list .container-bottom {
    margin-top: 20px;
    text-align: center;
  }
  #brokers-page .brokers-list .container-bottom span {
    margin-right: 0;
  }
}
#popup_visited_broker {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  padding: 70px 120px 55px;
  display: inline-block;
  background: #FFFFFF;
  border-radius: 8px;
  text-align: center;
}
#popup_visited_broker * {
  margin: 0px auto;
}
#popup_visited_broker img {
  width: 92px;
  height: 92px;
}
#popup_visited_broker h3 {
  margin-top: 47px;
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  max-width: 323px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#popup_visited_broker p {
  margin-top: 34px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #666666;
  max-width: 347px;
  line-height: 22px;
  letter-spacing: 0px;
}
#popup_visited_broker a {
  display: inline-block;
  margin-top: 52px;
  background: #AED050;
  border-radius: 4px;
  padding: 17px 74px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: Bold;
  font-size: 14px;
  color: #FFFFFF;
}
#popup_visited_broker a:hover {
  opacity: 0.7;
}
#popup_visited_broker footer {
  padding: 0px;
}
#popup_visited_broker footer p {
  margin-top: 15px;
  font-size: 13px;
  color: #999999;
}

.popup .might-be-interested {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 3px solid #a8ce3f;
}

.broker-node {
  padding: 5px 20px 10px 0;
}
.broker-node img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  vertical-align: bottom;
  border-radius: 4px;
}
.broker-node .right {
  margin-top: 10px;
  margin-left: 15px;
  vertical-align: top;
  text-align: left;
  display: inline-block;
  padding-bottom: 5px;
}
.broker-node .right small {
  font-weight: normal;
  font-size: 12px;
}
.broker-node .right h5 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0px;
}
.broker-node .right h5 em {
  top: -5px;
}

.might-be-interested {
  position: fixed;
  bottom: 0px;
  left: 0;
  z-index: 1;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  background: #FFF;
  border-top: 5px solid #a8ce3f;
  padding: 15px;
}
.might-be-interested a:hover {
  opacity: 0.7;
}
.might-be-interested h4 {
  color: #7b8587;
  margin: 0px 20px 15px 0px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.might-be-interested .glyphicon {
  float: right;
  margin-left: 50px;
  font-size: 12px;
  color: #ddd;
}
.might-be-interested .glyphicon:hover {
  cursor: pointer;
}

.crypto_cashback_info, .esma_info {
  display: flex;
  align-items: center;
  background: #F99400;
  padding: 20px;
  color: white;
  line-height: 1.5em;
  text-align: left;
  font-size: 13px;
  margin-top: 20px;
}
.crypto_cashback_info h2, .esma_info h2 {
  font-weight: bold;
  margin-bottom: 10px;
}
.crypto_cashback_info img, .esma_info img {
  margin-left: 10px;
  width: 54px;
  height: 54px;
}
.crypto_cashback_info a, .esma_info a {
  text-decoration: underline;
}

.esma_info {
  background: #3a3c90;
}

.no-wrap {
  white-space: nowrap;
}

.similar_cashback_deals {
  margin-top: 15px;
}
.similar_cashback_deals h5 {
  margin: 0 !important;
}
.similar_cashback_deals img {
  width: 100px;
  height: 100px;
  border-radius: 4px;
  text-align: center;
  margin: 10px 0;
}
.similar_cashback_deals .rebate_info {
  color: #aed050;
  font-size: 13px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}
.similar_cashback_deals .small {
  font-size: 12px;
}
.similar_cashback_deals .stars {
  margin: 5px 0;
}
.similar_cashback_deals .stars i {
  font-size: 13px;
  width: 1em;
  text-align: left;
}
.similar_cashback_deals .deal-box:hover {
  opacity: 0.75;
}
.similar_cashback_deals .deal-box {
  display: table-cell;
  padding-left: 15px;
  max-width: 100px;
}

@media (min-width: 481px) {
  .col-md-20 {
    width: 20%;
    float: left;
  }
}
.horizontal-center-wrapper {
  text-align: center;
}

.horizontal-center-inner {
  display: inline-block;
}

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

.custom-btn {
  border: none;
  display: inline-block;
  background: #AED050;
  border-radius: 4px;
  padding: 17px 74px;
  font-weight: Bold;
  font-size: 14px;
  color: #FFFFFF;
  margin-bottom: 10px;
  transition: background 0.3s;
}

.custom-btn:hover {
  background: rgba(174, 208, 80, 0.75);
}

.cf-popup {
  color: #8f9cb5;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 2000;
}

.cf-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cf-popup-container {
  max-width: 450px;
  margin: 10em auto;
  background: #FFF;
  border-radius: 0.25em 0.25em 0.4em 0.4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.cf-popup-container h2 {
  font-weight: Bold;
  padding: 3em 1em 1em;
}
.cf-popup-container p {
  padding: 1em;
  font-size: 12px;
}
.cf-popup-container p i {
  margin-right: 5px;
}

.cf-popup-close {
  float: right;
  margin: 5px;
}

.cf-popup-close:hover {
  cursor: pointer;
}

@media only screen and (min-width: 1170px) {
  .cf-popup-container {
    margin: 8em auto;
  }
}
.re-activate-account-btn {
  background: #aed050;
  font-size: 12px;
  border: none;
}

.delete_account h3 {
  font-size: 16px;
}
.delete_account h3, .delete_account p {
  margin: 15px 0px;
}
.delete_account .resend {
  margin-left: 10px;
  color: #6b8000;
}
.delete_account .btn-holder {
  margin: 20px;
  margin-bottom: 2px;
}
.delete_account ul {
  display: block;
  list-style-type: square;
  list-style: initial;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
.delete_account ul li {
  margin: 5px 0;
}
.delete_account .warning {
  color: #e65518;
}
.delete_account button span {
  margin-right: 5px;
}

.fromApp section .brokerLogo {
  display: block;
  margin-left: 30px;
}
.fromApp section .get_a_quote {
  display: none;
}
.fromApp section .bi_cbc_rating {
  margin-top: 30px;
}
.fromApp section .nav_container {
  display: none;
}
.fromApp section.fold {
  margin-top: 0px;
}
.fromApp .might-be-interested {
  display: none !important;
}
.fromApp .mobileJumpToProfile {
  display: none;
}
.fromApp .zopim {
  display: none;
}
.fromApp footer {
  display: none;
}

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