@charset "UTF-8";
@font-face {
  font-family: rb-icons;
  font-weight: 400;
  font-style: normal;
  src: url(fonts/rb-icons.eot);
  src: url(fonts/rb-icons.eot?#iefix) format("embedded-opentype"), url(fonts/rb-icons.ttf) format("truetype"), url(fonts/rb-icons.woff) format("woff"), url(fonts/rb-icons.svg) format("svg"); }

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

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

@font-face {
  font-family: Futura PT;
  font-weight: 400;
  font-style: normal;
  src: url(fonts/futura-pt-regular.eot);
  src: url(fonts/futura-pt-regular.eot?#iefix) format("embedded-opentype"), url(fonts/futura-pt-regular.ttf) format("truetype"), url(fonts/futura-pt-regular.woff) format("woff"), url(fonts/futura-pt-regular.woff2) format("woff2"); }

@font-face {
  font-family: Futura PT;
  font-weight: 900;
  font-style: normal;
  src: url(fonts/futura-pt-heavy.eot);
  src: url(fonts/futura-pt-heavy.eot?#iefix) format("embedded-opentype"), url(fonts/futura-pt-heavy.ttf) format("truetype"), url(fonts/futura-pt-heavy.woff) format("woff"), url(fonts/futura-pt-heavy.woff2) format("woff2"); }

@font-face {
  font-family: Proxima N;
  font-weight: 300;
  font-style: normal;
  src: url(fonts/proxima-nova-light.eot);
  src: url(fonts/proxima-nova-light.eot?#iefix) format("embedded-opentype"), url(fonts/proxima-nova-light.ttf) format("truetype"), url(fonts/proxima-nova-light.woff) format("woff"), url(fonts/proxima-nova-light.woff2) format("woff2"); }

@font-face {
  font-family: Proxima N;
  font-weight: 500;
  font-style: normal;
  src: url(fonts/proxima-nova-regular.eot);
  src: url(fonts/proxima-nova-regular.eot?#iefix) format("embedded-opentype"), url(fonts/proxima-nova-regular.ttf) format("truetype"), url(fonts/proxima-nova-regular.woff) format("woff"), url(fonts/proxima-nova-regular.woff2) format("woff2"); }

@font-face {
  font-family: Proxima N;
  font-weight: 600;
  font-style: normal;
  src: url(fonts/proxima-nova-semibold.eot);
  src: url(fonts/proxima-nova-semibold.eot?#iefix) format("embedded-opentype"), url(fonts/proxima-nova-semibold.ttf) format("truetype"), url(fonts/proxima-nova-semibold.woff) format("woff"), url(fonts/proxima-nova-semibold.woff2) format("woff2"); }

@font-face {
  font-family: Proxima N;
  font-weight: 700;
  font-style: normal;
  src: url(fonts/proxima-nova-bold.eot);
  src: url(fonts/proxima-nova-bold.eot?#iefix) format("embedded-opentype"), url(fonts/proxima-nova-bold.ttf) format("truetype"), url(fonts/proxima-nova-bold.woff) format("woff"), url(fonts/proxima-nova-bold.woff2) format("woff2"); }

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

.strix, body.strix {
  /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
  padding: 0;
  margin: 0;
  overflow-x: hidden; }

.strix html, body.strix html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

.strix body, body.strix body {
  margin: 0; }

.strix article, .strix aside, .strix footer, .strix header, .strix nav, .strix section, body.strix article, body.strix aside, body.strix footer, body.strix header, body.strix nav, body.strix section {
  display: block; }

.strix h1, body.strix h1 {
  font-size: 2em;
  margin: .67em 0; }

.strix figcaption, .strix figure, .strix main, body.strix figcaption, body.strix figure, body.strix main {
  display: block; }

.strix figure, body.strix figure {
  margin: 1em 40px; }

.strix hr, body.strix hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

.strix pre, body.strix pre {
  font-family: monospace,monospace;
  font-size: 1em; }

.strix a, body.strix a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

.strix a:active, .strix a:hover, body.strix a:active, body.strix a:hover {
  outline-width: 0; }

.strix abbr[title], body.strix abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

.strix b, .strix strong, body.strix b, body.strix strong {
  font-weight: inherit; }

.strix b, .strix strong, body.strix b, body.strix strong {
  font-weight: bolder; }

.strix code, .strix kbd, .strix samp, body.strix code, body.strix kbd, body.strix samp {
  font-family: monospace,monospace;
  font-size: 1em; }

.strix dfn, body.strix dfn {
  font-style: italic; }

.strix mark, body.strix mark {
  background-color: #ff0;
  color: #000; }

.strix small, body.strix small {
  font-size: 80%; }

.strix sub, .strix sup, body.strix sub, body.strix sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

.strix sub, body.strix sub {
  bottom: -.25em; }

.strix sup, body.strix sup {
  top: -.5em; }

.strix audio, .strix video, body.strix audio, body.strix video {
  display: inline-block; }

.strix audio:not([controls]), body.strix audio:not([controls]) {
  display: none;
  height: 0; }

.strix img, body.strix img {
  border-style: none; }

.strix svg:not(:root), body.strix svg:not(:root) {
  overflow: hidden; }

.strix button, .strix input, .strix optgroup, .strix select, .strix textarea, body.strix button, body.strix input, body.strix optgroup, body.strix select, body.strix textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

.strix button, .strix input, body.strix button, body.strix input {
  overflow: visible; }

.strix button, .strix select, body.strix button, body.strix select {
  text-transform: none; }

.strix [type=reset], .strix [type=submit], .strix button, .strix html [type=button], body.strix [type=reset], body.strix [type=submit], body.strix button, body.strix html [type=button] {
  -webkit-appearance: button; }

.strix [type=button]::-moz-focus-inner, .strix [type=reset]::-moz-focus-inner, .strix [type=submit]::-moz-focus-inner, .strix button::-moz-focus-inner, body.strix [type=button]::-moz-focus-inner, body.strix [type=reset]::-moz-focus-inner, body.strix [type=submit]::-moz-focus-inner, body.strix button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

.strix [type=button]:-moz-focusring, .strix [type=reset]:-moz-focusring, .strix [type=submit]:-moz-focusring, .strix button:-moz-focusring, body.strix [type=button]:-moz-focusring, body.strix [type=reset]:-moz-focusring, body.strix [type=submit]:-moz-focusring, body.strix button:-moz-focusring {
  outline: 1px dotted ButtonText; }

.strix fieldset, body.strix fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

.strix legend, body.strix legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

.strix progress, body.strix progress {
  display: inline-block;
  vertical-align: baseline; }

.strix textarea, body.strix textarea {
  overflow: auto; }

.strix [type=checkbox], .strix [type=radio], body.strix [type=checkbox], body.strix [type=radio] {
  box-sizing: border-box;
  padding: 0; }

.strix [type=number]::-webkit-inner-spin-button, .strix [type=number]::-webkit-outer-spin-button, body.strix [type=number]::-webkit-inner-spin-button, body.strix [type=number]::-webkit-outer-spin-button {
  height: auto; }

.strix [type=search], body.strix [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

.strix [type=search]::-webkit-search-cancel-button, .strix [type=search]::-webkit-search-decoration, body.strix [type=search]::-webkit-search-cancel-button, body.strix [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

.strix ::-webkit-file-upload-button, body.strix ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

.strix details, .strix menu, body.strix details, body.strix menu {
  display: block; }

.strix summary, body.strix summary {
  display: list-item; }

.strix canvas, body.strix canvas {
  display: inline-block; }

.strix template, body.strix template {
  display: none; }

.strix [hidden], body.strix [hidden] {
  display: none; }

@font-face {
  src: url(fonts/rb-icons.eot);
  src: url(fonts/rb-icons.eot#iefix) format("embedded-opentype"), url(fonts/rb-icons.ttf) format("truetype"), url(fonts/rb-icons.woff) format("woff"), url(fonts/rb-icons.svg#rb-icons) format("svg");
  font-weight: 400;
  font-style: normal; }

.strix .inline-icon {
  speak: none;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.strix .inline-icon.rb-icons, body.strix .inline-icon.rb-icons {
  font-family: rb-icons, Verdana, Arial, Helvetica, sans-serif !important; }

.strix .inline-icon.fontawesome, body.strix .inline-icon.fontawesome {
  font-family: fontawesome, Verdana, Arial, Helvetica, sans-serif !important; }

.strix .icon:before, body.strix .icon:before {
  content: " ";
  display: block;
  text-align: center; }

.strix .icon--agent:before, body.strix .icon--agent:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600"; }

.strix .icon--arrow1-down:before, body.strix .icon--arrow1-down:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601"; }

.strix .icon--arrow1-left:before, body.strix .icon--arrow1-left:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602"; }

.strix .icon--arrow1-right:before, body.strix .icon--arrow1-right:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603"; }

.strix .icon--arrow1-up:before, body.strix .icon--arrow1-up:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604"; }

.strix .icon--arrow2-down:before, body.strix .icon--arrow2-down:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e661"; }

.strix .icon--arrow2-left:before, body.strix .icon--arrow2-left:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e606"; }

.strix .icon--arrow2-right:before, body.strix .icon--arrow2-right:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e607"; }

.strix .icon--arrow2-up:before, body.strix .icon--arrow2-up:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e608"; }

.strix .icon--assist:before, body.strix .icon--assist:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e609"; }

.strix .icon--atm:before, body.strix .icon--atm:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60a"; }

.strix .icon--badge:before, body.strix .icon--badge:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b"; }

.strix .icon--bank:before, body.strix .icon--bank:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60c"; }

.strix .icon--bulb:before, body.strix .icon--bulb:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60d"; }

.strix .icon--buildings:before, body.strix .icon--buildings:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e"; }

.strix .icon--calendar:before, body.strix .icon--calendar:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60f"; }

.strix .icon--calendar2:before, body.strix .icon--calendar2:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610"; }

.strix .icon--card:before, body.strix .icon--card:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611"; }

.strix .icon--cards:before, body.strix .icon--cards:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612"; }

.strix .icon--case:before, body.strix .icon--case:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613"; }

.strix .icon--check:before, body.strix .icon--check:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e614"; }

.strix .icon--clock:before, body.strix .icon--clock:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e615"; }

.strix .icon--earth:before, body.strix .icon--earth:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e616"; }

.strix .icon--file:before, body.strix .icon--file:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e617"; }

.strix .icon--folder:before, body.strix .icon--folder:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e618"; }

.strix .icon--graph:before, body.strix .icon--graph:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e619"; }

.strix .icon--headset:before, body.strix .icon--headset:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61a"; }

.strix .icon--home:before, body.strix .icon--home:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61b"; }

.strix .icon--home2:before, body.strix .icon--home2:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61c"; }

.strix .icon--home3:before, body.strix .icon--home3:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61d"; }

.strix .icon--info:before, body.strix .icon--info:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61e"; }

.strix .icon--key:before, body.strix .icon--key:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61f"; }

.strix .icon--like:before, body.strix .icon--like:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e620"; }

.strix .icon--loan:before, body.strix .icon--loan:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e621"; }

.strix .icon--lock:before, body.strix .icon--lock:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e622"; }

.strix .icon--loupe:before, body.strix .icon--loupe:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e623"; }

.strix .icon--mail:before, body.strix .icon--mail:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e624"; }

.strix .icon--mobile:before, body.strix .icon--mobile:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e625"; }

.strix .icon--office:before, body.strix .icon--office:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e626"; }

.strix .icon--pdf:before, body.strix .icon--pdf:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e627"; }

.strix .icon--phone:before, body.strix .icon--phone:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e628"; }

.strix .icon--phone1:before, body.strix .icon--phone1:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e629"; }

.strix .icon--pig:before, body.strix .icon--pig:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62b"; }

.strix .icon--pin:before, body.strix .icon--pin:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62c"; }

.strix .icon--shield:before, body.strix .icon--shield:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62d"; }

.strix .icon--time:before, body.strix .icon--time:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62e"; }

.strix .icon--user:before, body.strix .icon--user:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62f"; }

.strix .icon--wallet:before, body.strix .icon--wallet:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e630"; }

.strix .icon--menu:before, body.strix .icon--menu:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e632"; }

.strix .icon--close:before, body.strix .icon--close:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e631"; }

.strix .icon--collapse:before, body.strix .icon--collapse:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e633"; }

.strix .icon--01:before, body.strix .icon--01:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62b"; }

.strix .icon--02:before, body.strix .icon--02:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e619"; }

.strix .icon--03:before, body.strix .icon--03:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e626"; }

.strix .icon--04:before, body.strix .icon--04:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601"; }

.strix .icon--05:before, body.strix .icon--05:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60d"; }

.strix .icon--06:before, body.strix .icon--06:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62c"; }

.strix .icon--07:before, body.strix .icon--07:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61c"; }

.strix .icon--08:before, body.strix .icon--08:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e632"; }

.strix .icon--09:before, body.strix .icon--09:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e615"; }

.strix .icon--10:before, body.strix .icon--10:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b"; }

.strix .icon--11:before, body.strix .icon--11:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60f"; }

.strix .icon--12:before, body.strix .icon--12:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604"; }

.strix .icon--13:before, body.strix .icon--13:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61b"; }

.strix .icon--14:before, body.strix .icon--14:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e"; }

.strix .icon--15:before, body.strix .icon--15:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605"; }

.strix .icon--16:before, body.strix .icon--16:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e606"; }

.strix .icon--17:before, body.strix .icon--17:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e617"; }

.strix .icon--18:before, body.strix .icon--18:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e630"; }

.strix .icon--19:before, body.strix .icon--19:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e616"; }

.strix .icon--20:before, body.strix .icon--20:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610"; }

.strix .icon--21:before, body.strix .icon--21:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e624"; }

.strix .icon--22:before, body.strix .icon--22:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e623"; }

.strix .icon--23:before, body.strix .icon--23:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62a"; }

.strix .icon--24:before, body.strix .icon--24:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61d"; }

.strix .icon--25:before, body.strix .icon--25:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62f"; }

.strix .icon--26:before, body.strix .icon--26:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e607"; }

.strix .icon--27:before, body.strix .icon--27:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e618"; }

.strix .icon--29:before, body.strix .icon--29:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e621"; }

.strix .icon--30:before, body.strix .icon--30:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e622"; }

.strix .icon--31:before, body.strix .icon--31:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60a"; }

.strix .icon--32:before, body.strix .icon--32:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603"; }

.strix .icon--33:before, body.strix .icon--33:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e634"; }

.strix .icon--34:before, body.strix .icon--34:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62d"; }

.strix .icon--35:before, body.strix .icon--35:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61a"; }

.strix .icon--36:before, body.strix .icon--36:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612"; }

.strix .icon--37:before, body.strix .icon--37:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e636"; }

.strix .icon--38:before, body.strix .icon--38:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61f"; }

.strix .icon--39:before, body.strix .icon--39:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e627"; }

.strix .icon--40:before, body.strix .icon--40:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e620"; }

.strix .icon--41:before, body.strix .icon--41:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602"; }

.strix .icon--42:before, body.strix .icon--42:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62e"; }

.strix .icon--43:before, body.strix .icon--43:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611"; }

.strix .icon--44:before, body.strix .icon--44:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e631"; }

.strix .icon--45:before, body.strix .icon--45:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e628"; }

.strix .icon--46:before, body.strix .icon--46:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e635"; }

.strix .icon--47:before, body.strix .icon--47:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61e"; }

.strix .icon--48:before, body.strix .icon--48:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e614"; }

.strix .icon--49:before, body.strix .icon--49:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e633"; }

.strix .icon--50:before, body.strix .icon--50:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60c"; }

.strix .icon--51:before, body.strix .icon--51:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e609"; }

.strix .icon--52:before, body.strix .icon--52:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e629"; }

.strix .icon--53:before, body.strix .icon--53:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e625"; }

.strix .icon--54:before, body.strix .icon--54:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e608"; }

.strix .icon--55:before, body.strix .icon--55:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600"; }

.strix .icon--56:before, body.strix .icon--56:before {
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613"; }

.strix .icomoon, .strix [class*=" rb-icon-"], .strix [class^=rb-icon-], body.strix .icomoon, body.strix [class*=" rb-icon-"], body.strix [class^=rb-icon-] {
  font-family: rb-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.strix .rb-icon-uniE600:before, body.strix .rb-icon-uniE600:before {
  content: "\e600"; }

.strix .rb-icon-uniE601:before, body.strix .rb-icon-uniE601:before {
  content: "\e601"; }

.strix .rb-icon-uniE602:before, body.strix .rb-icon-uniE602:before {
  content: "\e602"; }

.strix .rb-icon-uniE603:before, body.strix .rb-icon-uniE603:before {
  content: "\e603"; }

.strix .rb-icon-uniE604:before, body.strix .rb-icon-uniE604:before {
  content: "\e604"; }

.strix .rb-icon-uniE605:before, body.strix .rb-icon-uniE605:before {
  content: "\e605"; }

.strix .rb-icon-uniE606:before, body.strix .rb-icon-uniE606:before {
  content: "\e606"; }

.strix .rb-icon-uniE607:before, body.strix .rb-icon-uniE607:before {
  content: "\e607"; }

.strix .rb-icon-uniE608:before, body.strix .rb-icon-uniE608:before {
  content: "\e608"; }

.strix .rb-icon-uniE609:before, body.strix .rb-icon-uniE609:before {
  content: "\e609"; }

.strix .rb-icon-uniE60A:before, body.strix .rb-icon-uniE60A:before {
  content: "\e60a"; }

.strix .rb-icon-uniE60B:before, body.strix .rb-icon-uniE60B:before {
  content: "\e60b"; }

.strix .rb-icon-uniE60C:before, body.strix .rb-icon-uniE60C:before {
  content: "\e60c"; }

.strix .rb-icon-uniE60D:before, body.strix .rb-icon-uniE60D:before {
  content: "\e60d"; }

.strix .rb-icon-uniE60E:before, body.strix .rb-icon-uniE60E:before {
  content: "\e60e"; }

.strix .rb-icon-uniE60F:before, body.strix .rb-icon-uniE60F:before {
  content: "\e60f"; }

.strix .rb-icon-uniE610:before, body.strix .rb-icon-uniE610:before {
  content: "\e610"; }

.strix .rb-icon-uniE611:before, body.strix .rb-icon-uniE611:before {
  content: "\e611"; }

.strix .rb-icon-uniE612:before, body.strix .rb-icon-uniE612:before {
  content: "\e612"; }

.strix .rb-icon-uniE613:before, body.strix .rb-icon-uniE613:before {
  content: "\e613"; }

.strix .rb-icon-uniE614:before, body.strix .rb-icon-uniE614:before {
  content: "\e614"; }

.strix .rb-icon-uniE615:before, body.strix .rb-icon-uniE615:before {
  content: "\e615"; }

.strix .rb-icon-uniE616:before, body.strix .rb-icon-uniE616:before {
  content: "\e616"; }

.strix .rb-icon-uniE617:before, body.strix .rb-icon-uniE617:before {
  content: "\e617"; }

.strix .rb-icon-uniE618:before, body.strix .rb-icon-uniE618:before {
  content: "\e618"; }

.strix .rb-icon-uniE619:before, body.strix .rb-icon-uniE619:before {
  content: "\e619"; }

.strix .rb-icon-uniE61A:before, body.strix .rb-icon-uniE61A:before {
  content: "\e61a"; }

.strix .rb-icon-uniE61B:before, body.strix .rb-icon-uniE61B:before {
  content: "\e61b"; }

.strix .rb-icon-uniE61C:before, body.strix .rb-icon-uniE61C:before {
  content: "\e61c"; }

.strix .rb-icon-uniE61D:before, body.strix .rb-icon-uniE61D:before {
  content: "\e61d"; }

.strix .rb-icon-uniE61E:before, body.strix .rb-icon-uniE61E:before {
  content: "\e61e"; }

.strix .rb-icon-uniE61F:before, body.strix .rb-icon-uniE61F:before {
  content: "\e61f"; }

.strix .rb-icon-uniE620:before, body.strix .rb-icon-uniE620:before {
  content: "\e620"; }

.strix .rb-icon-uniE621:before, body.strix .rb-icon-uniE621:before {
  content: "\e621"; }

.strix .rb-icon-uniE622:before, body.strix .rb-icon-uniE622:before {
  content: "\e622"; }

.strix .rb-icon-uniE623:before, body.strix .rb-icon-uniE623:before {
  content: "\e623"; }

.strix .rb-icon-uniE624:before, body.strix .rb-icon-uniE624:before {
  content: "\e624"; }

.strix .rb-icon-uniE625:before, body.strix .rb-icon-uniE625:before {
  content: "\e625"; }

.strix .rb-icon-uniE626:before, body.strix .rb-icon-uniE626:before {
  content: "\e626"; }

.strix .rb-icon-uniE627:before, body.strix .rb-icon-uniE627:before {
  content: "\e627"; }

.strix .rb-icon-uniE628:before, body.strix .rb-icon-uniE628:before {
  content: "\e628"; }

.strix .rb-icon-uniE629:before, body.strix .rb-icon-uniE629:before {
  content: "\e629"; }

.strix .rb-icon-uniE62A:before, body.strix .rb-icon-uniE62A:before {
  content: "\e62a"; }

.strix .rb-icon-uniE62B:before, body.strix .rb-icon-uniE62B:before {
  content: "\e62b"; }

.strix .rb-icon-uniE62C:before, body.strix .rb-icon-uniE62C:before {
  content: "\e62c"; }

.strix .rb-icon-uniE62D:before, body.strix .rb-icon-uniE62D:before {
  content: "\e62d"; }

.strix .rb-icon-uniE62E:before, body.strix .rb-icon-uniE62E:before {
  content: "\e62e"; }

.strix .rb-icon-uniE62F:before, body.strix .rb-icon-uniE62F:before {
  content: "\e62f"; }

.strix .rb-icon-uniE630:before, body.strix .rb-icon-uniE630:before {
  content: "\e630"; }

.strix .rb-icon-uniE631:before, body.strix .rb-icon-uniE631:before {
  content: "\e631"; }

.strix .rb-icon-uniE632:before, body.strix .rb-icon-uniE632:before {
  content: "\e632"; }

.strix .rb-icon-uniE633:before, body.strix .rb-icon-uniE633:before {
  content: "\e633"; }

.strix .rb-icon-uniE634:before, body.strix .rb-icon-uniE634:before {
  content: "\e634"; }

.strix .rb-icon-uniE635:before, body.strix .rb-icon-uniE635:before {
  content: "\e635"; }

.strix .rb-icon-uniE636:before, body.strix .rb-icon-uniE636:before {
  content: "\e636"; }

.strix .rb-icon-uniE637:before, body.strix .rb-icon-uniE637:before {
  content: "\e637"; }

.strix .rb-icon-uniE638:before, body.strix .rb-icon-uniE638:before {
  content: "\e638"; }

.strix .rb-icon-uniE639:before, body.strix .rb-icon-uniE639:before {
  content: "\e639"; }

.strix .rb-icon-uniE63A:before, body.strix .rb-icon-uniE63A:before {
  content: "\e63a"; }

.strix .rb-icon-uniE63B:before, body.strix .rb-icon-uniE63B:before {
  content: "\e63b"; }

.strix .rb-icon-uniE63C:before, body.strix .rb-icon-uniE63C:before {
  content: "\e63c"; }

.strix .rb-icon-uniE63D:before, body.strix .rb-icon-uniE63D:before {
  content: "\e63d"; }

.strix .rb-icon-uniE63E:before, body.strix .rb-icon-uniE63E:before {
  content: "\e63e"; }

.strix .rb-icon-uniE63F:before, body.strix .rb-icon-uniE63F:before {
  content: "\e63f"; }

.strix .rb-icon-uniE640:before, body.strix .rb-icon-uniE640:before {
  content: "\e640"; }

.strix .rb-icon-uniE641:before, body.strix .rb-icon-uniE641:before {
  content: "\e641"; }

.strix .rb-icon-uniE642:before, body.strix .rb-icon-uniE642:before {
  content: "\e642"; }

.strix .rb-icon-uniE643:before, body.strix .rb-icon-uniE643:before {
  content: "\e643"; }

.strix .rb-icon-uniE644:before, body.strix .rb-icon-uniE644:before {
  content: "\e644"; }

.strix .rb-icon-uniE645:before, body.strix .rb-icon-uniE645:before {
  content: "\e645"; }

.strix .rb-icon-uniE646:before, body.strix .rb-icon-uniE646:before {
  content: "\e646"; }

.strix .rb-icon-uniE647:before, body.strix .rb-icon-uniE647:before {
  content: "\e647"; }

.strix .rb-icon-uniE648:before, body.strix .rb-icon-uniE648:before {
  content: "\e648"; }

.strix .rb-icon-uniE649:before, body.strix .rb-icon-uniE649:before {
  content: "\e649"; }

.strix .rb-icon-uniE64A:before, body.strix .rb-icon-uniE64A:before {
  content: "\e64a"; }

.strix .rb-icon-uniE64B:before, body.strix .rb-icon-uniE64B:before {
  content: "\e64b"; }

.strix .rb-icon-uniE64C:before, body.strix .rb-icon-uniE64C:before {
  content: "\e64c"; }

.strix .rb-icon-uniE64D:before, body.strix .rb-icon-uniE64D:before {
  content: "\e64d"; }

.strix .rb-icon-uniE64E:before, body.strix .rb-icon-uniE64E:before {
  content: "\e64e"; }

.strix .rb-icon-uniE64F:before, body.strix .rb-icon-uniE64F:before {
  content: "\e64f"; }

.strix .rb-icon-uniE650:before, body.strix .rb-icon-uniE650:before {
  content: "\e650"; }

.strix .rb-icon-uniE651:before, body.strix .rb-icon-uniE651:before {
  content: "\e651"; }

.strix .rb-icon-uniE652:before, body.strix .rb-icon-uniE652:before {
  content: "\e652"; }

.strix .rb-icon-uniE653:before, body.strix .rb-icon-uniE653:before {
  content: "\e653"; }

.strix .rb-icon-uniE654:before, body.strix .rb-icon-uniE654:before {
  content: "\e654"; }

.strix .rb-icon-uniE655:before, body.strix .rb-icon-uniE655:before {
  content: "\e655"; }

.strix .rb-icon-uniE656:before, body.strix .rb-icon-uniE656:before {
  content: "\e656"; }

.strix .rb-icon-uniE657:before, body.strix .rb-icon-uniE657:before {
  content: "\e657"; }

.strix .rb-icon-uniE658:before, body.strix .rb-icon-uniE658:before {
  content: "\e658"; }

.strix .rb-icon-uniE659:before, body.strix .rb-icon-uniE659:before {
  content: "\e659"; }

.strix .rb-icon-uniE65A:before, body.strix .rb-icon-uniE65A:before {
  content: "\e65a"; }

.strix .rb-icon-uniE65B:before, body.strix .rb-icon-uniE65B:before {
  content: "\e65b"; }

.strix .rb-icon-uniE65C:before, body.strix .rb-icon-uniE65C:before {
  content: "\e65c"; }

.strix .rb-icon-uniE65D:before, body.strix .rb-icon-uniE65D:before {
  content: "\e65d"; }

.strix .rb-icon-uniE65E:before, body.strix .rb-icon-uniE65E:before {
  content: "\e65e"; }

.strix .rb-icon-uniE65F:before, body.strix .rb-icon-uniE65F:before {
  content: "\e65f"; }

.strix .rb-icon-uniE660:before, body.strix .rb-icon-uniE660:before {
  content: "\e660"; }

.strix .rb-icon-uniE661:before, body.strix .rb-icon-uniE661:before {
  content: "\e661"; }

.strix .rb-icon-uniE662:before, body.strix .rb-icon-uniE662:before {
  content: "\e662"; }

.strix .rb-icon-uniE663:before, body.strix .rb-icon-uniE663:before {
  content: "\e663"; }

.strix .rb-icon-uniE664:before, body.strix .rb-icon-uniE664:before {
  content: "\e664"; }

.strix .rb-icon-uniE665:before, body.strix .rb-icon-uniE665:before {
  content: "\e665"; }

.strix .rb-icon-uniE666:before, body.strix .rb-icon-uniE666:before {
  content: "\e666"; }

.strix .rb-icon-uniE667:before, body.strix .rb-icon-uniE667:before {
  content: "\e667"; }

.strix .rb-icon-uniE668:before, body.strix .rb-icon-uniE668:before {
  content: "\e668"; }

.strix .rb-icon-uniE669:before, body.strix .rb-icon-uniE669:before {
  content: "\e669"; }

.strix .rb-icon-uniE66A:before, body.strix .rb-icon-uniE66A:before {
  content: "\e66a"; }

.strix .rb-icon-uniE66B:before, body.strix .rb-icon-uniE66B:before {
  content: "\e66b"; }

.strix .rb-icon-uniE66C:before, body.strix .rb-icon-uniE66C:before {
  content: "\e66c"; }

.strix .rb-icon-uniE66D:before, body.strix .rb-icon-uniE66D:before {
  content: "\e66d"; }

.strix .rb-icon-uniE66E:before, body.strix .rb-icon-uniE66E:before {
  content: "\e66e"; }

.strix .rb-icon-uniE66F:before, body.strix .rb-icon-uniE66F:before {
  content: "\e66f"; }

.strix .rb-icon-uniE670:before, body.strix .rb-icon-uniE670:before {
  content: "\e670"; }

.strix .rb-icon-uniE671:before, body.strix .rb-icon-uniE671:before {
  content: "\e671"; }

.strix .rb-icon-uniE672:before, body.strix .rb-icon-uniE672:before {
  content: "\e672"; }

.strix .rb-icon-uniE673:before, body.strix .rb-icon-uniE673:before {
  content: "\e673"; }

.strix .rb-icon-uniE674:before, body.strix .rb-icon-uniE674:before {
  content: "\e674"; }

.strix .rb-icon-uniE675:before, body.strix .rb-icon-uniE675:before {
  content: "\e675"; }

.strix .rb-icon-uniE676:before, body.strix .rb-icon-uniE676:before {
  content: "\e676"; }

.strix .rb-icon-uniE677:before, body.strix .rb-icon-uniE677:before {
  content: "\e677"; }

.strix .rb-icon-uniE678:before, body.strix .rb-icon-uniE678:before {
  content: "\e678"; }

.strix .rb-icon-uniE679:before, body.strix .rb-icon-uniE679:before {
  content: "\e679"; }

.strix .rb-icon-uniE67A:before, body.strix .rb-icon-uniE67A:before {
  content: "\e67a"; }

.strix .rb-icon-uniE67B:before, body.strix .rb-icon-uniE67B:before {
  content: "\e67b"; }

.strix .rb-icon-uniE67C:before, body.strix .rb-icon-uniE67C:before {
  content: "\e67c"; }

.strix .rb-icon-uniE67D:before, body.strix .rb-icon-uniE67D:before {
  content: "\e67d"; }

.strix .rb-icon-uniE67E:before, body.strix .rb-icon-uniE67E:before {
  content: "\e67e"; }

.strix .rb-icon-uniE67F:before, body.strix .rb-icon-uniE67F:before {
  content: "\e67f"; }

.strix .rb-icon-uniE680:before, body.strix .rb-icon-uniE680:before {
  content: "\e680"; }

.strix .rb-icon-uniE681:before, body.strix .rb-icon-uniE681:before {
  content: "\e681"; }

.strix .rb-icon-uniE682:before, body.strix .rb-icon-uniE682:before {
  content: "\e682"; }

.strix .rb-icon-uniE683:before, body.strix .rb-icon-uniE683:before {
  content: "\e683"; }

.strix .rb-icon-uniE684:before, body.strix .rb-icon-uniE684:before {
  content: "\e684"; }

.strix .rb-icon-uniE685:before, body.strix .rb-icon-uniE685:before {
  content: "\e685"; }

.strix .rb-icon-uniE686:before, body.strix .rb-icon-uniE686:before {
  content: "\e686"; }

.strix .rb-icon-uniE687:before, body.strix .rb-icon-uniE687:before {
  content: "\e687"; }

.strix .rb-icon-uniE688:before, body.strix .rb-icon-uniE688:before {
  content: "\e688"; }

.strix .rb-icon-uniE689:before, body.strix .rb-icon-uniE689:before {
  content: "\e689"; }

.strix .rb-icon-uniE68A:before, body.strix .rb-icon-uniE68A:before {
  content: "\e68a"; }

.strix .rb-icon-uniE68B:before, body.strix .rb-icon-uniE68B:before {
  content: "\e68b"; }

.strix .rb-icon-uniE68C:before, body.strix .rb-icon-uniE68C:before {
  content: "\e68c"; }

.strix .rb-icon-uniE68D:before, body.strix .rb-icon-uniE68D:before {
  content: "\e68d"; }

.strix .rb-icon-uniE68E:before, body.strix .rb-icon-uniE68E:before {
  content: "\e68e"; }

.strix .rb-icon-uniE68F:before, body.strix .rb-icon-uniE68F:before {
  content: "\e68f"; }

.strix .rb-icon-uniE690:before, body.strix .rb-icon-uniE690:before {
  content: "\e690"; }

.strix .rb-icon-uniE691:before, body.strix .rb-icon-uniE691:before {
  content: "\e691"; }

.strix .rb-icon-uniE692:before, body.strix .rb-icon-uniE692:before {
  content: "\e692"; }

.strix .rb-icon-uniE693:before, body.strix .rb-icon-uniE693:before {
  content: "\e693"; }

.strix .rb-icon-uniE694:before, body.strix .rb-icon-uniE694:before {
  content: "\e694"; }

.strix .rb-icon-uniE695:before, body.strix .rb-icon-uniE695:before {
  content: "\e695"; }

.strix .rb-icon-uniE696:before, body.strix .rb-icon-uniE696:before {
  content: "\e696"; }

.strix .rb-icon-uniE697:before, body.strix .rb-icon-uniE697:before {
  content: "\e697"; }

.strix .rb-icon-uniE698:before, body.strix .rb-icon-uniE698:before {
  content: "\e698"; }

.strix .rb-icon-uniE699:before, body.strix .rb-icon-uniE699:before {
  content: "\e699"; }

.strix .rb-icon-uniE69A:before, body.strix .rb-icon-uniE69A:before {
  content: "\e69a"; }

.strix .rb-icon-uniE69B:before, body.strix .rb-icon-uniE69B:before {
  content: "\e69b"; }

.strix .rb-icon-uniE69C:before, body.strix .rb-icon-uniE69C:before {
  content: "\e69c"; }

.strix .rb-icon-uniE69D:before, body.strix .rb-icon-uniE69D:before {
  content: "\e69d"; }

.strix .rb-icon-uniE69E:before, body.strix .rb-icon-uniE69E:before {
  content: "\e69e"; }

.strix .rb-icon-uniE69F:before, body.strix .rb-icon-uniE69F:before {
  content: "\e69f"; }

.strix .rb-icon-uniE6A0:before, body.strix .rb-icon-uniE6A0:before {
  content: "\e6a0"; }

.strix .rb-icon-uniE6A1:before, body.strix .rb-icon-uniE6A1:before {
  content: "\e6a1"; }

.strix .rb-icon-uniE6A2:before, body.strix .rb-icon-uniE6A2:before {
  content: "\e6a2"; }

.strix .rb-icon-uniE6A3:before, body.strix .rb-icon-uniE6A3:before {
  content: "\e6a3"; }

.strix .rb-icon-uniE6A4:before, body.strix .rb-icon-uniE6A4:before {
  content: "\e6a4"; }

.strix .rb-icon-uniE6A5:before, body.strix .rb-icon-uniE6A5:before {
  content: "\e6a5"; }

.strix .rb-icon-uniE6A6:before, body.strix .rb-icon-uniE6A6:before {
  content: "\e6a6"; }

.strix .rb-icon-uniE6A7:before, body.strix .rb-icon-uniE6A7:before {
  content: "\e6a7"; }

.strix .rb-icon-uniE6A8:before, body.strix .rb-icon-uniE6A8:before {
  content: "\e6a8"; }

.strix .rb-icon-uniE6A9:before, body.strix .rb-icon-uniE6A9:before {
  content: "\e6a9"; }

@media (max-width: 639px) {
  .strix .icon--phone-onmobile:before, body.strix .icon--phone-onmobile:before {
    font-family: rb-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e628"; } }
.strix .goog-date-picker, .strix .goog-date-picker td, .strix .goog-date-picker th, body.strix .goog-date-picker, body.strix .goog-date-picker td, body.strix .goog-date-picker th {
  font-size: 12px; }

.strix .goog-date-picker td:hover, body.strix .goog-date-picker td:hover {
  background: #fff30a; }

.strix .goog-date-picker, body.strix .goog-date-picker {
  -moz-user-focus: normal;
  -moz-user-select: none;
  position: relative;
  border: 2px solid #3f3f3f;
  float: left;
  color: #000;
  background: #fff;
  cursor: default;
  margin-top: 13px;
  margin-left: -88px; }

.strix .goog-date-picker:after, body.strix .goog-date-picker:after {
  bottom: 100%;
  right: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #000;
  border-width: 10px;
  margin-left: -10px; }

.strix .goog-date-picker th, body.strix .goog-date-picker th {
  text-align: center; }

.strix .goog-date-picker td, body.strix .goog-date-picker td {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  color: #525252; }

.strix .goog-date-picker-menu, body.strix .goog-date-picker-menu {
  position: absolute;
  background: threedface;
  border: 1px solid gray;
  -moz-user-focus: normal;
  z-index: 1;
  outline: 0; }

.strix .goog-date-picker-menu ul, body.strix .goog-date-picker-menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.strix .goog-date-picker-menu ul li, body.strix .goog-date-picker-menu ul li {
  cursor: default; }

.strix .goog-date-picker-menu-selected, body.strix .goog-date-picker-menu-selected {
  background: #ccf; }

.strix .goog-date-picker th, body.strix .goog-date-picker th {
  font-size: .9em; }

.strix .goog-date-picker td div, body.strix .goog-date-picker td div {
  float: left; }

.strix .goog-date-picker button, body.strix .goog-date-picker button {
  padding: 0;
  border: 0;
  color: #20c;
  font-weight: 700;
  background: 0 0; }

.strix .goog-date-picker-date, body.strix .goog-date-picker-date {
  background: #fff; }

.strix .goog-date-picker-wday, .strix .goog-date-picker-week, body.strix .goog-date-picker-wday, body.strix .goog-date-picker-week {
  padding: 1px 3px;
  border: 0;
  border-color: #a2bbdd;
  border-style: solid;
  background: #e9e8e8; }

.strix .goog-date-picker-week, body.strix .goog-date-picker-week {
  border-right-width: 1px; }

.strix .goog-date-picker-wday, body.strix .goog-date-picker-wday {
  border-bottom-width: 1px;
  text-transform: capitalize;
  font-size: 12px !important;
  padding: 10px;
  border: 1px rgba(0, 0, 0, 0.3) solid; }

.strix .goog-date-picker-head td, body.strix .goog-date-picker-head td {
  text-align: center;
  background: #fff30a;
  padding: 15px 0 15px 0; }

.strix td.goog-date-picker-today-cont, body.strix td.goog-date-picker-today-cont {
  text-align: center; }

.strix td.goog-date-picker-none-cont, body.strix td.goog-date-picker-none-cont {
  text-align: center; }

.strix .goog-date-picker-month, body.strix .goog-date-picker-month {
  min-width: 11ex;
  white-space: nowrap; }

.strix .goog-date-picker-year, body.strix .goog-date-picker-year {
  min-width: 6ex;
  white-space: nowrap; }

.strix .goog-date-picker-monthyear, body.strix .goog-date-picker-monthyear {
  white-space: nowrap;
  font-size: 15px !important;
  font-weight: 700;
  text-transform: capitalize;
  color: black !important; }

.strix .goog-date-picker table, body.strix .goog-date-picker table {
  border-collapse: collapse;
  margin: 0; }

.strix .goog-date-picker-other-month, body.strix .goog-date-picker-other-month {
  color: #888; }

.strix td.goog-date-picker-selected, body.strix td.goog-date-picker-selected {
  background: #fff30a;
  font-weight: 700 !important;
  border-color: #eae7e3;
  color: black !important; }

.strix .goog-date-picker-today, body.strix .goog-date-picker-today {
  background: #fff30a;
  font-weight: 700 !important;
  border-color: #eae7e3;
  color: black !important; }

.strix .goog-date-picker, body.strix .goog-date-picker {
  position: absolute;
  z-index: 600; }

@media (max-width: 639px) {
  .strix .goog-date-picker, body.strix .goog-date-picker {
    left: 14px !important;
    right: 14px !important;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0; }

  .strix .goog-date-picker table, body.strix .goog-date-picker table {
    width: 100%; } }
.strix *, body.strix * {
  box-sizing: border-box; }

.strix .gm-style *, body.strix .gm-style * {
  box-sizing: content-box; }

.strix .gm-style * .btn-map-tooltip, body.strix .gm-style * .btn-map-tooltip {
  box-sizing: border-box; }

@media (max-width: 639px) {
  .strix .hidden-xs, body.strix .hidden-xs {
    display: none !important; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .hidden-sm, body.strix .hidden-sm {
    display: none !important; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .hidden-md, body.strix .hidden-md {
    display: none !important; } }
@media (min-width: 1440px) {
  .strix .hidden-lg, body.strix .hidden-lg {
    display: none !important; } }
.strix .text-left, body.strix .text-left {
  text-align: left; }

.strix .text-center, body.strix .text-center {
  text-align: center; }

.strix .text-right, body.strix .text-right {
  text-align: right; }

.strix .text-justify, body.strix .text-justify {
  text-align: justify; }

.strix figure, body.strix figure {
  margin: 0;
  padding: 0;
  position: relative; }

.strix figure img, body.strix figure img {
  max-width: 100%; }

.strix figure figcaption, body.strix figure figcaption {
  display: none; }

.strix .html-module, body.strix .html-module {
  overflow: hidden;
  position: relative; }

.strix .html-module div, body.strix .html-module div {
  height: 100%; }

.strix #the_iframe, body.strix #the_iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.strix .container, body.strix .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.strix .container:after, .strix .container:before, body.strix .container:after, body.strix .container:before {
  content: " ";
  display: table; }

.strix .container:after, body.strix .container:after {
  clear: both; }

@media (min-width: 640px) {
  .strix .container, body.strix .container {
    max-width: 999px; } }
@media (min-width: 1000px) {
  .strix .container, body.strix .container {
    max-width: 1000px;
    width: 1000px; } }
@media (min-width: 1440px) {
  .strix .container, body.strix .container {
    max-width: 1440px;
    width: 1440px; } }
.strix .container-fluid, body.strix .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.strix .container-fluid:after, .strix .container-fluid:before, body.strix .container-fluid:after, body.strix .container-fluid:before {
  content: " ";
  display: table; }

.strix .container-fluid:after, body.strix .container-fluid:after {
  clear: both; }

.strix .container .container, body.strix .container .container {
  padding-left: 0;
  padding-right: 0;
  width: 100% !important; }

.strix .row, body.strix .row {
  margin-left: -15px;
  margin-right: -15px; }

.strix .row:after, .strix .row:before, body.strix .row:after, body.strix .row:before {
  content: " ";
  display: table; }

.strix .row:after, body.strix .row:after {
  clear: both; }

.strix .col-lg-1, .strix .col-lg-10, .strix .col-lg-11, .strix .col-lg-12, .strix .col-lg-2, .strix .col-lg-3, .strix .col-lg-4, .strix .col-lg-5, .strix .col-lg-6, .strix .col-lg-7, .strix .col-lg-8, .strix .col-lg-9, .strix .col-md-1, .strix .col-md-10, .strix .col-md-11, .strix .col-md-12, .strix .col-md-2, .strix .col-md-3, .strix .col-md-4, .strix .col-md-5, .strix .col-md-6, .strix .col-md-7, .strix .col-md-8, .strix .col-md-9, .strix .col-sm-1, .strix .col-sm-10, .strix .col-sm-11, .strix .col-sm-12, .strix .col-sm-2, .strix .col-sm-3, .strix .col-sm-4, .strix .col-sm-5, .strix .col-sm-6, .strix .col-sm-7, .strix .col-sm-8, .strix .col-sm-9, .strix .col-xs-1, .strix .col-xs-10, .strix .col-xs-11, .strix .col-xs-12, .strix .col-xs-2, .strix .col-xs-3, .strix .col-xs-4, .strix .col-xs-5, .strix .col-xs-6, .strix .col-xs-7, .strix .col-xs-8, .strix .col-xs-9, body.strix .col-lg-1, body.strix .col-lg-10, body.strix .col-lg-11, body.strix .col-lg-12, body.strix .col-lg-2, body.strix .col-lg-3, body.strix .col-lg-4, body.strix .col-lg-5, body.strix .col-lg-6, body.strix .col-lg-7, body.strix .col-lg-8, body.strix .col-lg-9, body.strix .col-md-1, body.strix .col-md-10, body.strix .col-md-11, body.strix .col-md-12, body.strix .col-md-2, body.strix .col-md-3, body.strix .col-md-4, body.strix .col-md-5, body.strix .col-md-6, body.strix .col-md-7, body.strix .col-md-8, body.strix .col-md-9, body.strix .col-sm-1, body.strix .col-sm-10, body.strix .col-sm-11, body.strix .col-sm-12, body.strix .col-sm-2, body.strix .col-sm-3, body.strix .col-sm-4, body.strix .col-sm-5, body.strix .col-sm-6, body.strix .col-sm-7, body.strix .col-sm-8, body.strix .col-sm-9, body.strix .col-xs-1, body.strix .col-xs-10, body.strix .col-xs-11, body.strix .col-xs-12, body.strix .col-xs-2, body.strix .col-xs-3, body.strix .col-xs-4, body.strix .col-xs-5, body.strix .col-xs-6, body.strix .col-xs-7, body.strix .col-xs-8, body.strix .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.strix .col-xs-1, .strix .col-xs-10, .strix .col-xs-11, .strix .col-xs-12, .strix .col-xs-2, .strix .col-xs-3, .strix .col-xs-4, .strix .col-xs-5, .strix .col-xs-6, .strix .col-xs-7, .strix .col-xs-8, .strix .col-xs-9, body.strix .col-xs-1, body.strix .col-xs-10, body.strix .col-xs-11, body.strix .col-xs-12, body.strix .col-xs-2, body.strix .col-xs-3, body.strix .col-xs-4, body.strix .col-xs-5, body.strix .col-xs-6, body.strix .col-xs-7, body.strix .col-xs-8, body.strix .col-xs-9 {
  float: left; }

.strix .col-xs-1, body.strix .col-xs-1 {
  width: 8.33333%; }

.strix .col-xs-2, body.strix .col-xs-2 {
  width: 16.66667%; }

.strix .col-xs-3, body.strix .col-xs-3 {
  width: 25%; }

.strix .col-xs-4, body.strix .col-xs-4 {
  width: 33.33333%; }

.strix .col-xs-5, body.strix .col-xs-5 {
  width: 41.66667%; }

.strix .col-xs-6, body.strix .col-xs-6 {
  width: 50%; }

.strix .col-xs-7, body.strix .col-xs-7 {
  width: 58.33333%; }

.strix .col-xs-8, body.strix .col-xs-8 {
  width: 66.66667%; }

.strix .col-xs-9, body.strix .col-xs-9 {
  width: 75%; }

.strix .col-xs-10, body.strix .col-xs-10 {
  width: 83.33333%; }

.strix .col-xs-11, body.strix .col-xs-11 {
  width: 91.66667%; }

.strix .col-xs-12, body.strix .col-xs-12 {
  width: 100%; }

.strix .col-xs-pull-0, body.strix .col-xs-pull-0 {
  right: auto; }

.strix .col-xs-pull-1, body.strix .col-xs-pull-1 {
  right: 8.33333%; }

.strix .col-xs-pull-2, body.strix .col-xs-pull-2 {
  right: 16.66667%; }

.strix .col-xs-pull-3, body.strix .col-xs-pull-3 {
  right: 25%; }

.strix .col-xs-pull-4, body.strix .col-xs-pull-4 {
  right: 33.33333%; }

.strix .col-xs-pull-5, body.strix .col-xs-pull-5 {
  right: 41.66667%; }

.strix .col-xs-pull-6, body.strix .col-xs-pull-6 {
  right: 50%; }

.strix .col-xs-pull-7, body.strix .col-xs-pull-7 {
  right: 58.33333%; }

.strix .col-xs-pull-8, body.strix .col-xs-pull-8 {
  right: 66.66667%; }

.strix .col-xs-pull-9, body.strix .col-xs-pull-9 {
  right: 75%; }

.strix .col-xs-pull-10, body.strix .col-xs-pull-10 {
  right: 83.33333%; }

.strix .col-xs-pull-11, body.strix .col-xs-pull-11 {
  right: 91.66667%; }

.strix .col-xs-pull-12, body.strix .col-xs-pull-12 {
  right: 100%; }

.strix .col-xs-push-0, body.strix .col-xs-push-0 {
  left: auto; }

.strix .col-xs-push-1, body.strix .col-xs-push-1 {
  left: 8.33333%; }

.strix .col-xs-push-2, body.strix .col-xs-push-2 {
  left: 16.66667%; }

.strix .col-xs-push-3, body.strix .col-xs-push-3 {
  left: 25%; }

.strix .col-xs-push-4, body.strix .col-xs-push-4 {
  left: 33.33333%; }

.strix .col-xs-push-5, body.strix .col-xs-push-5 {
  left: 41.66667%; }

.strix .col-xs-push-6, body.strix .col-xs-push-6 {
  left: 50%; }

.strix .col-xs-push-7, body.strix .col-xs-push-7 {
  left: 58.33333%; }

.strix .col-xs-push-8, body.strix .col-xs-push-8 {
  left: 66.66667%; }

.strix .col-xs-push-9, body.strix .col-xs-push-9 {
  left: 75%; }

.strix .col-xs-push-10, body.strix .col-xs-push-10 {
  left: 83.33333%; }

.strix .col-xs-push-11, body.strix .col-xs-push-11 {
  left: 91.66667%; }

.strix .col-xs-push-12, body.strix .col-xs-push-12 {
  left: 100%; }

.strix .col-xs-offset-0, body.strix .col-xs-offset-0 {
  margin-left: 0; }

.strix .col-xs-offset-1, body.strix .col-xs-offset-1 {
  margin-left: 8.33333%; }

.strix .col-xs-offset-2, body.strix .col-xs-offset-2 {
  margin-left: 16.66667%; }

.strix .col-xs-offset-3, body.strix .col-xs-offset-3 {
  margin-left: 25%; }

.strix .col-xs-offset-4, body.strix .col-xs-offset-4 {
  margin-left: 33.33333%; }

.strix .col-xs-offset-5, body.strix .col-xs-offset-5 {
  margin-left: 41.66667%; }

.strix .col-xs-offset-6, body.strix .col-xs-offset-6 {
  margin-left: 50%; }

.strix .col-xs-offset-7, body.strix .col-xs-offset-7 {
  margin-left: 58.33333%; }

.strix .col-xs-offset-8, body.strix .col-xs-offset-8 {
  margin-left: 66.66667%; }

.strix .col-xs-offset-9, body.strix .col-xs-offset-9 {
  margin-left: 75%; }

.strix .col-xs-offset-10, body.strix .col-xs-offset-10 {
  margin-left: 83.33333%; }

.strix .col-xs-offset-11, body.strix .col-xs-offset-11 {
  margin-left: 91.66667%; }

.strix .col-xs-offset-12, body.strix .col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 640px) {
  .strix .col-sm-1, .strix .col-sm-10, .strix .col-sm-11, .strix .col-sm-12, .strix .col-sm-2, .strix .col-sm-3, .strix .col-sm-4, .strix .col-sm-5, .strix .col-sm-6, .strix .col-sm-7, .strix .col-sm-8, .strix .col-sm-9, body.strix .col-sm-1, body.strix .col-sm-10, body.strix .col-sm-11, body.strix .col-sm-12, body.strix .col-sm-2, body.strix .col-sm-3, body.strix .col-sm-4, body.strix .col-sm-5, body.strix .col-sm-6, body.strix .col-sm-7, body.strix .col-sm-8, body.strix .col-sm-9 {
    float: left; }

  .strix .col-sm-1, body.strix .col-sm-1 {
    width: 8.33333%; }

  .strix .col-sm-2, body.strix .col-sm-2 {
    width: 16.66667%; }

  .strix .col-sm-3, body.strix .col-sm-3 {
    width: 25%; }

  .strix .col-sm-4, body.strix .col-sm-4 {
    width: 33.33333%; }

  .strix .col-sm-5, body.strix .col-sm-5 {
    width: 41.66667%; }

  .strix .col-sm-6, body.strix .col-sm-6 {
    width: 50%; }

  .strix .col-sm-7, body.strix .col-sm-7 {
    width: 58.33333%; }

  .strix .col-sm-8, body.strix .col-sm-8 {
    width: 66.66667%; }

  .strix .col-sm-9, body.strix .col-sm-9 {
    width: 75%; }

  .strix .col-sm-10, body.strix .col-sm-10 {
    width: 83.33333%; }

  .strix .col-sm-11, body.strix .col-sm-11 {
    width: 91.66667%; }

  .strix .col-sm-12, body.strix .col-sm-12 {
    width: 100%; }

  .strix .col-sm-pull-0, body.strix .col-sm-pull-0 {
    right: auto; }

  .strix .col-sm-pull-1, body.strix .col-sm-pull-1 {
    right: 8.33333%; }

  .strix .col-sm-pull-2, body.strix .col-sm-pull-2 {
    right: 16.66667%; }

  .strix .col-sm-pull-3, body.strix .col-sm-pull-3 {
    right: 25%; }

  .strix .col-sm-pull-4, body.strix .col-sm-pull-4 {
    right: 33.33333%; }

  .strix .col-sm-pull-5, body.strix .col-sm-pull-5 {
    right: 41.66667%; }

  .strix .col-sm-pull-6, body.strix .col-sm-pull-6 {
    right: 50%; }

  .strix .col-sm-pull-7, body.strix .col-sm-pull-7 {
    right: 58.33333%; }

  .strix .col-sm-pull-8, body.strix .col-sm-pull-8 {
    right: 66.66667%; }

  .strix .col-sm-pull-9, body.strix .col-sm-pull-9 {
    right: 75%; }

  .strix .col-sm-pull-10, body.strix .col-sm-pull-10 {
    right: 83.33333%; }

  .strix .col-sm-pull-11, body.strix .col-sm-pull-11 {
    right: 91.66667%; }

  .strix .col-sm-pull-12, body.strix .col-sm-pull-12 {
    right: 100%; }

  .strix .col-sm-push-0, body.strix .col-sm-push-0 {
    left: auto; }

  .strix .col-sm-push-1, body.strix .col-sm-push-1 {
    left: 8.33333%; }

  .strix .col-sm-push-2, body.strix .col-sm-push-2 {
    left: 16.66667%; }

  .strix .col-sm-push-3, body.strix .col-sm-push-3 {
    left: 25%; }

  .strix .col-sm-push-4, body.strix .col-sm-push-4 {
    left: 33.33333%; }

  .strix .col-sm-push-5, body.strix .col-sm-push-5 {
    left: 41.66667%; }

  .strix .col-sm-push-6, body.strix .col-sm-push-6 {
    left: 50%; }

  .strix .col-sm-push-7, body.strix .col-sm-push-7 {
    left: 58.33333%; }

  .strix .col-sm-push-8, body.strix .col-sm-push-8 {
    left: 66.66667%; }

  .strix .col-sm-push-9, body.strix .col-sm-push-9 {
    left: 75%; }

  .strix .col-sm-push-10, body.strix .col-sm-push-10 {
    left: 83.33333%; }

  .strix .col-sm-push-11, body.strix .col-sm-push-11 {
    left: 91.66667%; }

  .strix .col-sm-push-12, body.strix .col-sm-push-12 {
    left: 100%; }

  .strix .col-sm-offset-0, body.strix .col-sm-offset-0 {
    margin-left: 0; }

  .strix .col-sm-offset-1, body.strix .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .strix .col-sm-offset-2, body.strix .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .strix .col-sm-offset-3, body.strix .col-sm-offset-3 {
    margin-left: 25%; }

  .strix .col-sm-offset-4, body.strix .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .strix .col-sm-offset-5, body.strix .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .strix .col-sm-offset-6, body.strix .col-sm-offset-6 {
    margin-left: 50%; }

  .strix .col-sm-offset-7, body.strix .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .strix .col-sm-offset-8, body.strix .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .strix .col-sm-offset-9, body.strix .col-sm-offset-9 {
    margin-left: 75%; }

  .strix .col-sm-offset-10, body.strix .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .strix .col-sm-offset-11, body.strix .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .strix .col-sm-offset-12, body.strix .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1000px) {
  .strix .col-md-1, .strix .col-md-10, .strix .col-md-11, .strix .col-md-12, .strix .col-md-2, .strix .col-md-3, .strix .col-md-4, .strix .col-md-5, .strix .col-md-6, .strix .col-md-7, .strix .col-md-8, .strix .col-md-9, body.strix .col-md-1, body.strix .col-md-10, body.strix .col-md-11, body.strix .col-md-12, body.strix .col-md-2, body.strix .col-md-3, body.strix .col-md-4, body.strix .col-md-5, body.strix .col-md-6, body.strix .col-md-7, body.strix .col-md-8, body.strix .col-md-9 {
    float: left; }

  .strix .col-md-1, body.strix .col-md-1 {
    width: 8.33333%; }

  .strix .col-md-2, body.strix .col-md-2 {
    width: 16.66667%; }

  .strix .col-md-3, body.strix .col-md-3 {
    width: 25%; }

  .strix .col-md-4, body.strix .col-md-4 {
    width: 33.33333%; }

  .strix .col-md-5, body.strix .col-md-5 {
    width: 41.66667%; }

  .strix .col-md-6, body.strix .col-md-6 {
    width: 50%; }

  .strix .col-md-7, body.strix .col-md-7 {
    width: 58.33333%; }

  .strix .col-md-8, body.strix .col-md-8 {
    width: 66.66667%; }

  .strix .col-md-9, body.strix .col-md-9 {
    width: 75%; }

  .strix .col-md-10, body.strix .col-md-10 {
    width: 83.33333%; }

  .strix .col-md-11, body.strix .col-md-11 {
    width: 91.66667%; }

  .strix .col-md-12, body.strix .col-md-12 {
    width: 100%; }

  .strix .col-md-pull-0, body.strix .col-md-pull-0 {
    right: auto; }

  .strix .col-md-pull-1, body.strix .col-md-pull-1 {
    right: 8.33333%; }

  .strix .col-md-pull-2, body.strix .col-md-pull-2 {
    right: 16.66667%; }

  .strix .col-md-pull-3, body.strix .col-md-pull-3 {
    right: 25%; }

  .strix .col-md-pull-4, body.strix .col-md-pull-4 {
    right: 33.33333%; }

  .strix .col-md-pull-5, body.strix .col-md-pull-5 {
    right: 41.66667%; }

  .strix .col-md-pull-6, body.strix .col-md-pull-6 {
    right: 50%; }

  .strix .col-md-pull-7, body.strix .col-md-pull-7 {
    right: 58.33333%; }

  .strix .col-md-pull-8, body.strix .col-md-pull-8 {
    right: 66.66667%; }

  .strix .col-md-pull-9, body.strix .col-md-pull-9 {
    right: 75%; }

  .strix .col-md-pull-10, body.strix .col-md-pull-10 {
    right: 83.33333%; }

  .strix .col-md-pull-11, body.strix .col-md-pull-11 {
    right: 91.66667%; }

  .strix .col-md-pull-12, body.strix .col-md-pull-12 {
    right: 100%; }

  .strix .col-md-push-0, body.strix .col-md-push-0 {
    left: auto; }

  .strix .col-md-push-1, body.strix .col-md-push-1 {
    left: 8.33333%; }

  .strix .col-md-push-2, body.strix .col-md-push-2 {
    left: 16.66667%; }

  .strix .col-md-push-3, body.strix .col-md-push-3 {
    left: 25%; }

  .strix .col-md-push-4, body.strix .col-md-push-4 {
    left: 33.33333%; }

  .strix .col-md-push-5, body.strix .col-md-push-5 {
    left: 41.66667%; }

  .strix .col-md-push-6, body.strix .col-md-push-6 {
    left: 50%; }

  .strix .col-md-push-7, body.strix .col-md-push-7 {
    left: 58.33333%; }

  .strix .col-md-push-8, body.strix .col-md-push-8 {
    left: 66.66667%; }

  .strix .col-md-push-9, body.strix .col-md-push-9 {
    left: 75%; }

  .strix .col-md-push-10, body.strix .col-md-push-10 {
    left: 83.33333%; }

  .strix .col-md-push-11, body.strix .col-md-push-11 {
    left: 91.66667%; }

  .strix .col-md-push-12, body.strix .col-md-push-12 {
    left: 100%; }

  .strix .col-md-offset-0, body.strix .col-md-offset-0 {
    margin-left: 0; }

  .strix .col-md-offset-1, body.strix .col-md-offset-1 {
    margin-left: 8.33333%; }

  .strix .col-md-offset-2, body.strix .col-md-offset-2 {
    margin-left: 16.66667%; }

  .strix .col-md-offset-3, body.strix .col-md-offset-3 {
    margin-left: 25%; }

  .strix .col-md-offset-4, body.strix .col-md-offset-4 {
    margin-left: 33.33333%; }

  .strix .col-md-offset-5, body.strix .col-md-offset-5 {
    margin-left: 41.66667%; }

  .strix .col-md-offset-6, body.strix .col-md-offset-6 {
    margin-left: 50%; }

  .strix .col-md-offset-7, body.strix .col-md-offset-7 {
    margin-left: 58.33333%; }

  .strix .col-md-offset-8, body.strix .col-md-offset-8 {
    margin-left: 66.66667%; }

  .strix .col-md-offset-9, body.strix .col-md-offset-9 {
    margin-left: 75%; }

  .strix .col-md-offset-10, body.strix .col-md-offset-10 {
    margin-left: 83.33333%; }

  .strix .col-md-offset-11, body.strix .col-md-offset-11 {
    margin-left: 91.66667%; }

  .strix .col-md-offset-12, body.strix .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1440px) {
  .strix .col-lg-1, .strix .col-lg-10, .strix .col-lg-11, .strix .col-lg-12, .strix .col-lg-2, .strix .col-lg-3, .strix .col-lg-4, .strix .col-lg-5, .strix .col-lg-6, .strix .col-lg-7, .strix .col-lg-8, .strix .col-lg-9, body.strix .col-lg-1, body.strix .col-lg-10, body.strix .col-lg-11, body.strix .col-lg-12, body.strix .col-lg-2, body.strix .col-lg-3, body.strix .col-lg-4, body.strix .col-lg-5, body.strix .col-lg-6, body.strix .col-lg-7, body.strix .col-lg-8, body.strix .col-lg-9 {
    float: left; }

  .strix .col-lg-1, body.strix .col-lg-1 {
    width: 8.33333%; }

  .strix .col-lg-2, body.strix .col-lg-2 {
    width: 16.66667%; }

  .strix .col-lg-3, body.strix .col-lg-3 {
    width: 25%; }

  .strix .col-lg-4, body.strix .col-lg-4 {
    width: 33.33333%; }

  .strix .col-lg-5, body.strix .col-lg-5 {
    width: 41.66667%; }

  .strix .col-lg-6, body.strix .col-lg-6 {
    width: 50%; }

  .strix .col-lg-7, body.strix .col-lg-7 {
    width: 58.33333%; }

  .strix .col-lg-8, body.strix .col-lg-8 {
    width: 66.66667%; }

  .strix .col-lg-9, body.strix .col-lg-9 {
    width: 75%; }

  .strix .col-lg-10, body.strix .col-lg-10 {
    width: 83.33333%; }

  .strix .col-lg-11, body.strix .col-lg-11 {
    width: 91.66667%; }

  .strix .col-lg-12, body.strix .col-lg-12 {
    width: 100%; }

  .strix .col-lg-pull-0, body.strix .col-lg-pull-0 {
    right: auto; }

  .strix .col-lg-pull-1, body.strix .col-lg-pull-1 {
    right: 8.33333%; }

  .strix .col-lg-pull-2, body.strix .col-lg-pull-2 {
    right: 16.66667%; }

  .strix .col-lg-pull-3, body.strix .col-lg-pull-3 {
    right: 25%; }

  .strix .col-lg-pull-4, body.strix .col-lg-pull-4 {
    right: 33.33333%; }

  .strix .col-lg-pull-5, body.strix .col-lg-pull-5 {
    right: 41.66667%; }

  .strix .col-lg-pull-6, body.strix .col-lg-pull-6 {
    right: 50%; }

  .strix .col-lg-pull-7, body.strix .col-lg-pull-7 {
    right: 58.33333%; }

  .strix .col-lg-pull-8, body.strix .col-lg-pull-8 {
    right: 66.66667%; }

  .strix .col-lg-pull-9, body.strix .col-lg-pull-9 {
    right: 75%; }

  .strix .col-lg-pull-10, body.strix .col-lg-pull-10 {
    right: 83.33333%; }

  .strix .col-lg-pull-11, body.strix .col-lg-pull-11 {
    right: 91.66667%; }

  .strix .col-lg-pull-12, body.strix .col-lg-pull-12 {
    right: 100%; }

  .strix .col-lg-push-0, body.strix .col-lg-push-0 {
    left: auto; }

  .strix .col-lg-push-1, body.strix .col-lg-push-1 {
    left: 8.33333%; }

  .strix .col-lg-push-2, body.strix .col-lg-push-2 {
    left: 16.66667%; }

  .strix .col-lg-push-3, body.strix .col-lg-push-3 {
    left: 25%; }

  .strix .col-lg-push-4, body.strix .col-lg-push-4 {
    left: 33.33333%; }

  .strix .col-lg-push-5, body.strix .col-lg-push-5 {
    left: 41.66667%; }

  .strix .col-lg-push-6, body.strix .col-lg-push-6 {
    left: 50%; }

  .strix .col-lg-push-7, body.strix .col-lg-push-7 {
    left: 58.33333%; }

  .strix .col-lg-push-8, body.strix .col-lg-push-8 {
    left: 66.66667%; }

  .strix .col-lg-push-9, body.strix .col-lg-push-9 {
    left: 75%; }

  .strix .col-lg-push-10, body.strix .col-lg-push-10 {
    left: 83.33333%; }

  .strix .col-lg-push-11, body.strix .col-lg-push-11 {
    left: 91.66667%; }

  .strix .col-lg-push-12, body.strix .col-lg-push-12 {
    left: 100%; }

  .strix .col-lg-offset-0, body.strix .col-lg-offset-0 {
    margin-left: 0; }

  .strix .col-lg-offset-1, body.strix .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .strix .col-lg-offset-2, body.strix .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .strix .col-lg-offset-3, body.strix .col-lg-offset-3 {
    margin-left: 25%; }

  .strix .col-lg-offset-4, body.strix .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .strix .col-lg-offset-5, body.strix .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .strix .col-lg-offset-6, body.strix .col-lg-offset-6 {
    margin-left: 50%; }

  .strix .col-lg-offset-7, body.strix .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .strix .col-lg-offset-8, body.strix .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .strix .col-lg-offset-9, body.strix .col-lg-offset-9 {
    margin-left: 75%; }

  .strix .col-lg-offset-10, body.strix .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .strix .col-lg-offset-11, body.strix .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .strix .col-lg-offset-12, body.strix .col-lg-offset-12 {
    margin-left: 100%; } }
.strix .component-background-color-default, .strix [class*=component-background-color] .component-background-color-default, body.strix .component-background-color-default, body.strix [class*=component-background-color] .component-background-color-default {
  background: #fff;
  color: #333; }

.strix .component-background-color-default ::placeholder, .strix [class*=component-background-color] .component-background-color-default ::placeholder, body.strix .component-background-color-default ::placeholder, body.strix [class*=component-background-color] .component-background-color-default ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-default :-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-default :-ms-input-placeholder, body.strix .component-background-color-default :-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-default :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-default ::-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-default ::-ms-input-placeholder, body.strix .component-background-color-default ::-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-default ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-default .form-field .dk_toggle, .strix .component-background-color-default .form-field input[type=email], .strix .component-background-color-default .form-field input[type=number], .strix .component-background-color-default .form-field input[type=password], .strix .component-background-color-default .form-field input[type=tel], .strix .component-background-color-default .form-field input[type=text], .strix .component-background-color-default .form-field textarea, .strix [class*=component-background-color] .component-background-color-default .form-field .dk_toggle, .strix [class*=component-background-color] .component-background-color-default .form-field input[type=email], .strix [class*=component-background-color] .component-background-color-default .form-field input[type=number], .strix [class*=component-background-color] .component-background-color-default .form-field input[type=password], .strix [class*=component-background-color] .component-background-color-default .form-field input[type=tel], .strix [class*=component-background-color] .component-background-color-default .form-field input[type=text], .strix [class*=component-background-color] .component-background-color-default .form-field textarea, body.strix .component-background-color-default .form-field .dk_toggle, body.strix .component-background-color-default .form-field input[type=email], body.strix .component-background-color-default .form-field input[type=number], body.strix .component-background-color-default .form-field input[type=password], body.strix .component-background-color-default .form-field input[type=tel], body.strix .component-background-color-default .form-field input[type=text], body.strix .component-background-color-default .form-field textarea, body.strix [class*=component-background-color] .component-background-color-default .form-field .dk_toggle, body.strix [class*=component-background-color] .component-background-color-default .form-field input[type=email], body.strix [class*=component-background-color] .component-background-color-default .form-field input[type=number], body.strix [class*=component-background-color] .component-background-color-default .form-field input[type=password], body.strix [class*=component-background-color] .component-background-color-default .form-field input[type=tel], body.strix [class*=component-background-color] .component-background-color-default .form-field input[type=text], body.strix [class*=component-background-color] .component-background-color-default .form-field textarea {
  background: #f5f5f5; }

.strix .component-background-color-default .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-default .form-field .form-radio-wrapper label:before, .strix [class*=component-background-color] .component-background-color-default .form-field .form-checkbox-wrapper label:before, .strix [class*=component-background-color] .component-background-color-default .form-field .form-radio-wrapper label:before, body.strix .component-background-color-default .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-default .form-field .form-radio-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-default .form-field .form-checkbox-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-default .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-default .form-field input[type=radio]:checked + label:before, .strix [class*=component-background-color] .component-background-color-default .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-default .form-field input[type=radio]:checked + label:before, body.strix [class*=component-background-color] .component-background-color-default .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, .strix [class*=component-background-color] .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, body.strix [class*=component-background-color] .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, .strix [class*=component-background-color] .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix [class*=component-background-color] .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, .strix [class*=component-background-color] .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix [class*=component-background-color] .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .component-background-color-default .highlight-text-primary, .strix [class*=component-background-color] .component-background-color-default .highlight-text-primary, body.strix .component-background-color-default .highlight-text-primary, body.strix [class*=component-background-color] .component-background-color-default .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .component-background-color-default.background-color-after, .strix [class*=component-background-color] .component-background-color-default.background-color-after, body.strix .component-background-color-default.background-color-after, body.strix [class*=component-background-color] .component-background-color-default.background-color-after {
  position: relative;
  z-index: 1; }

.strix .component-background-color-default.background-color-after:after, .strix [class*=component-background-color] .component-background-color-default.background-color-after:after, body.strix .component-background-color-default.background-color-after:after, body.strix [class*=component-background-color] .component-background-color-default.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .component-background-color-default a, .strix [class*=component-background-color] .component-background-color-default a, body.strix .component-background-color-default a, body.strix [class*=component-background-color] .component-background-color-default a {
  color: #333; }

.strix .component-background-color-default h1, .strix .component-background-color-default h2, .strix .component-background-color-default h3, .strix .component-background-color-default h4, .strix .component-background-color-default h5, .strix .component-background-color-default h6, .strix [class*=component-background-color] .component-background-color-default h1, .strix [class*=component-background-color] .component-background-color-default h2, .strix [class*=component-background-color] .component-background-color-default h3, .strix [class*=component-background-color] .component-background-color-default h4, .strix [class*=component-background-color] .component-background-color-default h5, .strix [class*=component-background-color] .component-background-color-default h6, body.strix .component-background-color-default h1, body.strix .component-background-color-default h2, body.strix .component-background-color-default h3, body.strix .component-background-color-default h4, body.strix .component-background-color-default h5, body.strix .component-background-color-default h6, body.strix [class*=component-background-color] .component-background-color-default h1, body.strix [class*=component-background-color] .component-background-color-default h2, body.strix [class*=component-background-color] .component-background-color-default h3, body.strix [class*=component-background-color] .component-background-color-default h4, body.strix [class*=component-background-color] .component-background-color-default h5, body.strix [class*=component-background-color] .component-background-color-default h6 {
  color: #000; }

.strix .component-background-color-default h1 a, .strix .component-background-color-default h2 a, .strix .component-background-color-default h3 a, .strix .component-background-color-default h4 a, .strix .component-background-color-default h5 a, .strix .component-background-color-default h6 a, .strix [class*=component-background-color] .component-background-color-default h1 a, .strix [class*=component-background-color] .component-background-color-default h2 a, .strix [class*=component-background-color] .component-background-color-default h3 a, .strix [class*=component-background-color] .component-background-color-default h4 a, .strix [class*=component-background-color] .component-background-color-default h5 a, .strix [class*=component-background-color] .component-background-color-default h6 a, body.strix .component-background-color-default h1 a, body.strix .component-background-color-default h2 a, body.strix .component-background-color-default h3 a, body.strix .component-background-color-default h4 a, body.strix .component-background-color-default h5 a, body.strix .component-background-color-default h6 a, body.strix [class*=component-background-color] .component-background-color-default h1 a, body.strix [class*=component-background-color] .component-background-color-default h2 a, body.strix [class*=component-background-color] .component-background-color-default h3 a, body.strix [class*=component-background-color] .component-background-color-default h4 a, body.strix [class*=component-background-color] .component-background-color-default h5 a, body.strix [class*=component-background-color] .component-background-color-default h6 a {
  color: #000; }

.strix .component-background-color-default hr, .strix [class*=component-background-color] .component-background-color-default hr, body.strix .component-background-color-default hr, body.strix [class*=component-background-color] .component-background-color-default hr {
  border-color: #f5f5f5; }

.strix .component-background-color-default .form-field.input-with-icon .strix-icon, .strix [class*=component-background-color] .component-background-color-default .form-field.input-with-icon .strix-icon, body.strix .component-background-color-default .form-field.input-with-icon .strix-icon, body.strix [class*=component-background-color] .component-background-color-default .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-default .form-field .hint-icon, .strix [class*=component-background-color] .component-background-color-default .form-field .hint-icon, body.strix .component-background-color-default .form-field .hint-icon, body.strix [class*=component-background-color] .component-background-color-default .form-field .hint-icon {
  color: #4d4f53; }

.strix .component-background-color-inverse, .strix [class*=component-background-color] .component-background-color-inverse, body.strix .component-background-color-inverse, body.strix [class*=component-background-color] .component-background-color-inverse {
  background: #000;
  color: #e2e2e2; }

.strix .component-background-color-inverse ::placeholder, .strix [class*=component-background-color] .component-background-color-inverse ::placeholder, body.strix .component-background-color-inverse ::placeholder, body.strix [class*=component-background-color] .component-background-color-inverse ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-inverse :-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-inverse :-ms-input-placeholder, body.strix .component-background-color-inverse :-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-inverse :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-inverse ::-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-inverse ::-ms-input-placeholder, body.strix .component-background-color-inverse ::-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-inverse ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-inverse .form-field .dk_toggle, .strix .component-background-color-inverse .form-field input[type=email], .strix .component-background-color-inverse .form-field input[type=number], .strix .component-background-color-inverse .form-field input[type=password], .strix .component-background-color-inverse .form-field input[type=tel], .strix .component-background-color-inverse .form-field input[type=text], .strix .component-background-color-inverse .form-field textarea, .strix [class*=component-background-color] .component-background-color-inverse .form-field .dk_toggle, .strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=email], .strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=number], .strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=password], .strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=tel], .strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=text], .strix [class*=component-background-color] .component-background-color-inverse .form-field textarea, body.strix .component-background-color-inverse .form-field .dk_toggle, body.strix .component-background-color-inverse .form-field input[type=email], body.strix .component-background-color-inverse .form-field input[type=number], body.strix .component-background-color-inverse .form-field input[type=password], body.strix .component-background-color-inverse .form-field input[type=tel], body.strix .component-background-color-inverse .form-field input[type=text], body.strix .component-background-color-inverse .form-field textarea, body.strix [class*=component-background-color] .component-background-color-inverse .form-field .dk_toggle, body.strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=email], body.strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=number], body.strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=password], body.strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=tel], body.strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=text], body.strix [class*=component-background-color] .component-background-color-inverse .form-field textarea {
  background: #f5f5f5; }

.strix .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-inverse .form-field .form-radio-wrapper label:before, .strix [class*=component-background-color] .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, .strix [class*=component-background-color] .component-background-color-inverse .form-field .form-radio-wrapper label:before, body.strix .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-inverse .form-field .form-radio-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-inverse .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-inverse .form-field input[type=radio]:checked + label:before, .strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-inverse .form-field input[type=radio]:checked + label:before, body.strix [class*=component-background-color] .component-background-color-inverse .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, .strix [class*=component-background-color] .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, body.strix [class*=component-background-color] .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, .strix [class*=component-background-color] .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix [class*=component-background-color] .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, .strix [class*=component-background-color] .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix [class*=component-background-color] .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .component-background-color-inverse a, .strix [class*=component-background-color] .component-background-color-inverse a, body.strix .component-background-color-inverse a, body.strix [class*=component-background-color] .component-background-color-inverse a {
  color: #e2e2e2; }

.strix .component-background-color-inverse h1, .strix .component-background-color-inverse h2, .strix .component-background-color-inverse h3, .strix .component-background-color-inverse h4, .strix .component-background-color-inverse h5, .strix .component-background-color-inverse h6, .strix [class*=component-background-color] .component-background-color-inverse h1, .strix [class*=component-background-color] .component-background-color-inverse h2, .strix [class*=component-background-color] .component-background-color-inverse h3, .strix [class*=component-background-color] .component-background-color-inverse h4, .strix [class*=component-background-color] .component-background-color-inverse h5, .strix [class*=component-background-color] .component-background-color-inverse h6, body.strix .component-background-color-inverse h1, body.strix .component-background-color-inverse h2, body.strix .component-background-color-inverse h3, body.strix .component-background-color-inverse h4, body.strix .component-background-color-inverse h5, body.strix .component-background-color-inverse h6, body.strix [class*=component-background-color] .component-background-color-inverse h1, body.strix [class*=component-background-color] .component-background-color-inverse h2, body.strix [class*=component-background-color] .component-background-color-inverse h3, body.strix [class*=component-background-color] .component-background-color-inverse h4, body.strix [class*=component-background-color] .component-background-color-inverse h5, body.strix [class*=component-background-color] .component-background-color-inverse h6 {
  color: #fff; }

.strix .component-background-color-inverse h1 a, .strix .component-background-color-inverse h2 a, .strix .component-background-color-inverse h3 a, .strix .component-background-color-inverse h4 a, .strix .component-background-color-inverse h5 a, .strix .component-background-color-inverse h6 a, .strix [class*=component-background-color] .component-background-color-inverse h1 a, .strix [class*=component-background-color] .component-background-color-inverse h2 a, .strix [class*=component-background-color] .component-background-color-inverse h3 a, .strix [class*=component-background-color] .component-background-color-inverse h4 a, .strix [class*=component-background-color] .component-background-color-inverse h5 a, .strix [class*=component-background-color] .component-background-color-inverse h6 a, body.strix .component-background-color-inverse h1 a, body.strix .component-background-color-inverse h2 a, body.strix .component-background-color-inverse h3 a, body.strix .component-background-color-inverse h4 a, body.strix .component-background-color-inverse h5 a, body.strix .component-background-color-inverse h6 a, body.strix [class*=component-background-color] .component-background-color-inverse h1 a, body.strix [class*=component-background-color] .component-background-color-inverse h2 a, body.strix [class*=component-background-color] .component-background-color-inverse h3 a, body.strix [class*=component-background-color] .component-background-color-inverse h4 a, body.strix [class*=component-background-color] .component-background-color-inverse h5 a, body.strix [class*=component-background-color] .component-background-color-inverse h6 a {
  color: #fff; }

.strix .component-background-color-inverse .highlight-text-primary, .strix .component-background-color-inverse .highlight-text-primary a, .strix [class*=component-background-color] .component-background-color-inverse .highlight-text-primary, .strix [class*=component-background-color] .component-background-color-inverse .highlight-text-primary a, body.strix .component-background-color-inverse .highlight-text-primary, body.strix .component-background-color-inverse .highlight-text-primary a, body.strix [class*=component-background-color] .component-background-color-inverse .highlight-text-primary, body.strix [class*=component-background-color] .component-background-color-inverse .highlight-text-primary a {
  color: #fedf00; }

.strix .component-background-color-inverse .form-field.input-with-icon .strix-icon, .strix [class*=component-background-color] .component-background-color-inverse .form-field.input-with-icon .strix-icon, body.strix .component-background-color-inverse .form-field.input-with-icon .strix-icon, body.strix [class*=component-background-color] .component-background-color-inverse .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-style1, .strix [class*=component-background-color] .component-background-color-style1, body.strix .component-background-color-style1, body.strix [class*=component-background-color] .component-background-color-style1 {
  background: #f5f5f5;
  color: #333; }

.strix .component-background-color-style1 ::placeholder, .strix [class*=component-background-color] .component-background-color-style1 ::placeholder, body.strix .component-background-color-style1 ::placeholder, body.strix [class*=component-background-color] .component-background-color-style1 ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-style1 :-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-style1 :-ms-input-placeholder, body.strix .component-background-color-style1 :-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-style1 :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style1 ::-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-style1 ::-ms-input-placeholder, body.strix .component-background-color-style1 ::-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-style1 ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style1 .form-field .dk_toggle, .strix .component-background-color-style1 .form-field input[type=email], .strix .component-background-color-style1 .form-field input[type=number], .strix .component-background-color-style1 .form-field input[type=password], .strix .component-background-color-style1 .form-field input[type=tel], .strix .component-background-color-style1 .form-field input[type=text], .strix .component-background-color-style1 .form-field textarea, .strix [class*=component-background-color] .component-background-color-style1 .form-field .dk_toggle, .strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=email], .strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=number], .strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=password], .strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=tel], .strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=text], .strix [class*=component-background-color] .component-background-color-style1 .form-field textarea, body.strix .component-background-color-style1 .form-field .dk_toggle, body.strix .component-background-color-style1 .form-field input[type=email], body.strix .component-background-color-style1 .form-field input[type=number], body.strix .component-background-color-style1 .form-field input[type=password], body.strix .component-background-color-style1 .form-field input[type=tel], body.strix .component-background-color-style1 .form-field input[type=text], body.strix .component-background-color-style1 .form-field textarea, body.strix [class*=component-background-color] .component-background-color-style1 .form-field .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=email], body.strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=number], body.strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=password], body.strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=tel], body.strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=text], body.strix [class*=component-background-color] .component-background-color-style1 .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-style1 .form-field .form-radio-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style1 .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-style1 .form-field input[type=radio]:checked + label:before, .strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-style1 .form-field input[type=radio]:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style1 .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, .strix [class*=component-background-color] .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, .strix [class*=component-background-color] .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, .strix [class*=component-background-color] .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix [class*=component-background-color] .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .component-background-color-style1.background-color-after, .strix [class*=component-background-color] .component-background-color-style1.background-color-after, body.strix .component-background-color-style1.background-color-after, body.strix [class*=component-background-color] .component-background-color-style1.background-color-after {
  position: relative;
  z-index: 1; }

.strix .component-background-color-style1.background-color-after:after, .strix [class*=component-background-color] .component-background-color-style1.background-color-after:after, body.strix .component-background-color-style1.background-color-after:after, body.strix [class*=component-background-color] .component-background-color-style1.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .component-background-color-style1 .highlight-text-primary, .strix [class*=component-background-color] .component-background-color-style1 .highlight-text-primary, body.strix .component-background-color-style1 .highlight-text-primary, body.strix [class*=component-background-color] .component-background-color-style1 .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .component-background-color-style1 .dk_toggle, .strix .component-background-color-style1 input[type=text], .strix .component-background-color-style1 textarea, .strix [class*=component-background-color] .component-background-color-style1 .dk_toggle, .strix [class*=component-background-color] .component-background-color-style1 input[type=text], .strix [class*=component-background-color] .component-background-color-style1 textarea, body.strix .component-background-color-style1 .dk_toggle, body.strix .component-background-color-style1 input[type=text], body.strix .component-background-color-style1 textarea, body.strix [class*=component-background-color] .component-background-color-style1 .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style1 input[type=text], body.strix [class*=component-background-color] .component-background-color-style1 textarea {
  background: #fff; }

.strix .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-style1 .form-field .form-radio-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style1 .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .component-background-color-style1 .form-field.input-with-icon .strix-icon, .strix [class*=component-background-color] .component-background-color-style1 .form-field.input-with-icon .strix-icon, body.strix .component-background-color-style1 .form-field.input-with-icon .strix-icon, body.strix [class*=component-background-color] .component-background-color-style1 .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-style1 .form-field .hint-icon, .strix [class*=component-background-color] .component-background-color-style1 .form-field .hint-icon, body.strix .component-background-color-style1 .form-field .hint-icon, body.strix [class*=component-background-color] .component-background-color-style1 .form-field .hint-icon {
  color: #4d4f53; }

.strix .component-background-color-style2, .strix [class*=component-background-color] .component-background-color-style2, body.strix .component-background-color-style2, body.strix [class*=component-background-color] .component-background-color-style2 {
  background: #4d4f53;
  color: #f5f5f5; }

.strix .component-background-color-style2 ::placeholder, .strix [class*=component-background-color] .component-background-color-style2 ::placeholder, body.strix .component-background-color-style2 ::placeholder, body.strix [class*=component-background-color] .component-background-color-style2 ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-style2 :-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-style2 :-ms-input-placeholder, body.strix .component-background-color-style2 :-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-style2 :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style2 ::-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-style2 ::-ms-input-placeholder, body.strix .component-background-color-style2 ::-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-style2 ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style2 .form-field .dk_toggle, .strix .component-background-color-style2 .form-field input[type=email], .strix .component-background-color-style2 .form-field input[type=number], .strix .component-background-color-style2 .form-field input[type=password], .strix .component-background-color-style2 .form-field input[type=tel], .strix .component-background-color-style2 .form-field input[type=text], .strix .component-background-color-style2 .form-field textarea, .strix [class*=component-background-color] .component-background-color-style2 .form-field .dk_toggle, .strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=email], .strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=number], .strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=password], .strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=tel], .strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=text], .strix [class*=component-background-color] .component-background-color-style2 .form-field textarea, body.strix .component-background-color-style2 .form-field .dk_toggle, body.strix .component-background-color-style2 .form-field input[type=email], body.strix .component-background-color-style2 .form-field input[type=number], body.strix .component-background-color-style2 .form-field input[type=password], body.strix .component-background-color-style2 .form-field input[type=tel], body.strix .component-background-color-style2 .form-field input[type=text], body.strix .component-background-color-style2 .form-field textarea, body.strix [class*=component-background-color] .component-background-color-style2 .form-field .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=email], body.strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=number], body.strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=password], body.strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=tel], body.strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=text], body.strix [class*=component-background-color] .component-background-color-style2 .form-field textarea {
  color: #4d4f53;
  background: #fff; }

.strix .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-style2 .form-field .form-radio-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style2 .form-field .form-radio-wrapper label:before, body.strix .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-style2 .form-field .form-radio-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style2 .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-style2 .form-field input[type=radio]:checked + label:before, .strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-style2 .form-field input[type=radio]:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, .strix [class*=component-background-color] .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, .strix [class*=component-background-color] .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: grey;
  background: #b2b4b3; }

.strix .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, .strix [class*=component-background-color] .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix [class*=component-background-color] .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #b2b4b3; }

.strix .component-background-color-style2 a, .strix [class*=component-background-color] .component-background-color-style2 a, body.strix .component-background-color-style2 a, body.strix [class*=component-background-color] .component-background-color-style2 a {
  color: #f5f5f5; }

.strix .component-background-color-style2 h1, .strix .component-background-color-style2 h2, .strix .component-background-color-style2 h3, .strix .component-background-color-style2 h4, .strix .component-background-color-style2 h5, .strix .component-background-color-style2 h6, .strix [class*=component-background-color] .component-background-color-style2 h1, .strix [class*=component-background-color] .component-background-color-style2 h2, .strix [class*=component-background-color] .component-background-color-style2 h3, .strix [class*=component-background-color] .component-background-color-style2 h4, .strix [class*=component-background-color] .component-background-color-style2 h5, .strix [class*=component-background-color] .component-background-color-style2 h6, body.strix .component-background-color-style2 h1, body.strix .component-background-color-style2 h2, body.strix .component-background-color-style2 h3, body.strix .component-background-color-style2 h4, body.strix .component-background-color-style2 h5, body.strix .component-background-color-style2 h6, body.strix [class*=component-background-color] .component-background-color-style2 h1, body.strix [class*=component-background-color] .component-background-color-style2 h2, body.strix [class*=component-background-color] .component-background-color-style2 h3, body.strix [class*=component-background-color] .component-background-color-style2 h4, body.strix [class*=component-background-color] .component-background-color-style2 h5, body.strix [class*=component-background-color] .component-background-color-style2 h6 {
  color: #fff; }

.strix .component-background-color-style2 h1 a, .strix .component-background-color-style2 h2 a, .strix .component-background-color-style2 h3 a, .strix .component-background-color-style2 h4 a, .strix .component-background-color-style2 h5 a, .strix .component-background-color-style2 h6 a, .strix [class*=component-background-color] .component-background-color-style2 h1 a, .strix [class*=component-background-color] .component-background-color-style2 h2 a, .strix [class*=component-background-color] .component-background-color-style2 h3 a, .strix [class*=component-background-color] .component-background-color-style2 h4 a, .strix [class*=component-background-color] .component-background-color-style2 h5 a, .strix [class*=component-background-color] .component-background-color-style2 h6 a, body.strix .component-background-color-style2 h1 a, body.strix .component-background-color-style2 h2 a, body.strix .component-background-color-style2 h3 a, body.strix .component-background-color-style2 h4 a, body.strix .component-background-color-style2 h5 a, body.strix .component-background-color-style2 h6 a, body.strix [class*=component-background-color] .component-background-color-style2 h1 a, body.strix [class*=component-background-color] .component-background-color-style2 h2 a, body.strix [class*=component-background-color] .component-background-color-style2 h3 a, body.strix [class*=component-background-color] .component-background-color-style2 h4 a, body.strix [class*=component-background-color] .component-background-color-style2 h5 a, body.strix [class*=component-background-color] .component-background-color-style2 h6 a {
  color: #fff; }

.strix .component-background-color-style2 .btn.primary, .strix [class*=component-background-color] .component-background-color-style2 .btn.primary, body.strix .component-background-color-style2 .btn.primary, body.strix [class*=component-background-color] .component-background-color-style2 .btn.primary {
  color: #000; }

.strix .component-background-color-style2 .btn.secondary:hover, .strix [class*=component-background-color] .component-background-color-style2 .btn.secondary:hover, body.strix .component-background-color-style2 .btn.secondary:hover, body.strix [class*=component-background-color] .component-background-color-style2 .btn.secondary:hover {
  background: #000;
  border-color: #000; }

.strix .component-background-color-style2 .form-field input[type=text], .strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=text], body.strix .component-background-color-style2 .form-field input[type=text], body.strix [class*=component-background-color] .component-background-color-style2 .form-field input[type=text] {
  background: #fff; }

.strix .component-background-color-style2 .form-field.input-with-icon .strix-icon, .strix [class*=component-background-color] .component-background-color-style2 .form-field.input-with-icon .strix-icon, body.strix .component-background-color-style2 .form-field.input-with-icon .strix-icon, body.strix [class*=component-background-color] .component-background-color-style2 .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-style3, .strix [class*=component-background-color] .component-background-color-style3, body.strix .component-background-color-style3, body.strix [class*=component-background-color] .component-background-color-style3 {
  background: #fed100;
  color: #333; }

.strix .component-background-color-style3 .form-field .dk_toggle, .strix .component-background-color-style3 .form-field input[type=email], .strix .component-background-color-style3 .form-field input[type=number], .strix .component-background-color-style3 .form-field input[type=password], .strix .component-background-color-style3 .form-field input[type=tel], .strix .component-background-color-style3 .form-field input[type=text], .strix .component-background-color-style3 .form-field textarea, .strix [class*=component-background-color] .component-background-color-style3 .form-field .dk_toggle, .strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=email], .strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=number], .strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=password], .strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=tel], .strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=text], .strix [class*=component-background-color] .component-background-color-style3 .form-field textarea, body.strix .component-background-color-style3 .form-field .dk_toggle, body.strix .component-background-color-style3 .form-field input[type=email], body.strix .component-background-color-style3 .form-field input[type=number], body.strix .component-background-color-style3 .form-field input[type=password], body.strix .component-background-color-style3 .form-field input[type=tel], body.strix .component-background-color-style3 .form-field input[type=text], body.strix .component-background-color-style3 .form-field textarea, body.strix [class*=component-background-color] .component-background-color-style3 .form-field .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=email], body.strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=number], body.strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=password], body.strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=tel], body.strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=text], body.strix [class*=component-background-color] .component-background-color-style3 .form-field textarea {
  background: #fff; }

.strix .component-background-color-style3 .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-style3 .form-field .form-radio-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style3 .form-field .form-checkbox-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style3 .form-field .form-radio-wrapper label:before, body.strix .component-background-color-style3 .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-style3 .form-field .form-radio-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style3 .form-field .form-checkbox-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style3 .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .component-background-color-style3 .form-field input[type=radio]:checked + label:before, .strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-style3 .form-field input[type=radio]:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style3 .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #ffffff 35%); }

.strix .component-background-color-style3 a, .strix [class*=component-background-color] .component-background-color-style3 a, body.strix .component-background-color-style3 a, body.strix [class*=component-background-color] .component-background-color-style3 a {
  color: #333; }

.strix .component-background-color-style3 .btn.primary, .strix [class*=component-background-color] .component-background-color-style3 .btn.primary, body.strix .component-background-color-style3 .btn.primary, body.strix [class*=component-background-color] .component-background-color-style3 .btn.primary {
  background: #fff;
  color: #000; }

.strix .component-background-color-style3 .btn.primary:hover, .strix [class*=component-background-color] .component-background-color-style3 .btn.primary:hover, body.strix .component-background-color-style3 .btn.primary:hover, body.strix [class*=component-background-color] .component-background-color-style3 .btn.primary:hover {
  background: #fff19d; }

.strix .component-background-color-style3 .btn.default, .strix [class*=component-background-color] .component-background-color-style3 .btn.default, body.strix .component-background-color-style3 .btn.default, body.strix [class*=component-background-color] .component-background-color-style3 .btn.default {
  background: #fedf00;
  color: #000; }

.strix .component-background-color-style3 .btn.default:hover, .strix [class*=component-background-color] .component-background-color-style3 .btn.default:hover, body.strix .component-background-color-style3 .btn.default:hover, body.strix [class*=component-background-color] .component-background-color-style3 .btn.default:hover {
  background: #fed100;
  border-color: #fff; }

.strix .component-background-color-style3 .form-field.input-with-icon .strix-icon, .strix [class*=component-background-color] .component-background-color-style3 .form-field.input-with-icon .strix-icon, body.strix .component-background-color-style3 .form-field.input-with-icon .strix-icon, body.strix [class*=component-background-color] .component-background-color-style3 .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-style3 .form-field .hint-icon, .strix [class*=component-background-color] .component-background-color-style3 .form-field .hint-icon, body.strix .component-background-color-style3 .form-field .hint-icon, body.strix [class*=component-background-color] .component-background-color-style3 .form-field .hint-icon {
  color: #4d4f53; }

.strix .component-background-color-style4, .strix [class*=component-background-color] .component-background-color-style4, body.strix .component-background-color-style4, body.strix [class*=component-background-color] .component-background-color-style4 {
  background: #eae7e3;
  color: #333; }

.strix .component-background-color-style4 ::placeholder, .strix [class*=component-background-color] .component-background-color-style4 ::placeholder, body.strix .component-background-color-style4 ::placeholder, body.strix [class*=component-background-color] .component-background-color-style4 ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-style4 :-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-style4 :-ms-input-placeholder, body.strix .component-background-color-style4 :-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-style4 :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style4 ::-ms-input-placeholder, .strix [class*=component-background-color] .component-background-color-style4 ::-ms-input-placeholder, body.strix .component-background-color-style4 ::-ms-input-placeholder, body.strix [class*=component-background-color] .component-background-color-style4 ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style4 .form-field .dk_toggle, .strix .component-background-color-style4 .form-field input[type=email], .strix .component-background-color-style4 .form-field input[type=number], .strix .component-background-color-style4 .form-field input[type=password], .strix .component-background-color-style4 .form-field input[type=tel], .strix .component-background-color-style4 .form-field input[type=text], .strix .component-background-color-style4 .form-field textarea, .strix [class*=component-background-color] .component-background-color-style4 .form-field .dk_toggle, .strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=email], .strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=number], .strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=password], .strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=tel], .strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=text], .strix [class*=component-background-color] .component-background-color-style4 .form-field textarea, body.strix .component-background-color-style4 .form-field .dk_toggle, body.strix .component-background-color-style4 .form-field input[type=email], body.strix .component-background-color-style4 .form-field input[type=number], body.strix .component-background-color-style4 .form-field input[type=password], body.strix .component-background-color-style4 .form-field input[type=tel], body.strix .component-background-color-style4 .form-field input[type=text], body.strix .component-background-color-style4 .form-field textarea, body.strix [class*=component-background-color] .component-background-color-style4 .form-field .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=email], body.strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=number], body.strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=password], body.strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=tel], body.strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=text], body.strix [class*=component-background-color] .component-background-color-style4 .form-field textarea {
  background: #f5f5f5; }

.strix .component-background-color-style4 .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-style4 .form-field .form-radio-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style4 .form-field .form-checkbox-wrapper label:before, .strix [class*=component-background-color] .component-background-color-style4 .form-field .form-radio-wrapper label:before, body.strix .component-background-color-style4 .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-style4 .form-field .form-radio-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style4 .form-field .form-checkbox-wrapper label:before, body.strix [class*=component-background-color] .component-background-color-style4 .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .component-background-color-style4 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-style4 .form-field .form-radio-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-style4 .form-field .form-checkbox-wrapper input:checked + label:before, .strix [class*=component-background-color] .component-background-color-style4 .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-style4 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-style4 .form-field .form-radio-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style4 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style4 .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-style4 .form-field input[type=radio]:checked + label:before, .strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-style4 .form-field input[type=radio]:checked + label:before, body.strix [class*=component-background-color] .component-background-color-style4 .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-style4 .form-field.with-calling-code .dk_container .dk_toggle, .strix [class*=component-background-color] .component-background-color-style4 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-style4 .form-field.with-calling-code .dk_container .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style4 .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-style4 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, .strix [class*=component-background-color] .component-background-color-style4 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-style4 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix [class*=component-background-color] .component-background-color-style4 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .component-background-color-style4 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, .strix [class*=component-background-color] .component-background-color-style4 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-style4 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix [class*=component-background-color] .component-background-color-style4 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .component-background-color-style4 a, .strix [class*=component-background-color] .component-background-color-style4 a, body.strix .component-background-color-style4 a, body.strix [class*=component-background-color] .component-background-color-style4 a {
  color: #333; }

.strix .component-background-color-style4 h1, .strix .component-background-color-style4 h2, .strix .component-background-color-style4 h3, .strix .component-background-color-style4 h4, .strix .component-background-color-style4 h5, .strix .component-background-color-style4 h6, .strix [class*=component-background-color] .component-background-color-style4 h1, .strix [class*=component-background-color] .component-background-color-style4 h2, .strix [class*=component-background-color] .component-background-color-style4 h3, .strix [class*=component-background-color] .component-background-color-style4 h4, .strix [class*=component-background-color] .component-background-color-style4 h5, .strix [class*=component-background-color] .component-background-color-style4 h6, body.strix .component-background-color-style4 h1, body.strix .component-background-color-style4 h2, body.strix .component-background-color-style4 h3, body.strix .component-background-color-style4 h4, body.strix .component-background-color-style4 h5, body.strix .component-background-color-style4 h6, body.strix [class*=component-background-color] .component-background-color-style4 h1, body.strix [class*=component-background-color] .component-background-color-style4 h2, body.strix [class*=component-background-color] .component-background-color-style4 h3, body.strix [class*=component-background-color] .component-background-color-style4 h4, body.strix [class*=component-background-color] .component-background-color-style4 h5, body.strix [class*=component-background-color] .component-background-color-style4 h6 {
  color: #000; }

.strix .component-background-color-style4 h1 a, .strix .component-background-color-style4 h2 a, .strix .component-background-color-style4 h3 a, .strix .component-background-color-style4 h4 a, .strix .component-background-color-style4 h5 a, .strix .component-background-color-style4 h6 a, .strix [class*=component-background-color] .component-background-color-style4 h1 a, .strix [class*=component-background-color] .component-background-color-style4 h2 a, .strix [class*=component-background-color] .component-background-color-style4 h3 a, .strix [class*=component-background-color] .component-background-color-style4 h4 a, .strix [class*=component-background-color] .component-background-color-style4 h5 a, .strix [class*=component-background-color] .component-background-color-style4 h6 a, body.strix .component-background-color-style4 h1 a, body.strix .component-background-color-style4 h2 a, body.strix .component-background-color-style4 h3 a, body.strix .component-background-color-style4 h4 a, body.strix .component-background-color-style4 h5 a, body.strix .component-background-color-style4 h6 a, body.strix [class*=component-background-color] .component-background-color-style4 h1 a, body.strix [class*=component-background-color] .component-background-color-style4 h2 a, body.strix [class*=component-background-color] .component-background-color-style4 h3 a, body.strix [class*=component-background-color] .component-background-color-style4 h4 a, body.strix [class*=component-background-color] .component-background-color-style4 h5 a, body.strix [class*=component-background-color] .component-background-color-style4 h6 a {
  color: #000; }

.strix .component-background-color-default, .strix .component-background-color-inverse, .strix .component-background-color-style1, .strix .component-background-color-style2, body.strix .component-background-color-default, body.strix .component-background-color-inverse, body.strix .component-background-color-style1, body.strix .component-background-color-style2 {
  margin: 0;
  padding: 30px 0 60px; }

.strix .component-background-color-default.background-same-as-previous, .strix .component-background-color-inverse.background-same-as-previous, .strix .component-background-color-style1.background-same-as-previous, .strix .component-background-color-style2.background-same-as-previous, body.strix .component-background-color-default.background-same-as-previous, body.strix .component-background-color-inverse.background-same-as-previous, body.strix .component-background-color-style1.background-same-as-previous, body.strix .component-background-color-style2.background-same-as-previous {
  margin-top: -60px;
  padding-top: 0; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .component-background-color-default[class*=top-component-background-color-], .strix .component-background-color-inverse[class*=top-component-background-color-], .strix .component-background-color-style1[class*=top-component-background-color-], .strix .component-background-color-style2[class*=top-component-background-color-], body.strix .component-background-color-default[class*=top-component-background-color-], body.strix .component-background-color-inverse[class*=top-component-background-color-], body.strix .component-background-color-style1[class*=top-component-background-color-], body.strix .component-background-color-style2[class*=top-component-background-color-] {
    padding-top: 100px;
    padding-bottom: 100px; }

  .strix .component-background-color-default[class*=top-component-background-color-] .inner-wrapper, .strix .component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper, .strix .component-background-color-style1[class*=top-component-background-color-] .inner-wrapper, .strix .component-background-color-style2[class*=top-component-background-color-] .inner-wrapper, body.strix .component-background-color-default[class*=top-component-background-color-] .inner-wrapper, body.strix .component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper, body.strix .component-background-color-style1[class*=top-component-background-color-] .inner-wrapper, body.strix .component-background-color-style2[class*=top-component-background-color-] .inner-wrapper {
    padding-bottom: 60px; }

  .strix .component-background-color-default[class*=top-component-background-color-].background-same-as-previous, .strix .component-background-color-inverse[class*=top-component-background-color-].background-same-as-previous, .strix .component-background-color-style1[class*=top-component-background-color-].background-same-as-previous, .strix .component-background-color-style2[class*=top-component-background-color-].background-same-as-previous, body.strix .component-background-color-default[class*=top-component-background-color-].background-same-as-previous, body.strix .component-background-color-inverse[class*=top-component-background-color-].background-same-as-previous, body.strix .component-background-color-style1[class*=top-component-background-color-].background-same-as-previous, body.strix .component-background-color-style2[class*=top-component-background-color-].background-same-as-previous {
    margin-top: 0;
    padding-top: 0; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .component-background-color-default[class*=top-component-background-color-].background-same-as-previous, .strix .component-background-color-inverse[class*=top-component-background-color-].background-same-as-previous, .strix .component-background-color-style1[class*=top-component-background-color-].background-same-as-previous, .strix .component-background-color-style2[class*=top-component-background-color-].background-same-as-previous, body.strix .component-background-color-default[class*=top-component-background-color-].background-same-as-previous, body.strix .component-background-color-inverse[class*=top-component-background-color-].background-same-as-previous, body.strix .component-background-color-style1[class*=top-component-background-color-].background-same-as-previous, body.strix .component-background-color-style2[class*=top-component-background-color-].background-same-as-previous {
    margin-top: 0; } }
.strix .multi-component-wrapper, body.strix .multi-component-wrapper {
  overflow: hidden;
  max-width: 100vw; }

.strix .multi-component-wrapper .container, .strix .multi-component-wrapper .row, body.strix .multi-component-wrapper .container, body.strix .multi-component-wrapper .row {
  position: static; }

.strix .multi-component-wrapper [class*=component-background-color], body.strix .multi-component-wrapper [class*=component-background-color] {
  overflow: visible !important; }

.strix .multi-component-wrapper [class*=component-background-color]:before, body.strix .multi-component-wrapper [class*=component-background-color]:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100vw;
  right: -100vw;
  bottom: 0;
  z-index: -1; }

.strix .multi-component-wrapper .component-background-color-default:before, body.strix .multi-component-wrapper .component-background-color-default:before {
  background: #fff; }

.strix .multi-component-wrapper .component-background-color-inverse:before, body.strix .multi-component-wrapper .component-background-color-inverse:before {
  background: #000; }

.strix .multi-component-wrapper .component-background-color-style1:before, body.strix .multi-component-wrapper .component-background-color-style1:before {
  background: #f5f5f5; }

.strix .multi-component-wrapper .component-background-color-style2:before, body.strix .multi-component-wrapper .component-background-color-style2:before {
  background: #4d4f53; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .top-component-background-color-default:before, body.strix .top-component-background-color-default:before {
    background: #fff; }

  .strix .top-component-background-color-inverse:before, body.strix .top-component-background-color-inverse:before {
    background: #000; }

  .strix .top-component-background-color-style1:before, body.strix .top-component-background-color-style1:before {
    background: #f5f5f5; }

  .strix .top-component-background-color-style2:before, body.strix .top-component-background-color-style2:before {
    background: #4d4f53; }

  .strix .top-component-background-color-style3:before, body.strix .top-component-background-color-style3:before {
    background: #fed100; }

  .strix .bottom-component-background-color-default:after, body.strix .bottom-component-background-color-default:after {
    background: #fff; }

  .strix .bottom-component-background-color-inverse:after, body.strix .bottom-component-background-color-inverse:after {
    background: #000; }

  .strix .bottom-component-background-color-style1:after, body.strix .bottom-component-background-color-style1:after {
    background: #f5f5f5; }

  .strix .bottom-component-background-color-style2:after, body.strix .bottom-component-background-color-style2:after {
    background: #4d4f53; }

  .strix .bottom-component-background-color-style3:after, body.strix .bottom-component-background-color-style3:after {
    background: #fed100; } }
.strix.layout-021-layouttpl [class*=component-background-color], body.strix.layout-021-layouttpl [class*=component-background-color] {
  background: #eae7e3; }

.strix.layout-021-layouttpl [class*=component-background-color] .container, body.strix.layout-021-layouttpl [class*=component-background-color] .container {
  max-width: 1410px;
  background: #fff30a; }

.strix.layout-021-layouttpl [class*=component-background-color] .container:before, body.strix.layout-021-layouttpl [class*=component-background-color] .container:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  height: 8px;
  background: #fff30a; }

.strix.layout-021-layouttpl [class*=component-background-color] .container h2, body.strix.layout-021-layouttpl [class*=component-background-color] .container h2 {
  margin-top: 0;
  padding-top: 100px; }

.strix.layout-021-layouttpl [class*=component-background-color].process.tight .container:before, body.strix.layout-021-layouttpl [class*=component-background-color].process.tight .container:before {
  width: 175px; }

.strix *, body.strix * {
  font-family: "Proxima N",Arial,sans-serif; }

.strix h1, .strix h1 *, body.strix h1, body.strix h1 * {
  font-family: "Futura PT",Arial,sans-serif;
  line-height: 1.2em;
  font-weight: 100; }

.strix h2, .strix h2 *, .strix h3, .strix h3 *, .strix h4, .strix h4 *, body.strix h2, body.strix h2 *, body.strix h3, body.strix h3 *, body.strix h4, body.strix h4 * {
  font-family: "Futura PT",Arial,sans-serif;
  line-height: 1.2em; }

.strix h5, .strix h6, body.strix h5, body.strix h6 {
  font-family: "Proxima N",Arial,sans-serif;
  line-height: 1.2em; }

.strix h1, body.strix h1 {
  font-size: 50px;
  line-height: 55px;
  margin: 100px 0 50px 0; }

@media (max-width: 639px) {
  .strix h1, body.strix h1 {
    font-size: 35px;
    line-height: 40px; } }
.strix h2, body.strix h2 {
  text-align: center;
  font-size: 40px;
  line-height: 45px;
  font-weight: 400;
  font-family: "Futura PT",Arial,sans-serif;
  margin: 100px 0 30px 0; }

.strix h3, body.strix h3 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Futura PT",Arial,sans-serif;
  margin: 100px 0 30px 0; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix h3, body.strix h3 {
    margin-top: 50px; } }
.strix h4, body.strix h4 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
  padding: 10px 0 5px 0;
  margin: 50px 0 30px;
  padding: 0; }

.strix h5, body.strix h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 0; }

.strix h6, body.strix h6 {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0 5px 0; }

.strix .strix-icon, body.strix .strix-icon {
  font-size: 27px; }

.strix a, body.strix a {
  color: #000; }

.strix .letters-extra-small, .strix .letters-extra-small *, body.strix .letters-extra-small, body.strix .letters-extra-small * {
  font-size: 14px;
  line-height: 24px; }

.strix .letters-extra-small p, .strix p.letters-extra-small, body.strix .letters-extra-small p, body.strix p.letters-extra-small {
  margin-top: 0;
  margin-bottom: 12px; }

.strix .letters-small, .strix .letters-small *, body.strix .letters-small, body.strix .letters-small * {
  font-size: 16px;
  line-height: 26px; }

.strix .letters-medium, .strix .letters-medium *, .strix p, body.strix .letters-medium, body.strix .letters-medium *, body.strix p {
  font-size: 18px;
  line-height: 28px; }

.strix .letters-medium p, .strix p, .strix p.letters-medium, body.strix .letters-medium p, body.strix p, body.strix p.letters-medium {
  margin-top: 0;
  margin-bottom: 30px; }

.strix .letters-large, .strix .letters-large *, body.strix .letters-large, body.strix .letters-large * {
  font-size: 25px;
  line-height: 35px; }

.strix .letters-extra-large, .strix .letters-extra-large *, body.strix .letters-extra-large, body.strix .letters-extra-large * {
  font-size: 25px;
  line-height: 35px; }

.strix .block-50, body.strix .block-50 {
  width: 50%; }

.strix .block-100, body.strix .block-100 {
  width: 100%; }

.strix h2.wysiwyg-classic, body.strix h2.wysiwyg-classic {
  text-align: center;
  font-size: 40px;
  line-height: 45px;
  font-weight: 400;
  font-family: "Futura PT",Arial,sans-serif;
  margin: 100px 0 30px 0; }

.strix h3.wysiwyg-classic, body.strix h3.wysiwyg-classic {
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Futura PT",Arial,sans-serif;
  margin: 100px 0 30px 0; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix h3.wysiwyg-classic, body.strix h3.wysiwyg-classic {
    margin-top: 50px; } }
.strix h2, body.strix h2 {
  text-align: center;
  font-size: 40px;
  line-height: 45px;
  font-weight: 400;
  font-family: "Futura PT",Arial,sans-serif;
  margin: 100px 0 30px 0; }

.strix h3, body.strix h3 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Futura PT",Arial,sans-serif;
  margin: 100px 0 30px 0; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix h3, body.strix h3 {
    margin-top: 50px; } }
.strix ul, .strix ul.wysiwyg-classic, body.strix ul, body.strix ul.wysiwyg-classic {
  padding: 0; }

.strix h5 + ul, body.strix h5 + ul {
  margin-top: 0; }

.strix .wysiwyg ul li, .strix .wysiwyg-classic ul li, .strix ul.wysiwyg-classic li, body.strix .wysiwyg ul li, body.strix .wysiwyg-classic ul li, body.strix ul.wysiwyg-classic li {
  list-style: none;
  position: relative;
  padding-left: 30px;
  line-height: 26px;
  display: block;
  margin-bottom: 4px; }

.strix .wysiwyg ul li:before, .strix .wysiwyg-classic ul li:before, .strix ul.wysiwyg-classic li:before, body.strix .wysiwyg ul li:before, body.strix .wysiwyg-classic ul li:before, body.strix ul.wysiwyg-classic li:before {
  content: "\e659";
  font-family: rb-icons;
  left: 0;
  position: absolute; }

.strix .wysiwyg ul.style2 li:before, .strix .wysiwyg-classic ul.style2 li:before, .strix ul.wysiwyg-classic.style2 li:before, body.strix .wysiwyg ul.style2 li:before, body.strix .wysiwyg-classic ul.style2 li:before, body.strix ul.wysiwyg-classic.style2 li:before {
  content: "\e646"; }

.strix .wysiwyg ul.style3 li:before, .strix .wysiwyg-classic ul.style3 li:before, .strix ul.wysiwyg-classic.style3 li:before, body.strix .wysiwyg ul.style3 li:before, body.strix .wysiwyg-classic ul.style3 li:before, body.strix ul.wysiwyg-classic.style3 li:before {
  content: "\e603";
  font-size: 32px; }

.strix .wysiwyg ul.style3 li, .strix .wysiwyg-classic ul.style3 li, .strix ul.wysiwyg-classic.style3 li, body.strix .wysiwyg ul.style3 li, body.strix .wysiwyg-classic ul.style3 li, body.strix ul.wysiwyg-classic.style3 li {
  padding-left: 46px; }

.strix .list-circles li, body.strix .list-circles li {
  list-style: none;
  position: relative;
  padding-left: 34px;
  line-height: 26px;
  display: block;
  margin-bottom: 32px; }

.strix .list-circles li ul, body.strix .list-circles li ul {
  margin-top: 32px; }

.strix .list-circles li:before, body.strix .list-circles li:before {
  content: "\e646" !important;
  font-family: rb-icons;
  left: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  position: absolute;
  background: #fedf00;
  border-radius: 50%; }

.strix .list-circles a, body.strix .list-circles a {
  text-decoration: none; }

.strix .custom-icons, body.strix .custom-icons {
  position: relative; }

.strix .custom-icons li, body.strix .custom-icons li {
  list-style: none;
  position: relative;
  margin-bottom: 16px; }

.strix .custom-icons li:before, body.strix .custom-icons li:before {
  display: none; }

.strix .custom-icons li ul, body.strix .custom-icons li ul {
  margin-top: 16px;
  margin-left: 32px; }

.strix .custom-icons .strix-icon, body.strix .custom-icons .strix-icon {
  position: absolute;
  text-decoration: none;
  font-size: 20px; }

.strix .custom-icons .text, body.strix .custom-icons .text {
  padding-left: 30px; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix.block-50, body.strix.block-50 {
    width: 50%;
    float: left; }

  .strix.block-50:nth-of-type(odd), body.strix.block-50:nth-of-type(odd) {
    padding-right: 20px; }

  .strix.block-50:nth-of-type(even), body.strix.block-50:nth-of-type(even) {
    padding-left: 20px; } }
.strix .highlight-text-primary, .strix .highlight-text-primary a, body.strix .highlight-text-primary, body.strix .highlight-text-primary a {
  color: #fff30a; }

.strix h1 .highlight-text-primary, .strix h1 .highlight-text-primary a, .strix h2 .highlight-text-primary, .strix h2 .highlight-text-primary a, .strix h3 .highlight-text-primary, .strix h3 .highlight-text-primary a, .strix h4 .highlight-text-primary, .strix h4 .highlight-text-primary a, .strix h5 .highlight-text-primary, .strix h5 .highlight-text-primary a, .strix h6 .highlight-text-primary, .strix h6 .highlight-text-primary a, body.strix h1 .highlight-text-primary, body.strix h1 .highlight-text-primary a, body.strix h2 .highlight-text-primary, body.strix h2 .highlight-text-primary a, body.strix h3 .highlight-text-primary, body.strix h3 .highlight-text-primary a, body.strix h4 .highlight-text-primary, body.strix h4 .highlight-text-primary a, body.strix h5 .highlight-text-primary, body.strix h5 .highlight-text-primary a, body.strix h6 .highlight-text-primary, body.strix h6 .highlight-text-primary a {
  color: #fff30a; }

.strix .table, body.strix .table {
  margin-bottom: 20px; }

.strix .table td, body.strix .table td {
  padding: 14px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  line-height: 26px; }

.strix .table.no-borders td, .strix .table.no-borders th, body.strix .table.no-borders td, body.strix .table.no-borders th {
  border: 0; }

.strix .color-success, body.strix .color-success {
  color: #4c8; }

.strix .color-warning, body.strix .color-warning {
  color: #ec5a4e; }

.strix .clearfix::after, body.strix .clearfix::after {
  display: block;
  content: "";
  clear: both; }

.strix .box-shadow, body.strix .box-shadow {
  box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05); }

@media (max-width: 639px) {
  .strix .box-shadow, body.strix .box-shadow {
    box-shadow: none; } }
.strix .box, body.strix .box {
  margin-bottom: 50px; }

.strix .box h2, body.strix .box h2 {
  margin-top: 80px;
  margin-bottom: 50px; }

@media (max-width: 639px) {
  .strix .box, body.strix .box {
    margin: 0 -15px; } }
.strix .top-notch, body.strix .top-notch {
  position: relative; }

.strix .top-notch:before, body.strix .top-notch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 5px;
  background: #f5f5f5; }

.strix img, body.strix img {
  max-width: 100%; }

.strix .gm-style img, body.strix .gm-style img {
  max-width: none; }

.strix .overflow-auto, body.strix .overflow-auto {
  overflow: auto; }

.strix .hidden, body.strix .hidden {
  display: none !important; }

.strix .right, body.strix .right {
  float: right; }

.strix .left, body.strix .left {
  float: left; }

.strix hr, body.strix hr {
  margin: 30px 0;
  display: block;
  height: 1px;
  width: 100%;
  background: #f5f5f5;
  border: none; }

.strix .buttons-spaced .btn, body.strix .buttons-spaced .btn {
  margin: 8px 16px; }

.strix h1, .strix h1 *, body.strix h1, body.strix h1 * {
  font-family: "Futura PT",Arial,sans-serif;
  font-weight: 900; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .banner, body.strix.layout-019-layouttpl .banner {
    margin-top: 20px; } }
.strix.layout-019-layouttpl .banner[class*=component-background-color], body.strix.layout-019-layouttpl .banner[class*=component-background-color] {
  padding: 0; }

@media (max-width: 719px) {
  .strix.layout-019-layouttpl .banner.component-background-color-inverse, body.strix.layout-019-layouttpl .banner.component-background-color-inverse {
    background-color: #fff; }

  .strix.layout-019-layouttpl .banner.component-background-color-inverse h1, .strix.layout-019-layouttpl .banner.component-background-color-inverse p, body.strix.layout-019-layouttpl .banner.component-background-color-inverse h1, body.strix.layout-019-layouttpl .banner.component-background-color-inverse p {
    color: #000; } }
.strix.layout-019-layouttpl .banner img, body.strix.layout-019-layouttpl .banner img {
  width: 100%;
  height: 100%; }

.strix.layout-019-layouttpl .banner h1, body.strix.layout-019-layouttpl .banner h1 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 10px; }

.strix.layout-019-layouttpl .banner .container, body.strix.layout-019-layouttpl .banner .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1000px;
  position: relative; }

@media (min-width: 1000px) and (max-width: 9999998px), (min-width: 9999999px) {
  .strix.layout-019-layouttpl .banner .container, body.strix.layout-019-layouttpl .banner .container {
    height: 400px; } }
@media (min-width: 720px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .banner .container, body.strix.layout-019-layouttpl .banner .container {
    width: 720px;
    height: 290px; } }
@media (max-width: 639px) {
  .strix.layout-019-layouttpl .banner .container, body.strix.layout-019-layouttpl .banner .container {
    width: auto; } }
.strix.layout-019-layouttpl .banner .container .banner-image, body.strix.layout-019-layouttpl .banner .container .banner-image {
  width: 100%;
  height: 100%;
  position: relative; }

@media (max-width: 719px) {
  .strix.layout-019-layouttpl .banner .container .banner-image, body.strix.layout-019-layouttpl .banner .container .banner-image {
    display: none; } }
.strix.layout-019-layouttpl .banner .container .text-content, body.strix.layout-019-layouttpl .banner .container .text-content {
  height: auto; }

@media (min-width: 1000px) and (max-width: 9999998px), (min-width: 9999999px) {
  .strix.layout-019-layouttpl .banner .container .text-content, body.strix.layout-019-layouttpl .banner .container .text-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 130px;
    width: 450px; } }
@media (min-width: 720px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .banner .container .text-content, body.strix.layout-019-layouttpl .banner .container .text-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 330px; } }
@media (max-width: 719px) {
  .strix.layout-019-layouttpl .banner .container .text-content, body.strix.layout-019-layouttpl .banner .container .text-content {
    text-align: center;
    padding: 20px; } }
.strix.layout-019-layouttpl .banner .container .text-content .headline, body.strix.layout-019-layouttpl .banner .container .text-content .headline {
  padding-top: 0;
  margin-top: 0;
  font-family: Futura,Arial,sans-serif; }

@media (max-width: 639px) {
  .strix, body.strix {
    padding-top: 70px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix, body.strix {
    padding-top: 100px; } }
.strix .html-module, body.strix .html-module {
  position: relative;
  width: 100%;
  margin: 0;
  clear: both; }

.strix .top-section, body.strix .top-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); }

@media (max-width: 639px) {
  .strix .top-section, body.strix .top-section {
    height: 70px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .top-section, body.strix .top-section {
    height: 100px; } }
.strix .top-section .logo-container, body.strix .top-section .logo-container {
  float: left;
  display: inline-block;
  position: relative;
  height: 100%;
  background: #fff30a; }

@media (max-width: 639px) {
  .strix .top-section .logo-container, body.strix .top-section .logo-container {
    width: 50%; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .top-section .logo-container, body.strix .top-section .logo-container {
    width: 240px; } }
.strix .top-section .logo-rb, body.strix .top-section .logo-rb {
  display: block;
  margin-top: -1px;
  padding-top: 1px; }

.strix .top-section .top-menu-row, body.strix .top-section .top-menu-row {
  float: right; }

.strix .top-section .cta-container, body.strix .top-section .cta-container {
  float: right;
  display: inline-block;
  position: relative;
  height: 100%;
  text-align: center;
  width: 250px; }

@media (max-width: 639px) {
  .strix .top-section .cta-container, body.strix .top-section .cta-container {
    width: 50%; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .top-section .cta-container, body.strix .top-section .cta-container {
    width: 250px; } }
.strix .top-section .cta-container .btn, body.strix .top-section .cta-container .btn {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none; }

@media (max-width: 639px) {
  .strix .top-section .cta-container .btn, body.strix .top-section .cta-container .btn {
    padding: 25px 68px 25px 40px;
    line-height: normal; }

  .strix .top-section .cta-container .btn.with-icon .strix-icon, body.strix .top-section .cta-container .btn.with-icon .strix-icon {
    top: 22px; } }
.strix .top-section + *, body.strix .top-section + * {
  clear: both; }

@media (max-width: 639px) {
  .strix, body.strix {
    padding-top: 70px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix, body.strix {
    padding-top: 100px; } }
.strix.advisor-guide-page, body.strix.advisor-guide-page {
  background: #eae7e3; }

.strix.advisor-guide-page .html-module, body.strix.advisor-guide-page .html-module {
  position: relative;
  width: 100%;
  margin: 0;
  clear: both; }

.strix.advisor-guide-page .top-section, body.strix.advisor-guide-page .top-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff; }

@media (max-width: 639px) {
  .strix.advisor-guide-page .top-section, body.strix.advisor-guide-page .top-section {
    height: 70px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix.advisor-guide-page .top-section, body.strix.advisor-guide-page .top-section {
    height: 100px; } }
.strix.advisor-guide-page .top-section .top-menu-row, body.strix.advisor-guide-page .top-section .top-menu-row {
  float: right; }

.strix.advisor-guide-page .top-section .cta-container, body.strix.advisor-guide-page .top-section .cta-container {
  float: right;
  display: inline-block;
  position: relative;
  height: 100%;
  text-align: center;
  width: 250px; }

@media (max-width: 639px) {
  .strix.advisor-guide-page .top-section .cta-container, body.strix.advisor-guide-page .top-section .cta-container {
    width: 50%; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix.advisor-guide-page .top-section .cta-container, body.strix.advisor-guide-page .top-section .cta-container {
    width: 250px; } }
.strix.advisor-guide-page .top-section .cta-container .btn, body.strix.advisor-guide-page .top-section .cta-container .btn {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none; }

@media (max-width: 639px) {
  .strix.advisor-guide-page .top-section .cta-container .btn, body.strix.advisor-guide-page .top-section .cta-container .btn {
    padding: 25px 68px 25px 40px;
    line-height: normal; }

  .strix.advisor-guide-page .top-section .cta-container .btn.with-icon .strix-icon, body.strix.advisor-guide-page .top-section .cta-container .btn.with-icon .strix-icon {
    top: 22px; } }
.strix.advisor-guide-page .top-section + *, body.strix.advisor-guide-page .top-section + * {
  clear: both; }

.strix.advisor-guide-page .form-generic, body.strix.advisor-guide-page .form-generic {
  background: white !important;
  margin: 0 auto;
  position: relative;
  padding: 20px 0 60px; }

@media (min-width: 1440px) {
  .strix.advisor-guide-page .form-generic, body.strix.advisor-guide-page .form-generic {
    width: 1410px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix.advisor-guide-page .form-generic, body.strix.advisor-guide-page .form-generic {
    width: 970px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix.advisor-guide-page .form-generic, body.strix.advisor-guide-page .form-generic {
    width: calc(100% - 30px); } }
.strix.advisor-guide-page .form-generic:before, body.strix.advisor-guide-page .form-generic:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  height: 8px;
  background: #fff30a; }

.strix.advisor-guide-page .popup-breadcrumb, body.strix.advisor-guide-page .popup-breadcrumb {
  display: none; }

@media (max-width: 639px) {
  .strix.advisor-guide-page .main-heading-area .buttons .btn, body.strix.advisor-guide-page .main-heading-area .buttons .btn {
    margin-top: 10px; } }
.strix, body.strix {
  overflow-x: hidden; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix, body.strix {
    padding-top: 100px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix, body.strix {
    padding-top: 80px; } }
@media (max-width: 639px) {
  .strix, body.strix {
    padding-top: 55px; } }
.strix .header, body.strix .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 250;
  font-family: "Proxima N",Arial,sans-serif; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .header, body.strix .header {
    height: 100px; } }
@media (max-width: 639px) {
  .strix .header, body.strix .header {
    height: 70px; } }
.strix .header *, body.strix .header * {
  font-family: "Proxima N",Arial,sans-serif; }

.strix .header .wrapper, body.strix .header .wrapper {
  float: left;
  width: calc(100% - 240px); }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .wrapper, body.strix .header .wrapper {
    width: calc(100% - 200px); } }
@media (max-width: 639px) {
  .strix .header .wrapper, body.strix .header .wrapper {
    width: calc(100% - 70px); } }
.strix .header .icon, body.strix .header .icon {
  display: inline-block; }

.strix .header .login, .strix .header .phone-call-center, .strix .header .search, .strix .header .wrapper, .strix .header li, .strix .header ul, body.strix .header .login, body.strix .header .phone-call-center, body.strix .header .search, body.strix .header .wrapper, body.strix .header li, body.strix .header ul {
  display: inline-block;
  padding: 0;
  vertical-align: top;
  margin: 0; }

.strix .header .float-right, body.strix .header .float-right {
  float: right; }

.strix .header a, body.strix .header a {
  text-decoration: none; }

.strix .header .main-nav-outer, body.strix .header .main-nav-outer {
  padding-left: 35px;
  height: 65px;
  line-height: 65px;
  font-size: 15px;
  clear: both;
  background: #423131;
  position: relative; }

@media (max-width: 639px) {
  .strix .header .main-nav-outer, body.strix .header .main-nav-outer {
    background: #322425; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav-outer .phone-call-center, body.strix .header .main-nav-outer .phone-call-center {
    margin-right: 30px; } }
@media (max-width: 1149px) {
  .strix .header .main-nav-outer .float-right .phone-call-center, body.strix .header .main-nav-outer .float-right .phone-call-center {
    display: none !important; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav-outer, body.strix .header .main-nav-outer {
    height: 52px;
    line-height: 52px; } }
@media (max-width: 639px) {
  .strix .header .main-nav-outer, body.strix .header .main-nav-outer {
    height: 70px;
    line-height: 70px;
    padding: 0;
    font-size: 18px; } }
.strix .header .language-selection, body.strix .header .language-selection {
  display: inline-block;
  width: 86px;
  position: relative;
  z-index: 200;
  margin-left: 10px; }

.strix .header .language-selection .dropdown-menu, body.strix .header .language-selection .dropdown-menu {
  width: 86px; }

.strix .header .main-nav > li, body.strix .header .main-nav > li {
  position: relative; }

.strix .header .main-nav > li.active:hover > a:after, .strix .header .main-nav > li.active > a:after, body.strix .header .main-nav > li.active:hover > a:after, body.strix .header .main-nav > li.active > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #fedf00; }

.strix .header .main-nav > li:hover > a:after, body.strix .header .main-nav > li:hover > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #fedf00; }

.strix .header .main-nav > li > a, body.strix .header .main-nav > li > a {
  display: block;
  height: 100%;
  padding: 0 15px;
  font-size: 15px;
  color: #f5f5f5;
  position: relative; }

@media (max-width: 639px) {
  .strix .header .main-nav > li > a, body.strix .header .main-nav > li > a {
    color: #000; } }
.strix .header .main-nav > li.dropdown > a, body.strix .header .main-nav > li.dropdown > a {
  padding-right: 20px; }

.strix .header .main-nav > li.dropdown > a:before, body.strix .header .main-nav > li.dropdown > a:before {
  font-family: rb-icons;
  content: "\e649";
  position: absolute;
  right: 2px; }

@media (max-width: 639px) {
  .strix .header .main-nav > li.dropdown > a:before, body.strix .header .main-nav > li.dropdown > a:before {
    display: none; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .main-nav > li.hovered .mega-menu, .strix .header .main-nav > li:hover .mega-menu, body.strix .header .main-nav > li.hovered .mega-menu, body.strix .header .main-nav > li:hover .mega-menu {
    visibility: visible;
    opacity: 1; } }
.strix .header .main-nav > li.eater .mega-menu, body.strix .header .main-nav > li.eater .mega-menu {
  display: none; }

.strix .header .main-nav > li .mega-menu, body.strix .header .main-nav > li .mega-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: 50px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  left: -15px;
  background: #f5f5f5;
  z-index: 10;
  transition: opacity .3s;
  display: inline-block;
  white-space: nowrap;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); }

.strix .header .main-nav > li .mega-menu.center, body.strix .header .main-nav > li .mega-menu.center {
  left: 50%;
  transform: translateX(-50%); }

.strix .header .main-nav > li .mega-menu.right, body.strix .header .main-nav > li .mega-menu.right {
  right: 0;
  left: auto; }

.strix .header .main-nav > li .mega-menu .mega-menu-item, body.strix .header .main-nav > li .mega-menu .mega-menu-item {
  display: inline-block;
  width: 250px;
  white-space: normal;
  vertical-align: top;
  margin-left: 15px;
  margin-right: 15px; }

@media (min-width: 1440px) {
  .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper {
    width: 300px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper {
    width: 240px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper {
    width: 27vw; } }
@media (min-width: 1440px) {
  .strix .header .main-nav > li .mega-menu .image-wrapper, body.strix .header .main-nav > li .mega-menu .image-wrapper {
    width: 435px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .main-nav > li .mega-menu .image-wrapper, body.strix .header .main-nav > li .mega-menu .image-wrapper {
    width: 348px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu .image-wrapper, body.strix .header .main-nav > li .mega-menu .image-wrapper {
    display: none; } }
@media (min-width: 1440px) {
  .strix .header .main-nav > li .mega-menu .links-wrapper, .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width, body.strix .header .main-nav > li .mega-menu .links-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width {
    width: 200px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .main-nav > li .mega-menu .links-wrapper, .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width, body.strix .header .main-nav > li .mega-menu .links-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width {
    width: 160px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu .links-wrapper, .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width, body.strix .header .main-nav > li .mega-menu .links-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width {
    width: 18vw; } }
.strix .header .main-nav > li .mega-menu .heading a:hover, .strix .header .main-nav > li .mega-menu li a:hover, body.strix .header .main-nav > li .mega-menu .heading a:hover, body.strix .header .main-nav > li .mega-menu li a:hover {
  text-decoration: underline; }

.strix .header .main-nav > li .mega-menu li, body.strix .header .main-nav > li .mega-menu li {
  padding-bottom: 11px;
  font-family: "Proxima N",Arial,sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  display: block; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu li, body.strix .header .main-nav > li .mega-menu li {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 18px; } }
.strix .header .main-nav > li .mega-menu li a, body.strix .header .main-nav > li .mega-menu li a {
  color: #322425;
  display: block; }

.strix .header .main-nav > li .mega-menu .subnav li, body.strix .header .main-nav > li .mega-menu .subnav li {
  padding-left: 9px;
  position: relative; }

.strix .header .main-nav > li .mega-menu .subnav li:before, body.strix .header .main-nav > li .mega-menu .subnav li:before {
  content: "\e648";
  font-family: rb-icons;
  left: -8px;
  position: absolute; }

.strix .header .main-nav > li .mega-menu .heading, body.strix .header .main-nav > li .mega-menu .heading {
  font-size: 18px;
  line-height: 26px;
  font-family: "Proxima N",Arial,sans-serif;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu .heading, body.strix .header .main-nav > li .mega-menu .heading {
    font-size: 16px; } }
.strix .header .main-nav > li .mega-menu .wysiwyg p, body.strix .header .main-nav > li .mega-menu .wysiwyg p {
  font-family: "Proxima N",Arial,sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #322425; }

.strix .header .mobile-nav-wrapper, body.strix .header .mobile-nav-wrapper {
  display: inline-block; }

@media (max-width: 639px) {
  .strix .header .mobile-nav-wrapper, body.strix .header .mobile-nav-wrapper {
    position: absolute;
    top: 70px;
    line-height: 28px;
    right: -100vw;
    width: calc(100% + 35px);
    height: calc(100vh - 70px);
    overflow-y: auto;
    overflow-x: hidden;
    transition: all .3s; }

  .strix .header .mobile-nav-wrapper.active, .strix .header .mobile-nav-wrapper.active .main-nav, body.strix .header .mobile-nav-wrapper.active, body.strix .header .mobile-nav-wrapper.active .main-nav {
    display: block !important;
    right: 0; }

  .strix .header .mobile-nav-wrapper .label, body.strix .header .mobile-nav-wrapper .label {
    position: relative; }

  .strix .header .mobile-nav-wrapper .icon, body.strix .header .mobile-nav-wrapper .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px; }

  .strix .header .mobile-nav-wrapper li, body.strix .header .mobile-nav-wrapper li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: #f5f5f5; }

  .strix .header .mobile-nav-wrapper li:last-of-type, body.strix .header .mobile-nav-wrapper li:last-of-type {
    border: none; }

  .strix .header .mobile-nav-wrapper li a, body.strix .header .mobile-nav-wrapper li a {
    padding: 19px 40px; }

  .strix .header .mobile-nav-wrapper li a:after, body.strix .header .mobile-nav-wrapper li a:after {
    display: none; }

  .strix .header .mobile-nav-wrapper .mega-menu, body.strix .header .mobile-nav-wrapper .mega-menu {
    display: none !important; }

  .strix .header .mobile-nav-wrapper .language-selection, .strix .header .mobile-nav-wrapper .segment-navigation-mobile, body.strix .header .mobile-nav-wrapper .language-selection, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile {
    display: block;
    width: auto;
    border-bottom: 1px solid rgba(50, 36, 37, 0.5); }

  .strix .header .mobile-nav-wrapper .language-selection:last-of-type, .strix .header .mobile-nav-wrapper .segment-navigation-mobile:last-of-type, body.strix .header .mobile-nav-wrapper .language-selection:last-of-type, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile:last-of-type {
    border: none; }

  .strix .header .mobile-nav-wrapper .language-selection .collapsed-content, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content, body.strix .header .mobile-nav-wrapper .language-selection .collapsed-content, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content {
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: all .3s; }

  .strix .header .mobile-nav-wrapper .language-selection .collapsed-content li, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content li, body.strix .header .mobile-nav-wrapper .language-selection .collapsed-content li, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content li {
    width: auto;
    display: block;
    background: #322425;
    border-top: 1px solid grey;
    border-bottom: 0; }

  .strix .header .mobile-nav-wrapper .language-selection .collapsed-content a, .strix .header .mobile-nav-wrapper .language-selection .label, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content a, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .label, body.strix .header .mobile-nav-wrapper .language-selection .collapsed-content a, body.strix .header .mobile-nav-wrapper .language-selection .label, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content a, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .label {
    padding: 19px 55px 19px 40px;
    color: #f5f5f5;
    background: #322425;
    width: auto;
    display: block; }

  .strix .header .mobile-nav-wrapper .language-selection .collapsed-content a, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content a, body.strix .header .mobile-nav-wrapper .language-selection .collapsed-content a, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content a {
    padding: 19px 40px 19px 65px; } }
.strix .header .main-nav-trigger-mobile, body.strix .header .main-nav-trigger-mobile {
  display: inline-block; }

.strix .header .search, body.strix .header .search {
  border: none;
  border-left: 1px solid #f5f5f5;
  background: 0 0;
  padding: 0 10px;
  position: relative;
  height: 35px !important; }

@media (min-width: 1440px) {
  .strix .header .search, body.strix .header .search {
    width: 210px !important; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .search, body.strix .header .search {
    width: 180px !important; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .search, body.strix .header .search {
    width: 52px !important;
    height: 28px !important; } }
.strix .header .search:focus, body.strix .header .search:focus {
  outline: 0; }

.strix .header .phone-call-center, body.strix .header .phone-call-center {
  display: inline-block;
  color: #4d4f53;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden; }

.strix .header .phone-call-center a, body.strix .header .phone-call-center a {
  color: #4d4f53; }

.strix .header .phone-call-center .strix-icon, body.strix .header .phone-call-center .strix-icon {
  vertical-align: middle; }

@media (max-width: 380px) {
  .strix .header .phone-call-center, body.strix .header .phone-call-center {
    font-size: 14px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .header .main-nav-outer #layout-column_main-navigation-row > div[class*=phonecallcenter], .strix .header .main-nav-outer .phone-call-center, body.strix .header .main-nav-outer #layout-column_main-navigation-row > div[class*=phonecallcenter], body.strix .header .main-nav-outer .phone-call-center {
    display: none; } }
.strix .header .main-nav-outer .float-right .phone-call-center, body.strix .header .main-nav-outer .float-right .phone-call-center {
  display: inline-block; }

.strix .header .main-nav-outer .float-right .phone-call-center a, body.strix .header .main-nav-outer .float-right .phone-call-center a {
  color: #f5f5f5; }

.strix .header .main-nav-trigger-mobile, body.strix .header .main-nav-trigger-mobile {
  width: 110px;
  text-align: center;
  margin: 0;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer; }

.strix .header .main-nav-trigger-mobile a, body.strix .header .main-nav-trigger-mobile a {
  display: block; }

@media (max-width: 639px) {
  .strix .header .main-nav-outer .phone-call-center, body.strix .header .main-nav-outer .phone-call-center {
    width: 100%;
    text-align: center;
    margin: 0;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    background: #423131; }

  .strix .header .main-nav-outer .phone-call-center a, body.strix .header .main-nav-outer .phone-call-center a {
    display: block;
    color: #423131; }

  .strix .header .main-nav-outer .phone-call-center a span, body.strix .header .main-nav-outer .phone-call-center a span {
    padding-left: 21px;
    color: #fff; } }
.strix .header .main-nav-trigger-mobile, body.strix .header .main-nav-trigger-mobile {
  color: #fff;
  border-left: 1px solid rgba(234, 231, 227, 0.15);
  transition: all .3s; }

.strix .header .main-nav-trigger-mobile .icon, body.strix .header .main-nav-trigger-mobile .icon {
  margin-left: 10px; }

.strix .header .main-nav-trigger-mobile .rb-icon-uniE631, body.strix .header .main-nav-trigger-mobile .rb-icon-uniE631 {
  display: none; }

.strix .header .main-nav-trigger-mobile.active .rb-icon-uniE632, body.strix .header .main-nav-trigger-mobile.active .rb-icon-uniE632 {
  display: none; }

.strix .header .main-nav-trigger-mobile.active .rb-icon-uniE631, body.strix .header .main-nav-trigger-mobile.active .rb-icon-uniE631 {
  display: inline-block; }

.strix.scrolled .header, body.strix.scrolled .header {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); }

.strix .dropdown-wrapper, body.strix .dropdown-wrapper {
  position: relative; }

.strix .dropdown-wrapper .label, body.strix .dropdown-wrapper .label {
  cursor: pointer;
  padding: 0 16px; }

.strix .dropdown-wrapper .label .icon, body.strix .dropdown-wrapper .label .icon {
  font-size: 18px;
  margin-left: 5px;
  vertical-align: middle;
  transition: all .3s; }

.strix .dropdown-wrapper .label .collapsed-content, body.strix .dropdown-wrapper .label .collapsed-content {
  height: 0; }

.strix .dropdown-wrapper.active .icon, .strix .dropdown-wrapper:hover .icon, body.strix .dropdown-wrapper.active .icon, body.strix .dropdown-wrapper:hover .icon {
  transform: rotate(180deg); }

.strix .dropdown-wrapper .dropdown-menu, body.strix .dropdown-wrapper .dropdown-menu {
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  z-index: 50;
  position: absolute;
  font-size: 13px;
  line-height: 18px;
  max-width: 300px;
  transition: all .3s;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); }

.strix .dropdown-wrapper .dropdown-menu li, body.strix .dropdown-wrapper .dropdown-menu li {
  display: block;
  border-top: 1px solid #f5f5f5; }

.strix .dropdown-wrapper .dropdown-menu a, body.strix .dropdown-wrapper .dropdown-menu a {
  padding: 15px 20px;
  display: block;
  color: #322425; }

.strix .dropdown-wrapper .dropdown-menu a:hover, body.strix .dropdown-wrapper .dropdown-menu a:hover {
  color: #fedf00; }

.strix .dropdown-wrapper:hover .dropdown-menu, body.strix .dropdown-wrapper:hover .dropdown-menu {
  visibility: visible;
  opacity: 1; }

@media (max-width: 450px) {
  .strix .hidden-450-down, body.strix .hidden-450-down {
    display: none !important; } }
@media (max-width: 399px) {
  .strix .hidden-400-down, body.strix .hidden-400-down {
    display: none !important; } }
@media (min-width: 400px) {
  .strix .hidden-400-up, body.strix .hidden-400-up {
    display: none !important; } }
@media (max-width: 749px) {
  .strix .hidden-750-down, body.strix .hidden-750-down {
    display: none !important; } }
@media (min-width: 750px) {
  .strix .hidden-750-up, body.strix .hidden-750-up {
    display: none !important; } }
@media (max-width: 1149px) {
  .strix .hidden-1150-down, body.strix .hidden-1150-down {
    display: none !important; } }
@media (min-width: 1150px) {
  .strix .hidden-1150-up, body.strix .hidden-1150-up {
    display: none !important; } }
.strix .backdrop, body.strix .backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  z-index: -1;
  transition: all .3s; }

.strix .backdrop.active, body.strix .backdrop.active {
  display: block;
  opacity: 1;
  z-index: 20; }

.strix .overflow-hidden, .strix.overflow-hidden, body.strix .overflow-hidden, body.strix.overflow-hidden {
  overflow: hidden;
  width: 100%;
  height: 100%; }

.strix .eater .label .icon, body.strix .eater .label .icon {
  margin-left: 10px;
  font-size: 14px;
  position: relative;
  top: -1px; }

.strix .eater:hover .label .icon, body.strix .eater:hover .label .icon {
  transform: rotate(0); }

.strix .eater .dropdown-menu, body.strix .eater .dropdown-menu {
  width: 180px; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .eater .dropdown-menu, body.strix .eater .dropdown-menu {
    width: 290px; } }
.strix .collapse.expanded .collapsed-content, body.strix .collapse.expanded .collapsed-content {
  max-height: none !important; }

.strix #layout-column_language-search-row, .strix #layout-column_main-navigation-row, .strix #layout-column_phone-login-row, .strix #layout-column_segment-navigation-row, body.strix #layout-column_language-search-row, body.strix #layout-column_main-navigation-row, body.strix #layout-column_phone-login-row, body.strix #layout-column_segment-navigation-row {
  display: inline-block; }

.strix #layout-column_language-search-row > div, .strix #layout-column_main-navigation-row > div, .strix #layout-column_phone-login-row > div, .strix #layout-column_segment-navigation-row > div, body.strix #layout-column_language-search-row > div, body.strix #layout-column_main-navigation-row > div, body.strix #layout-column_phone-login-row > div, body.strix #layout-column_segment-navigation-row > div {
  display: inline-block; }

.strix #layout-column_language-search-row, body.strix #layout-column_language-search-row {
  float: left; }

.strix #layout-column_language-search-row > div, body.strix #layout-column_language-search-row > div {
  display: block;
  float: right; }

@media (max-width: 639px) {
  .strix #layout-column_main-navigation-row, body.strix #layout-column_main-navigation-row {
    width: calc(100% - 70px);
    display: inline-block; }

  .strix #layout-column_main-navigation-row > div, body.strix #layout-column_main-navigation-row > div {
    width: 50%;
    display: inline-block; } }
.strix .header .main-nav > li.active:hover > a:after, .strix .header .main-nav > li.active > a:after, .strix .header .main-nav > li:hover > a:after, body.strix .header .main-nav > li.active:hover > a:after, body.strix .header .main-nav > li.active > a:after, body.strix .header .main-nav > li:hover > a:after {
  height: 5px; }

.strix .btn, body.strix .btn {
  padding: 17px 30px 16px 30px;
  height: 50px;
  color: #423131;
  background: #fff;
  border: 1px solid #fff;
  font-family: "Proxima N",Arial,sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  border-radius: 2px;
  transition: all linear .3s; }

.strix .btn.primary, body.strix .btn.primary {
  border: 0;
  background-color: #fedf00;
  color: #423131; }

.strix .btn.primary:active, .strix .btn.primary:hover, body.strix .btn.primary:active, body.strix .btn.primary:hover {
  background-color: #fed100; }

.strix .btn.primary.with-icon.icon-left, .strix .btn.primary.with-icon.icon-right, .strix .btn.primary.with-icon.with-icon, body.strix .btn.primary.with-icon.icon-left, body.strix .btn.primary.with-icon.icon-right, body.strix .btn.primary.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .btn.primary.with-icon.icon-left .strix-icon, .strix .btn.primary.with-icon.icon-right .strix-icon, .strix .btn.primary.with-icon.with-icon .strix-icon, body.strix .btn.primary.with-icon.icon-left .strix-icon, body.strix .btn.primary.with-icon.icon-right .strix-icon, body.strix .btn.primary.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .btn.primary.with-icon.icon-left, body.strix .btn.primary.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .btn.primary.with-icon.icon-left .strix-icon, body.strix .btn.primary.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .btn.primary.with-icon.with-separator:before, body.strix .btn.primary.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #423131;
  width: 1px; }

.strix .btn.primary.with-icon.with-separator.icon-left:before, body.strix .btn.primary.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .btn.secondary, body.strix .btn.secondary {
  background: #423131;
  border-color: #423131;
  color: #eae7e3; }

.strix .btn.secondary:active, .strix .btn.secondary:hover, body.strix .btn.secondary:active, body.strix .btn.secondary:hover {
  border-color: #322425;
  background-color: #322425; }

.strix .btn.secondary.with-icon.icon-left, .strix .btn.secondary.with-icon.icon-right, .strix .btn.secondary.with-icon.with-icon, body.strix .btn.secondary.with-icon.icon-left, body.strix .btn.secondary.with-icon.icon-right, body.strix .btn.secondary.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .btn.secondary.with-icon.icon-left .strix-icon, .strix .btn.secondary.with-icon.icon-right .strix-icon, .strix .btn.secondary.with-icon.with-icon .strix-icon, body.strix .btn.secondary.with-icon.icon-left .strix-icon, body.strix .btn.secondary.with-icon.icon-right .strix-icon, body.strix .btn.secondary.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .btn.secondary.with-icon.icon-left, body.strix .btn.secondary.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .btn.secondary.with-icon.icon-left .strix-icon, body.strix .btn.secondary.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .btn.secondary.with-icon.with-separator:before, body.strix .btn.secondary.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #423131;
  width: 1px; }

.strix .btn.secondary.with-icon.with-separator.icon-left:before, body.strix .btn.secondary.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .btn.default, body.strix .btn.default {
  background-color: #fff;
  border-color: #f5f5f5;
  color: #423131; }

.strix .btn.default:active, .strix .btn.default:hover, body.strix .btn.default:active, body.strix .btn.default:hover {
  background-color: #f5f5f5;
  border-color: #423131; }

.strix .btn.default.with-icon, body.strix .btn.default.with-icon {
  padding-right: 68px; }

.strix .btn.default.with-icon.icon-left, .strix .btn.default.with-icon.icon-right, .strix .btn.default.with-icon.with-icon, body.strix .btn.default.with-icon.icon-left, body.strix .btn.default.with-icon.icon-right, body.strix .btn.default.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .btn.default.with-icon.icon-left .strix-icon, .strix .btn.default.with-icon.icon-right .strix-icon, .strix .btn.default.with-icon.with-icon .strix-icon, body.strix .btn.default.with-icon.icon-left .strix-icon, body.strix .btn.default.with-icon.icon-right .strix-icon, body.strix .btn.default.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .btn.default.with-icon.icon-left, body.strix .btn.default.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .btn.default.with-icon.icon-left .strix-icon, body.strix .btn.default.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .btn.default.with-icon.with-separator:before, body.strix .btn.default.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #f5f5f5;
  width: 1px; }

.strix .btn.default.with-icon.with-separator.icon-left:before, body.strix .btn.default.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .btn.default.with-icon .strix-icon, body.strix .btn.default.with-icon .strix-icon {
  top: 8px !important; }

.strix .btn.special, body.strix .btn.special {
  background-color: #2f89e5;
  border-color: #2f89e5;
  color: #fff; }

.strix .btn.special:active, .strix .btn.special:hover, body.strix .btn.special:active, body.strix .btn.special:hover {
  border-color: #4194eb;
  background-color: #4194eb; }

.strix .btn.special.with-icon.icon-left, .strix .btn.special.with-icon.icon-right, .strix .btn.special.with-icon.with-icon, body.strix .btn.special.with-icon.icon-left, body.strix .btn.special.with-icon.icon-right, body.strix .btn.special.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .btn.special.with-icon.icon-left .strix-icon, .strix .btn.special.with-icon.icon-right .strix-icon, .strix .btn.special.with-icon.with-icon .strix-icon, body.strix .btn.special.with-icon.icon-left .strix-icon, body.strix .btn.special.with-icon.icon-right .strix-icon, body.strix .btn.special.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .btn.special.with-icon.icon-left, body.strix .btn.special.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .btn.special.with-icon.icon-left .strix-icon, body.strix .btn.special.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .btn.special.with-icon.with-separator:before, body.strix .btn.special.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #fff;
  width: 1px; }

.strix .btn.special.with-icon.with-separator.icon-left:before, body.strix .btn.special.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .btn.disabled, .strix .btn.disabled:hover, body.strix .btn.disabled, body.strix .btn.disabled:hover {
  background: rgba(77, 79, 83, 0.3);
  color: rgba(77, 79, 83, 0.5);
  cursor: default; }

.strix .btn.secondary, body.strix .btn.secondary {
  background: #303030;
  border-color: #303030;
  color: #fff; }

.strix .btn.secondary.active, .strix .btn.secondary:hover, body.strix .btn.secondary.active, body.strix .btn.secondary:hover {
  background: #000;
  border-color: #000; }

.strix .btn.default, body.strix .btn.default {
  border-color: #4d4f53; }

.strix .btn.special, body.strix .btn.special {
  background: #4194eb; }

.strix .logo-rb, body.strix .logo-rb {
  width: 240px;
  height: 100px;
  background: #fedf00;
  display: inline-block;
  float: left; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .logo-rb.logo-rb-01, body.strix .logo-rb.logo-rb-01 {
    display: none; } }
@media (max-width: 639px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-rb.logo-rb-02, body.strix .logo-rb.logo-rb-02 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-rb.logo-rb-03, body.strix .logo-rb.logo-rb-03 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .logo-rb, body.strix .logo-rb {
    width: 160px;
    height: 80px; } }
@media (max-width: 639px) {
  .strix .logo-rb, body.strix .logo-rb {
    width: 55px;
    height: 55px;
    padding: 4px; } }
.strix .logo-rb svg, body.strix .logo-rb svg {
  display: block;
  position: relative;
  box-sizing: border-box; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-rb svg, body.strix .logo-rb svg {
    width: 149px !important;
    height: 65px !important;
    margin: 20px auto 15px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .logo-rb svg, body.strix .logo-rb svg {
    width: 105px !important;
    height: 45px !important;
    margin: 17px auto; } }
@media (max-width: 639px) {
  .strix .logo-rb svg, body.strix .logo-rb svg {
    width: 100% !important;
    height: 100% !important; } }
.strix .logo-rb .rastr, body.strix .logo-rb .rastr {
  display: none; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .logo-rb.logo-rb-01, .strix.layout-021-layouttpl .logo-rb.logo-rb-01, .strix.layout-023-layouttpl .logo-rb.logo-rb-01, body.strix.layout-019-layouttpl .logo-rb.logo-rb-01, body.strix.layout-021-layouttpl .logo-rb.logo-rb-01, body.strix.layout-023-layouttpl .logo-rb.logo-rb-01 {
    display: block; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .logo-rb.logo-rb-02, .strix.layout-021-layouttpl .logo-rb.logo-rb-02, .strix.layout-023-layouttpl .logo-rb.logo-rb-02, body.strix.layout-019-layouttpl .logo-rb.logo-rb-02, body.strix.layout-021-layouttpl .logo-rb.logo-rb-02, body.strix.layout-023-layouttpl .logo-rb.logo-rb-02 {
    display: none; } }
@media (max-width: 639px) {
  .strix.layout-019-layouttpl .logo-rb.logo-rb-02, .strix.layout-021-layouttpl .logo-rb.logo-rb-02, .strix.layout-023-layouttpl .logo-rb.logo-rb-02, body.strix.layout-019-layouttpl .logo-rb.logo-rb-02, body.strix.layout-021-layouttpl .logo-rb.logo-rb-02, body.strix.layout-023-layouttpl .logo-rb.logo-rb-02 {
    display: block; } }
@media (max-width: 639px) {
  .strix.layout-019-layouttpl .logo-rb.logo-rb-03, .strix.layout-021-layouttpl .logo-rb.logo-rb-03, .strix.layout-023-layouttpl .logo-rb.logo-rb-03, body.strix.layout-019-layouttpl .logo-rb.logo-rb-03, body.strix.layout-021-layouttpl .logo-rb.logo-rb-03, body.strix.layout-023-layouttpl .logo-rb.logo-rb-03 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .logo-rb, .strix.layout-021-layouttpl .logo-rb, .strix.layout-023-layouttpl .logo-rb, body.strix.layout-019-layouttpl .logo-rb, body.strix.layout-021-layouttpl .logo-rb, body.strix.layout-023-layouttpl .logo-rb {
    width: 240px; } }
@media (max-width: 639px) {
  .strix.layout-019-layouttpl .logo-rb, .strix.layout-021-layouttpl .logo-rb, .strix.layout-023-layouttpl .logo-rb, body.strix.layout-019-layouttpl .logo-rb, body.strix.layout-021-layouttpl .logo-rb, body.strix.layout-023-layouttpl .logo-rb {
    width: 100%; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .logo-rb svg, .strix.layout-021-layouttpl .logo-rb svg, .strix.layout-023-layouttpl .logo-rb svg, body.strix.layout-019-layouttpl .logo-rb svg, body.strix.layout-021-layouttpl .logo-rb svg, body.strix.layout-023-layouttpl .logo-rb svg {
    width: 149px !important;
    height: 65px !important;
    margin: 20px auto 15px; } }
@media (max-width: 639px) {
  .strix.layout-019-layouttpl .logo-rb svg, .strix.layout-021-layouttpl .logo-rb svg, .strix.layout-023-layouttpl .logo-rb svg, body.strix.layout-019-layouttpl .logo-rb svg, body.strix.layout-021-layouttpl .logo-rb svg, body.strix.layout-023-layouttpl .logo-rb svg {
    width: 111px !important;
    height: 30px !important;
    margin: 19px auto; } }
.strix .logo-rb-25, body.strix .logo-rb-25 {
  width: 240px;
  height: 100px;
  background: #fedf00;
  display: inline-block;
  float: left; }

@media (max-width: 639px) {
  .strix .logo-rb-25.logo-rb-01, body.strix .logo-rb-25.logo-rb-01 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-rb-25.logo-rb-03, body.strix .logo-rb-25.logo-rb-03 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .logo-rb-25, body.strix .logo-rb-25 {
    width: 160px;
    height: 80px; } }
@media (max-width: 639px) {
  .strix .logo-rb-25, body.strix .logo-rb-25 {
    width: 55px;
    height: 55px;
    padding: 4px; } }
.strix .logo-rb-25 svg, body.strix .logo-rb-25 svg {
  display: block;
  position: relative;
  box-sizing: border-box; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-rb-25 svg, body.strix .logo-rb-25 svg {
    width: 200px !important;
    height: 100px !important;
    margin: 0 auto; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .logo-rb-25 svg, body.strix .logo-rb-25 svg {
    width: 160px !important;
    height: 80px !important;
    margin: 0 auto; } }
@media (max-width: 639px) {
  .strix .logo-rb-25 svg, body.strix .logo-rb-25 svg {
    width: 100% !important;
    height: 100% !important; } }
.strix .logo-rb-25 .rastr, body.strix .logo-rb-25 .rastr {
  display: none; }

.strix.layout-019-layouttpl .logo-rb-25.logo-rb-03, .strix.layout-021-layouttpl .logo-rb-25.logo-rb-03, .strix.layout-023-layouttpl .logo-rb-25.logo-rb-03, body.strix.layout-019-layouttpl .logo-rb-25.logo-rb-03, body.strix.layout-021-layouttpl .logo-rb-25.logo-rb-03, body.strix.layout-023-layouttpl .logo-rb-25.logo-rb-03 {
  display: none; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .logo-rb-25, .strix.layout-021-layouttpl .logo-rb-25, .strix.layout-023-layouttpl .logo-rb-25, body.strix.layout-019-layouttpl .logo-rb-25, body.strix.layout-021-layouttpl .logo-rb-25, body.strix.layout-023-layouttpl .logo-rb-25 {
    width: 240px; } }
@media (max-width: 639px) {
  .strix.layout-019-layouttpl .logo-rb-25, .strix.layout-021-layouttpl .logo-rb-25, .strix.layout-023-layouttpl .logo-rb-25, body.strix.layout-019-layouttpl .logo-rb-25, body.strix.layout-021-layouttpl .logo-rb-25, body.strix.layout-023-layouttpl .logo-rb-25 {
    width: 100%; }

  .strix.layout-019-layouttpl .logo-rb-25.logo-rb-01, .strix.layout-021-layouttpl .logo-rb-25.logo-rb-01, .strix.layout-023-layouttpl .logo-rb-25.logo-rb-01, body.strix.layout-019-layouttpl .logo-rb-25.logo-rb-01, body.strix.layout-021-layouttpl .logo-rb-25.logo-rb-01, body.strix.layout-023-layouttpl .logo-rb-25.logo-rb-01 {
    display: inline-block; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix.layout-019-layouttpl .logo-rb-25 svg, .strix.layout-021-layouttpl .logo-rb-25 svg, .strix.layout-023-layouttpl .logo-rb-25 svg, body.strix.layout-019-layouttpl .logo-rb-25 svg, body.strix.layout-021-layouttpl .logo-rb-25 svg, body.strix.layout-023-layouttpl .logo-rb-25 svg {
    width: 200px !important;
    height: 100px !important;
    margin: 0 auto; } }
@media (max-width: 639px) {
  .strix.layout-019-layouttpl .logo-rb-25 svg, .strix.layout-021-layouttpl .logo-rb-25 svg, .strix.layout-023-layouttpl .logo-rb-25 svg, body.strix.layout-019-layouttpl .logo-rb-25 svg, body.strix.layout-021-layouttpl .logo-rb-25 svg, body.strix.layout-023-layouttpl .logo-rb-25 svg {
    width: 140px !important;
    height: 70px !important;
    margin: 0 auto; } }
.strix .logo-pb, body.strix .logo-pb {
  width: 240px;
  height: 100px;
  background: #fff30a;
  display: inline-block;
  float: left; }

@media (max-width: 639px) {
  .strix .logo-pb.logo-pb-01, body.strix .logo-pb.logo-pb-01 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-pb.logo-pb-02, body.strix .logo-pb.logo-pb-02 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .logo-pb, body.strix .logo-pb {
    width: 160px;
    height: 80px; } }
@media (max-width: 639px) {
  .strix .logo-pb, body.strix .logo-pb {
    width: 70px;
    height: 70px;
    padding: 4px; } }
.strix .logo-pb svg, body.strix .logo-pb svg {
  display: block;
  position: relative;
  box-sizing: border-box; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-pb svg, body.strix .logo-pb svg {
    width: 200px !important;
    height: 100px !important;
    margin: 0 auto; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .logo-pb svg, body.strix .logo-pb svg {
    width: 160px !important;
    height: 80px !important;
    margin: 0 auto; } }
@media (max-width: 639px) {
  .strix .logo-pb svg, body.strix .logo-pb svg {
    width: 100% !important;
    height: 100% !important; } }
.strix .logo-pb .rastr, body.strix .logo-pb .rastr {
  display: none; }

.strix .logo-fwr, body.strix .logo-fwr {
  width: 240px;
  height: 100px;
  background: #fff30a;
  display: inline-block;
  float: left; }

@media (max-width: 639px) {
  .strix .logo-fwr.logo-fwr-01, body.strix .logo-fwr.logo-fwr-01 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-fwr.logo-fwr-02, body.strix .logo-fwr.logo-fwr-02 {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .logo-fwr, body.strix .logo-fwr {
    width: 160px;
    height: 80px; } }
@media (max-width: 639px) {
  .strix .logo-fwr, body.strix .logo-fwr {
    width: 55px;
    height: 55px;
    padding: 4px; } }
.strix .logo-fwr svg, body.strix .logo-fwr svg {
  display: block;
  position: relative;
  box-sizing: border-box; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .logo-fwr svg, body.strix .logo-fwr svg {
    width: 210px !important;
    height: 78px !important;
    margin: 11px auto; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .logo-fwr svg, body.strix .logo-fwr svg {
    width: 120px !important;
    height: 44px !important;
    margin: 18px auto; } }
@media (max-width: 639px) {
  .strix .logo-fwr svg, body.strix .logo-fwr svg {
    width: 100% !important;
    height: 100% !important; } }
.strix .logo-fwr .rastr, body.strix .logo-fwr .rastr {
  display: none; }

.strix .contacts .branch, body.strix .contacts .branch {
  margin-bottom: 20px;
  width: 500px;
  height: 240px;
  display: inline-block; }

.strix .contacts .branch h3, body.strix .contacts .branch h3 {
  margin: 20px 0 10px;
  font-size: 26px; }

.strix .contacts .branch p, body.strix .contacts .branch p {
  font-weight: 300; }

.strix .contacts .branch a, body.strix .contacts .branch a {
  text-decoration: none;
  display: block;
  margin-bottom: 10px; }

.strix .contacts .branch .logo, body.strix .contacts .branch .logo {
  background: #000;
  width: 80px;
  height: 100%;
  float: left;
  position: relative; }

.strix .contacts .branch .logo div, body.strix .contacts .branch .logo div {
  background-image: url(../images/logo-svg/logo-rb-04.svg);
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); }

.strix .contacts .branch .data, body.strix .contacts .branch .data {
  float: left;
  padding: 0 30px;
  width: calc(100% - 80px);
  background: #f5f5f5; }

.strix .contacts .branch .data .contact .strix-icon, body.strix .contacts .branch .data .contact .strix-icon {
  margin-right: 4px;
  font-size: 20px;
  position: relative;
  top: 4px; }

.strix .component-background-color-style1 .contacts .branch .data, body.strix .component-background-color-style1 .contacts .branch .data {
  background: #fff; }

.strix .currencies-and-funds .tab-content, body.strix .currencies-and-funds .tab-content {
  padding-top: 20px !important; }

.strix .currencies-and-funds .nav-tabs-currencies, body.strix .currencies-and-funds .nav-tabs-currencies {
  margin: auto;
  text-align: center;
  height: 66px;
  white-space: nowrap;
  border-bottom: 1px solid #dbdcdc; }

.strix .currencies-and-funds .nav-tabs-currencies > li, body.strix .currencies-and-funds .nav-tabs-currencies > li {
  display: inline-block;
  width: 218px;
  height: 100%;
  background: #fff; }

@media (max-width: 639px) {
  .strix .currencies-and-funds .nav-tabs-currencies > li, body.strix .currencies-and-funds .nav-tabs-currencies > li {
    width: 50%; } }
.strix .currencies-and-funds .nav-tabs-currencies > li a, body.strix .currencies-and-funds .nav-tabs-currencies > li a {
  padding: 0 16px;
  text-decoration: none;
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  white-space: normal;
  color: #4d4f53; }

.strix .currencies-and-funds .nav-tabs-currencies > li a:before, body.strix .currencies-and-funds .nav-tabs-currencies > li a:before {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.strix .currencies-and-funds .nav-tabs-currencies > li a span, body.strix .currencies-and-funds .nav-tabs-currencies > li a span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 10px); }

.strix .currencies-and-funds .nav-tabs-currencies > li.active, body.strix .currencies-and-funds .nav-tabs-currencies > li.active {
  font-weight: 700;
  background: #fff;
  color: #000;
  border-bottom: 1px solid #fedf00; }

.strix .currencies-and-funds .nav-tabs-currencies > li.active a:after, body.strix .currencies-and-funds .nav-tabs-currencies > li.active a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #fedf00; }

.strix .currencies-and-funds .ui-tabview .ui-tabview-nav, body.strix .currencies-and-funds .ui-tabview .ui-tabview-nav {
  border-bottom: 1px solid #dbdcdc; }

.strix .currencies-and-funds .ui-tabview .ui-tabview-nav li, body.strix .currencies-and-funds .ui-tabview .ui-tabview-nav li {
  background: 0 0;
  width: 218px; }

.strix .currencies-and-funds .ui-tabview .ui-tabview-nav li.ui-state-active, body.strix .currencies-and-funds .ui-tabview .ui-tabview-nav li.ui-state-active {
  background: 0 0; }

.strix .currencies-and-funds .ui-tabview .ui-tabview-nav li.ui-state-active:after, body.strix .currencies-and-funds .ui-tabview .ui-tabview-nav li.ui-state-active:after {
  top: auto;
  bottom: 0; }

.strix .currencies-and-funds .ui-tabview .ui-tabview-nav li a, body.strix .currencies-and-funds .ui-tabview .ui-tabview-nav li a {
  font-size: 15px; }

.strix .currencies-and-funds .ui-tabview-panel, body.strix .currencies-and-funds .ui-tabview-panel {
  background: 0 0;
  padding: 16px 0 0 0; }

.strix .currencies-and-funds h2, body.strix .currencies-and-funds h2 {
  text-align: left;
  font-size: 30px;
  margin-bottom: 0; }

.strix .currencies-and-funds th, body.strix .currencies-and-funds th {
  text-align: right;
  padding: 10px 0;
  font-weight: 400; }

.strix .currencies-and-funds table, body.strix .currencies-and-funds table {
  width: 100%;
  margin-bottom: 30px;
  font-size: 18px; }

.strix .currencies-and-funds .tab-wrapper, body.strix .currencies-and-funds .tab-wrapper {
  width: 100%;
  margin: auto; }

.strix .currencies-and-funds td, body.strix .currencies-and-funds td {
  padding: 16px 0;
  border: 1px solid #6c6c6c;
  border-left: 0;
  border-right: 0;
  vertical-align: middle; }

.strix .currencies-and-funds .currency .flag, body.strix .currencies-and-funds .currency .flag {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e2e2e2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  background: no-repeat center center;
  background-size: cover; }

.strix .currencies-and-funds .currency .name, body.strix .currencies-and-funds .currency .name {
  color: #4d4f53;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle; }

.strix .currencies-and-funds th.value, body.strix .currencies-and-funds th.value {
  font-size: 14px; }

.strix .currencies-and-funds .value, body.strix .currencies-and-funds .value {
  text-align: right;
  padding: 10px 0;
  font-size: 18px;
  color: #4d4f53; }

.strix .currencies-and-funds [id*="_currenciesTab"] .value, body.strix .currencies-and-funds [id*="_currenciesTab"] .value {
  width: 90px; }

.strix .currencies-and-funds [id*="_currenciesTab"] .tendency-value, body.strix .currencies-and-funds [id*="_currenciesTab"] .tendency-value {
  width: 40px; }

.strix .currencies-and-funds [id*="_fundsTab"] .value, body.strix .currencies-and-funds [id*="_fundsTab"] .value {
  width: 160px; }

.strix .currencies-and-funds .tendency, body.strix .currencies-and-funds .tendency {
  position: relative; }

.strix .currencies-and-funds .tendency:after, body.strix .currencies-and-funds .tendency:after {
  font-family: rb-icons;
  font-size: 24px;
  content: "\e64B";
  color: #4c8;
  top: 0;
  line-height: .8;
  top: 5px;
  position: relative; }

.strix .currencies-and-funds .down .tendency:after, body.strix .currencies-and-funds .down .tendency:after {
  content: "\e649";
  color: #ec5a4e; }

.strix .currencies-and-funds .neutral .tendency:after, body.strix .currencies-and-funds .neutral .tendency:after {
  content: "\e647";
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-inverse .tabs:not([class*=top-component-background-color-]):before, body.strix .currencies-and-funds.component-background-color-inverse .tabs:not([class*=top-component-background-color-]):before {
  background: #000; }

.strix .currencies-and-funds.component-background-color-inverse .nav-tabs-currencies > li, body.strix .currencies-and-funds.component-background-color-inverse .nav-tabs-currencies > li {
  background: #000; }

.strix .currencies-and-funds.component-background-color-inverse .nav-tabs-currencies > li.active, body.strix .currencies-and-funds.component-background-color-inverse .nav-tabs-currencies > li.active {
  background: #000; }

.strix .currencies-and-funds.component-background-color-inverse .nav-tabs-currencies > li a, body.strix .currencies-and-funds.component-background-color-inverse .nav-tabs-currencies > li a {
  color: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content, body.strix .currencies-and-funds.component-background-color-inverse .tab-content {
  background: #000;
  color: #e2e2e2;
  padding-bottom: 0; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content ::placeholder, body.strix .currencies-and-funds.component-background-color-inverse .tab-content ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content :-ms-input-placeholder, body.strix .currencies-and-funds.component-background-color-inverse .tab-content :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content ::-ms-input-placeholder, body.strix .currencies-and-funds.component-background-color-inverse .tab-content ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .dk_toggle, .strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=email], .strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=number], .strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=password], .strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=tel], .strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=text], .strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field textarea, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .dk_toggle, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=email], body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=number], body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=password], body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=tel], body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=text], body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field textarea {
  background: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .form-checkbox-wrapper label:before, .strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .form-radio-wrapper label:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .form-checkbox-wrapper label:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .form-checkbox-wrapper input:checked + label:before, .strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .form-radio-wrapper input:checked + label:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=radio]:checked + label:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field.with-calling-code .dk_container .dk_toggle, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a {
  color: #e2e2e2; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content h1, .strix .currencies-and-funds.component-background-color-inverse .tab-content h2, .strix .currencies-and-funds.component-background-color-inverse .tab-content h3, .strix .currencies-and-funds.component-background-color-inverse .tab-content h4, .strix .currencies-and-funds.component-background-color-inverse .tab-content h5, .strix .currencies-and-funds.component-background-color-inverse .tab-content h6, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h1, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h2, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h3, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h4, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h5, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h6 {
  color: #fff; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content h1 a, .strix .currencies-and-funds.component-background-color-inverse .tab-content h2 a, .strix .currencies-and-funds.component-background-color-inverse .tab-content h3 a, .strix .currencies-and-funds.component-background-color-inverse .tab-content h4 a, .strix .currencies-and-funds.component-background-color-inverse .tab-content h5 a, .strix .currencies-and-funds.component-background-color-inverse .tab-content h6 a, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h1 a, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h2 a, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h3 a, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h4 a, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h5 a, body.strix .currencies-and-funds.component-background-color-inverse .tab-content h6 a {
  color: #fff; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .highlight-text-primary, .strix .currencies-and-funds.component-background-color-inverse .tab-content .highlight-text-primary a, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .highlight-text-primary, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .highlight-text-primary a {
  color: #fedf00; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field.input-with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content th, body.strix .currencies-and-funds.component-background-color-inverse .tab-content th {
  color: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content td, body.strix .currencies-and-funds.component-background-color-inverse .tab-content td {
  color: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.link, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.link {
  color: grey; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary {
  background: #423131;
  border-color: #423131;
  color: #eae7e3; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary:active, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary:hover, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary:active, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary:hover {
  border-color: #000;
  background-color: #000; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-left, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-right, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.with-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-right, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-right .strix-icon, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-right .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.with-separator:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #423131;
  width: 1px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.with-separator.icon-left:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.secondary.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special {
  background-color: #6c6c6c;
  border-color: #6c6c6c;
  color: #fff30a; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special:active, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special:hover, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special:active, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special:hover {
  border-color: grey;
  background-color: grey; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-left, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-right, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.with-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-right, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-left .strix-icon, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-right .strix-icon, .strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-right .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.with-separator:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #fff30a;
  width: 1px; }

.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.with-separator.icon-left:before, body.strix .currencies-and-funds.component-background-color-inverse .tab-content a.btn.special.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .currencies-and-funds.component-background-color-default .tabs:not([class*=top-component-background-color-]):before, body.strix .currencies-and-funds.component-background-color-default .tabs:not([class*=top-component-background-color-]):before {
  background: #fff; }

.strix .currencies-and-funds.component-background-color-default .nav-tabs-currencies > li, body.strix .currencies-and-funds.component-background-color-default .nav-tabs-currencies > li {
  background: #fff; }

.strix .currencies-and-funds.component-background-color-default .nav-tabs-currencies > li.active, body.strix .currencies-and-funds.component-background-color-default .nav-tabs-currencies > li.active {
  background: #fff; }

.strix .currencies-and-funds.component-background-color-default .nav-tabs-currencies > li a, body.strix .currencies-and-funds.component-background-color-default .nav-tabs-currencies > li a {
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-default .tab-content, body.strix .currencies-and-funds.component-background-color-default .tab-content {
  background: #fff;
  color: #333;
  padding-bottom: 0; }

.strix .currencies-and-funds.component-background-color-default .tab-content ::placeholder, body.strix .currencies-and-funds.component-background-color-default .tab-content ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .currencies-and-funds.component-background-color-default .tab-content :-ms-input-placeholder, body.strix .currencies-and-funds.component-background-color-default .tab-content :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-default .tab-content ::-ms-input-placeholder, body.strix .currencies-and-funds.component-background-color-default .tab-content ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .dk_toggle, .strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=email], .strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=number], .strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=password], .strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=tel], .strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=text], .strix .currencies-and-funds.component-background-color-default .tab-content .form-field textarea, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .dk_toggle, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=email], body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=number], body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=password], body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=tel], body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=text], body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field textarea {
  background: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .form-checkbox-wrapper label:before, .strix .currencies-and-funds.component-background-color-default .tab-content .form-field .form-radio-wrapper label:before, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .form-checkbox-wrapper label:before, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .form-checkbox-wrapper input:checked + label:before, .strix .currencies-and-funds.component-background-color-default .tab-content .form-field .form-radio-wrapper input:checked + label:before, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=radio]:checked + label:before, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field.with-calling-code .dk_container .dk_toggle, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .currencies-and-funds.component-background-color-default .tab-content .highlight-text-primary, body.strix .currencies-and-funds.component-background-color-default .tab-content .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .currencies-and-funds.component-background-color-default .tab-content.background-color-after, body.strix .currencies-and-funds.component-background-color-default .tab-content.background-color-after {
  position: relative;
  z-index: 1; }

.strix .currencies-and-funds.component-background-color-default .tab-content.background-color-after:after, body.strix .currencies-and-funds.component-background-color-default .tab-content.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .currencies-and-funds.component-background-color-default .tab-content a, body.strix .currencies-and-funds.component-background-color-default .tab-content a {
  color: #333; }

.strix .currencies-and-funds.component-background-color-default .tab-content h1, .strix .currencies-and-funds.component-background-color-default .tab-content h2, .strix .currencies-and-funds.component-background-color-default .tab-content h3, .strix .currencies-and-funds.component-background-color-default .tab-content h4, .strix .currencies-and-funds.component-background-color-default .tab-content h5, .strix .currencies-and-funds.component-background-color-default .tab-content h6, body.strix .currencies-and-funds.component-background-color-default .tab-content h1, body.strix .currencies-and-funds.component-background-color-default .tab-content h2, body.strix .currencies-and-funds.component-background-color-default .tab-content h3, body.strix .currencies-and-funds.component-background-color-default .tab-content h4, body.strix .currencies-and-funds.component-background-color-default .tab-content h5, body.strix .currencies-and-funds.component-background-color-default .tab-content h6 {
  color: #000; }

.strix .currencies-and-funds.component-background-color-default .tab-content h1 a, .strix .currencies-and-funds.component-background-color-default .tab-content h2 a, .strix .currencies-and-funds.component-background-color-default .tab-content h3 a, .strix .currencies-and-funds.component-background-color-default .tab-content h4 a, .strix .currencies-and-funds.component-background-color-default .tab-content h5 a, .strix .currencies-and-funds.component-background-color-default .tab-content h6 a, body.strix .currencies-and-funds.component-background-color-default .tab-content h1 a, body.strix .currencies-and-funds.component-background-color-default .tab-content h2 a, body.strix .currencies-and-funds.component-background-color-default .tab-content h3 a, body.strix .currencies-and-funds.component-background-color-default .tab-content h4 a, body.strix .currencies-and-funds.component-background-color-default .tab-content h5 a, body.strix .currencies-and-funds.component-background-color-default .tab-content h6 a {
  color: #000; }

.strix .currencies-and-funds.component-background-color-default .tab-content hr, body.strix .currencies-and-funds.component-background-color-default .tab-content hr {
  border-color: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field.input-with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .hint-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content .form-field .hint-icon {
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary {
  background: #423131;
  border-color: #423131;
  color: #eae7e3; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary:active, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary:hover, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary:active, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary:hover {
  border-color: #000;
  background-color: #000; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-left, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-right, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.with-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-right, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-right .strix-icon, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-right .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.with-separator:before, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #423131;
  width: 1px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.with-separator.icon-left:before, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.secondary.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special {
  background-color: #6c6c6c;
  border-color: #6c6c6c;
  color: #fff30a; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special:active, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special:hover, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special:active, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special:hover {
  border-color: grey;
  background-color: grey; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-left, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-right, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.with-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-right, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-left .strix-icon, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-right .strix-icon, .strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-right .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.with-separator:before, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #fff30a;
  width: 1px; }

.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.with-separator.icon-left:before, body.strix .currencies-and-funds.component-background-color-default .tab-content a.btn.special.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .currencies-and-funds.component-background-color-style1 .tabs:not([class*=top-component-background-color-]):before, body.strix .currencies-and-funds.component-background-color-style1 .tabs:not([class*=top-component-background-color-]):before {
  background: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-style1 .nav-tabs-currencies > li, body.strix .currencies-and-funds.component-background-color-style1 .nav-tabs-currencies > li {
  background: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-style1 .nav-tabs-currencies > li.active, body.strix .currencies-and-funds.component-background-color-style1 .nav-tabs-currencies > li.active {
  background: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-style1 .nav-tabs-currencies > li a, body.strix .currencies-and-funds.component-background-color-style1 .nav-tabs-currencies > li a {
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content, body.strix .currencies-and-funds.component-background-color-style1 .tab-content {
  background: #f5f5f5;
  color: #333;
  background: #f5f5f5;
  padding-bottom: 0; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content ::placeholder, body.strix .currencies-and-funds.component-background-color-style1 .tab-content ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content :-ms-input-placeholder, body.strix .currencies-and-funds.component-background-color-style1 .tab-content :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content ::-ms-input-placeholder, body.strix .currencies-and-funds.component-background-color-style1 .tab-content ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .dk_toggle, .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=email], .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=number], .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=password], .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=tel], .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=text], .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field textarea, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .dk_toggle, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=email], body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=number], body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=password], body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=tel], body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=text], body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-checkbox-wrapper label:before, .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-radio-wrapper label:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-checkbox-wrapper label:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-checkbox-wrapper input:checked + label:before, .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-radio-wrapper input:checked + label:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=radio]:checked + label:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field.with-calling-code .dk_container .dk_toggle, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content.background-color-after, body.strix .currencies-and-funds.component-background-color-style1 .tab-content.background-color-after {
  position: relative;
  z-index: 1; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content.background-color-after:after, body.strix .currencies-and-funds.component-background-color-style1 .tab-content.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .highlight-text-primary, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .dk_toggle, .strix .currencies-and-funds.component-background-color-style1 .tab-content input[type=text], .strix .currencies-and-funds.component-background-color-style1 .tab-content textarea, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .dk_toggle, body.strix .currencies-and-funds.component-background-color-style1 .tab-content input[type=text], body.strix .currencies-and-funds.component-background-color-style1 .tab-content textarea {
  background: #fff; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-checkbox-wrapper label:before, .strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-radio-wrapper label:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-checkbox-wrapper label:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field.input-with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .hint-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content .form-field .hint-icon {
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary {
  background: #423131;
  border-color: #423131;
  color: #eae7e3; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary:active, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary:hover, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary:active, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary:hover {
  border-color: #000;
  background-color: #000; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-left, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-right, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.with-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-right, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-right .strix-icon, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-right .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.with-separator:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #423131;
  width: 1px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.with-separator.icon-left:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.secondary.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special {
  background-color: #6c6c6c;
  border-color: #6c6c6c;
  color: #fff30a; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special:active, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special:hover, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special:active, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special:hover {
  border-color: grey;
  background-color: grey; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-left, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-right, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.with-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-right, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-left .strix-icon, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-right .strix-icon, .strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-right .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.with-separator:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #fff30a;
  width: 1px; }

.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.with-separator.icon-left:before, body.strix .currencies-and-funds.component-background-color-style1 .tab-content a.btn.special.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .currencies-and-funds.component-background-color-style2 .tabs:not([class*=top-component-background-color-]):before, body.strix .currencies-and-funds.component-background-color-style2 .tabs:not([class*=top-component-background-color-]):before {
  background: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style2 .nav-tabs-currencies > li, body.strix .currencies-and-funds.component-background-color-style2 .nav-tabs-currencies > li {
  background: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style2 .nav-tabs-currencies > li.active, body.strix .currencies-and-funds.component-background-color-style2 .nav-tabs-currencies > li.active {
  background: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style2 .nav-tabs-currencies > li a, body.strix .currencies-and-funds.component-background-color-style2 .nav-tabs-currencies > li a {
  color: #fff; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content, body.strix .currencies-and-funds.component-background-color-style2 .tab-content {
  background: #4d4f53;
  color: #f5f5f5;
  color: #dbdcdc;
  background: #4d4f53;
  padding-bottom: 0; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content ::placeholder, body.strix .currencies-and-funds.component-background-color-style2 .tab-content ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content :-ms-input-placeholder, body.strix .currencies-and-funds.component-background-color-style2 .tab-content :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content ::-ms-input-placeholder, body.strix .currencies-and-funds.component-background-color-style2 .tab-content ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .dk_toggle, .strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=email], .strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=number], .strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=password], .strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=tel], .strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=text], .strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field textarea, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .dk_toggle, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=email], body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=number], body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=password], body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=tel], body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=text], body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field textarea {
  color: #4d4f53;
  background: #fff; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .form-checkbox-wrapper label:before, .strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .form-radio-wrapper label:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .form-checkbox-wrapper label:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .form-checkbox-wrapper input:checked + label:before, .strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .form-radio-wrapper input:checked + label:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=radio]:checked + label:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field.with-calling-code .dk_container .dk_toggle, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: grey;
  background: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #b2b4b3; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a {
  color: #f5f5f5; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content h1, .strix .currencies-and-funds.component-background-color-style2 .tab-content h2, .strix .currencies-and-funds.component-background-color-style2 .tab-content h3, .strix .currencies-and-funds.component-background-color-style2 .tab-content h4, .strix .currencies-and-funds.component-background-color-style2 .tab-content h5, .strix .currencies-and-funds.component-background-color-style2 .tab-content h6, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h1, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h2, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h3, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h4, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h5, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h6 {
  color: #fff; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content h1 a, .strix .currencies-and-funds.component-background-color-style2 .tab-content h2 a, .strix .currencies-and-funds.component-background-color-style2 .tab-content h3 a, .strix .currencies-and-funds.component-background-color-style2 .tab-content h4 a, .strix .currencies-and-funds.component-background-color-style2 .tab-content h5 a, .strix .currencies-and-funds.component-background-color-style2 .tab-content h6 a, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h1 a, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h2 a, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h3 a, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h4 a, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h5 a, body.strix .currencies-and-funds.component-background-color-style2 .tab-content h6 a {
  color: #fff; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .btn.primary, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .btn.primary {
  color: #000; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .btn.secondary:hover, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .btn.secondary:hover {
  background: #000;
  border-color: #000; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=text], body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field input[type=text] {
  background: #fff; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field.input-with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content th, body.strix .currencies-and-funds.component-background-color-style2 .tab-content th {
  color: #dbdcdc; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content td, body.strix .currencies-and-funds.component-background-color-style2 .tab-content td {
  color: #dbdcdc; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary {
  background: #423131;
  border-color: #423131;
  color: #eae7e3; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary:active, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary:hover, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary:active, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary:hover {
  border-color: #000;
  background-color: #000; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-left, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-right, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.with-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-right, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-right .strix-icon, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-right .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.with-separator:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #423131;
  width: 1px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.with-separator.icon-left:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.secondary.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special {
  background-color: #6c6c6c;
  border-color: #6c6c6c;
  color: #fff30a; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special:active, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special:hover, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special:active, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special:hover {
  border-color: grey;
  background-color: grey; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-left, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-right, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.with-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-right, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.with-icon {
  position: relative;
  padding-right: 68px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-left .strix-icon, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-right .strix-icon, .strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.with-icon .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-right .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.with-icon .strix-icon {
  position: absolute;
  right: 18px;
  top: 10px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-left, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-left {
  position: relative;
  padding-right: 30px;
  padding-left: 68px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-left .strix-icon, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.icon-left .strix-icon {
  left: 18px;
  right: auto; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.with-separator:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.with-separator:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 56px;
  background: #fff30a;
  width: 1px; }

.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.with-separator.icon-left:before, body.strix .currencies-and-funds.component-background-color-style2 .tab-content a.btn.special.with-icon.with-separator.icon-left:before {
  right: auto;
  left: 56px; }

.strix .segment-navigation, body.strix .segment-navigation {
  display: inline-block; }

.strix .segment-navigation .segment-navigation-inner li, body.strix .segment-navigation .segment-navigation-inner li {
  position: relative; }

.strix .segment-navigation .segment-navigation-inner li.active a, .strix .segment-navigation .segment-navigation-inner li:hover a, body.strix .segment-navigation .segment-navigation-inner li.active a, body.strix .segment-navigation .segment-navigation-inner li:hover a {
  color: #000; }

.strix .segment-navigation .segment-navigation-inner li.active:before, .strix .segment-navigation .segment-navigation-inner li:hover:before, body.strix .segment-navigation .segment-navigation-inner li.active:before, body.strix .segment-navigation .segment-navigation-inner li:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #fff30a; }

.strix .segment-navigation .segment-navigation-inner a, body.strix .segment-navigation .segment-navigation-inner a {
  padding: 0 15px;
  display: table-cell;
  vertical-align: bottom;
  height: 24px;
  line-height: 16px;
  color: rgba(77, 79, 83, 0.5); }

.strix .segment-navigation .segment-navigation-mobile, body.strix .segment-navigation .segment-navigation-mobile {
  display: inline-block; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .segment-navigation .segment-navigation-mobile .label, body.strix .segment-navigation .segment-navigation-mobile .label {
    margin-left: 15px;
    padding: 0; } }
.strix .segment-navigation .segment-navigation-mobile a:hover, body.strix .segment-navigation .segment-navigation-mobile a:hover {
  color: #fedf00 !important; }

.strix .segment-navigation .segment-navigation-mobile .dropdown-menu, body.strix .segment-navigation .segment-navigation-mobile .dropdown-menu {
  width: 270px;
  margin-left: -5px; }

.strix .segment-navigation-row, body.strix .segment-navigation-row {
  background: #fff;
  display: block;
  padding-left: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  font-weight: 600; }

.strix .segment-navigation-row .language-selection, .strix .segment-navigation-row .quick-nav, body.strix .segment-navigation-row .language-selection, body.strix .segment-navigation-row .quick-nav {
  font-size: 13px; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .segment-navigation-row, body.strix .segment-navigation-row {
    padding-left: 14px;
    height: 28px;
    line-height: 28px;
    font-size: 12px; } }
@media (min-width: 1150px) {
  .strix .segment-navigation-row .float-right .phone-call-center, body.strix .segment-navigation-row .float-right .phone-call-center {
    display: none; } }
.strix .segment-navigation-row .phone-call-center .strix-icon, body.strix .segment-navigation-row .phone-call-center .strix-icon {
  font-size: 14px;
  margin-right: 6px;
  position: relative;
  top: -1px; }

@media (max-width: 650px) {
  .strix .segment-navigation-row .phone-call-center, body.strix .segment-navigation-row .phone-call-center {
    margin-right: 10px !important; } }
.strix .col-md-6 .guidepost .container, body.strix .col-md-6 .guidepost .container {
  width: 100%; }

.strix .col-md-6 .guidepost .guidepost-item, body.strix .col-md-6 .guidepost .guidepost-item {
  width: calc(50% - 15px); }

@media (min-width: 1440px) {
  .strix .col-md-6 .guidepost .guidepost-item, body.strix .col-md-6 .guidepost .guidepost-item {
    width: calc(50% - 30px); } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .col-md-6 .guidepost .guidepost-item, body.strix .col-md-6 .guidepost .guidepost-item {
    width: 100%; } }
.strix .col-md-6 .guidepost .guidepost-item:nth-of-type(1n+3), body.strix .col-md-6 .guidepost .guidepost-item:nth-of-type(1n+3) {
  display: none; }

.strix .guidepost, body.strix .guidepost {
  text-align: center; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .guidepost.top-component-background-color-default .before-inner-wrapper, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper ::placeholder, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field textarea, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .highlight-text-primary, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper.background-color-after, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper.background-color-after:after, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper a, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper a {
    color: #333; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper h1, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h2, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h3, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h4, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h5, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h6, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h1, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h2, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h3, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h4, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h5, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h6 {
    color: #000; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper h1 a, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h2 a, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h3 a, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h4 a, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h5 a, .strix .guidepost.top-component-background-color-default .before-inner-wrapper h6 a, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h1 a, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h2 a, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h3 a, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h4 a, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h5 a, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper h6 a {
    color: #000; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper hr, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon, body.strix .guidepost.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper ::placeholder, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field textarea, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper a, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper a {
    color: #e2e2e2; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h1, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h2, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h3, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h4, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h5, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h6, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h1, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h2, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h3, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h4, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h5, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h6 {
    color: #fff; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h1 a, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h2 a, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h3 a, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h4 a, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h5 a, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h6 a, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h1 a, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h2 a, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h3 a, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h4 a, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h5 a, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .guidepost.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper ::placeholder, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field textarea, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper.background-color-after, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper input[type=text], .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper textarea, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper input[type=text], body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper textarea {
    background: #fff; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon, body.strix .guidepost.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper ::placeholder, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field textarea, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper a, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper a {
    color: #f5f5f5; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h1, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h2, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h3, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h4, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h5, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h6, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h1, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h2, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h3, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h4, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h5, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h6 {
    color: #fff; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h1 a, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h2 a, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h3 a, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h4 a, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h5 a, .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h6 a, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h1 a, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h2 a, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h3 a, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h4 a, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h5 a, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .btn.primary, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .btn.primary {
    color: #000; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .guidepost.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-], body.strix .guidepost[class*=top-component-background-color-] {
    position: relative;
    background: 0 0;
    z-index: 1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper a {
    color: #333; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 {
    color: #000; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a {
    color: #000; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon, body.strix .guidepost[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a {
    color: #e2e2e2; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 {
    color: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a {
    color: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .guidepost[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea {
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a {
    color: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 {
    color: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a {
    color: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary {
    color: #000; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .guidepost[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default {
    background: #fff;
    color: #333; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea {
    background: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a {
    color: #333; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 {
    color: #000; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a {
    color: #000; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr {
    border-color: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse {
    background: #000;
    color: #e2e2e2; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea {
    background: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a {
    color: #e2e2e2; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 {
    color: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a {
    color: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a {
    color: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 {
    background: #f5f5f5;
    color: #333; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea {
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a {
    color: #f5f5f5; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 {
    color: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a {
    color: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary {
    color: #000; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text] {
    background: #fff; }

  .strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon, body.strix .guidepost[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .guidepost[class*=top-component-background-color-] .inner-wrapper, body.strix .guidepost[class*=top-component-background-color-] .inner-wrapper {
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); }

  .strix .guidepost[class*=top-component-background-color-] .inner-wrapper:before, body.strix .guidepost[class*=top-component-background-color-] .inner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fedf00;
    width: 100px;
    height: 5px;
    z-index: 20; }

  .strix .guidepost[class*=top-component-background-color-]:after, .strix .guidepost[class*=top-component-background-color-]:before, body.strix .guidepost[class*=top-component-background-color-]:after, body.strix .guidepost[class*=top-component-background-color-]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1; }

  .strix .guidepost[class*=top-component-background-color-]:before, body.strix .guidepost[class*=top-component-background-color-]:before {
    top: 0;
    bottom: 50%; }

  .strix .guidepost[class*=top-component-background-color-].background-same-as-previous:before, body.strix .guidepost[class*=top-component-background-color-].background-same-as-previous:before {
    bottom: calc(50% + 50px); }

  .strix .guidepost[class*=bottom-component-background-color-]:after, body.strix .guidepost[class*=bottom-component-background-color-]:after {
    top: 50%;
    bottom: 0; }

  .strix .guidepost[class*=bottom-component-background-color-].background-same-as-previous:after, body.strix .guidepost[class*=bottom-component-background-color-].background-same-as-previous:after {
    top: calc(50% - 50px); } }
@media (min-width: 1440px) {
  .strix .guidepost[class*=top-component-background-color-].background-same-as-previous:before, .strix .guidepost[class*=top-component-background-color-]:before, body.strix .guidepost[class*=top-component-background-color-].background-same-as-previous:before, body.strix .guidepost[class*=top-component-background-color-]:before {
    bottom: 0; }

  .strix .guidepost[class*=bottom-component-background-color-]:after, body.strix .guidepost[class*=bottom-component-background-color-]:after {
    top: 271px; }

  .strix .guidepost[class*=bottom-component-background-color-].background-same-as-previous:after, body.strix .guidepost[class*=bottom-component-background-color-].background-same-as-previous:after {
    top: 171px; }

  .strix .guidepost[class*=bottom-component-background-color-].guidepost-highlighted:after, body.strix .guidepost[class*=bottom-component-background-color-].guidepost-highlighted:after {
    top: 340px; }

  .strix .guidepost[class*=bottom-component-background-color-].guidepost-highlighted.background-same-as-previous:after, body.strix .guidepost[class*=bottom-component-background-color-].guidepost-highlighted.background-same-as-previous:after {
    top: 240px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .guidepost[class*=top-component-background-color-].background-same-as-previous:before, .strix .guidepost[class*=top-component-background-color-]:before, body.strix .guidepost[class*=top-component-background-color-].background-same-as-previous:before, body.strix .guidepost[class*=top-component-background-color-]:before {
    bottom: 0; }

  .strix .guidepost[class*=bottom-component-background-color-]:after, body.strix .guidepost[class*=bottom-component-background-color-]:after {
    top: 220px; }

  .strix .guidepost[class*=bottom-component-background-color-].background-same-as-previous:after, body.strix .guidepost[class*=bottom-component-background-color-].background-same-as-previous:after {
    top: 120px; }

  .strix .guidepost[class*=bottom-component-background-color-].guidepost-highlighted:after, body.strix .guidepost[class*=bottom-component-background-color-].guidepost-highlighted:after {
    top: 275px; }

  .strix .guidepost[class*=bottom-component-background-color-].guidepost-highlighted.background-same-as-previous:after, body.strix .guidepost[class*=bottom-component-background-color-].guidepost-highlighted.background-same-as-previous:after {
    top: 175px; } }
.strix .guidepost div, body.strix .guidepost div {
  height: auto; }

.strix .guidepost .wrapper, body.strix .guidepost .wrapper {
  margin-left: -15px; }

@media (min-width: 1440px) {
  .strix .guidepost .wrapper, body.strix .guidepost .wrapper {
    margin-left: -30px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .guidepost .wrapper, body.strix .guidepost .wrapper {
    margin: 0; } }
.strix .guidepost .guidepost-item, body.strix .guidepost .guidepost-item {
  display: inline-block;
  background: #fff;
  width: calc(25% - 15px);
  height: 440px;
  vertical-align: top;
  margin-left: 15px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 30px; }

.strix .guidepost .guidepost-item:hover, body.strix .guidepost .guidepost-item:hover {
  background-color: #dbdcdc; }

@media (min-width: 1440px) {
  .strix .guidepost .guidepost-item, body.strix .guidepost .guidepost-item {
    width: calc(25% - 30px);
    margin-left: 30px;
    height: 440px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .guidepost .guidepost-item, body.strix .guidepost .guidepost-item {
    width: 100%;
    height: 260px;
    margin: 0 0 20px 0; } }
@media (max-width: 639px) {
  .strix .guidepost .guidepost-item, body.strix .guidepost .guidepost-item {
    height: auto;
    padding-bottom: 40px; } }
.strix .guidepost.text-only .guidepost-item, body.strix .guidepost.text-only .guidepost-item {
  height: 269px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .guidepost.text-only .guidepost-item, body.strix .guidepost.text-only .guidepost-item {
    height: 320px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .guidepost.text-only .guidepost-item, body.strix .guidepost.text-only .guidepost-item {
    height: auto;
    padding-bottom: 40px; } }
@media (max-width: 639px) {
  .strix .guidepost.text-only .guidepost-item, body.strix .guidepost.text-only .guidepost-item {
    height: auto; } }
.strix .guidepost.text-only .guidepost-item .img, body.strix .guidepost.text-only .guidepost-item .img {
  height: 0 !important;
  width: 100%; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .guidepost.text-only .guidepost-item .img, body.strix .guidepost.text-only .guidepost-item .img {
    display: none; } }
.strix .guidepost.text-only .guidepost-item .img:after, body.strix .guidepost.text-only .guidepost-item .img:after {
  top: 0;
  height: 5px;
  width: 50px;
  left: 50%;
  transform: translateX(-50%); }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .guidepost.text-only .guidepost-item .text, body.strix .guidepost.text-only .guidepost-item .text {
    width: 100%;
    text-align: center; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .guidepost.text-only .guidepost-item .btn, body.strix .guidepost.text-only .guidepost-item .btn {
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px; } }
.strix .guidepost.guidepost-highlighted.text-only .guidepost-item .text, body.strix .guidepost.guidepost-highlighted.text-only .guidepost-item .text {
  top: 0; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .guidepost.guidepost-highlighted.text-only .guidepost-item .text, body.strix .guidepost.guidepost-highlighted.text-only .guidepost-item .text {
    left: 0;
    right: 0;
    position: absolute; } }
.strix .guidepost.guidepost-highlighted .guidepost-item, body.strix .guidepost.guidepost-highlighted .guidepost-item {
  background-image: linear-gradient(-180deg, #fedf00 0%, #ffe845 100%); }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .guidepost.guidepost-highlighted .guidepost-item .img, body.strix .guidepost.guidepost-highlighted .guidepost-item .img {
    height: 175px; } }
@media (min-width: 1440px) {
  .strix .guidepost.guidepost-highlighted .guidepost-item .img, body.strix .guidepost.guidepost-highlighted .guidepost-item .img {
    height: 240px; } }
.strix .guidepost.guidepost-highlighted .guidepost-item .img:after, body.strix .guidepost.guidepost-highlighted .guidepost-item .img:after {
  background: #fff; }

.strix .guidepost.guidepost-highlighted .guidepost-item .text, body.strix .guidepost.guidepost-highlighted .guidepost-item .text {
  padding: 0; }

.strix .guidepost.guidepost-highlighted .guidepost-item .text *, body.strix .guidepost.guidepost-highlighted .guidepost-item .text * {
  display: none; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .guidepost.guidepost-highlighted .guidepost-item .text, body.strix .guidepost.guidepost-highlighted .guidepost-item .text {
    position: absolute;
    top: 175px;
    left: 0;
    bottom: 0;
    right: 0; } }
@media (min-width: 1440px) {
  .strix .guidepost.guidepost-highlighted .guidepost-item .text, body.strix .guidepost.guidepost-highlighted .guidepost-item .text {
    top: 240px; } }
.strix .guidepost.guidepost-highlighted .guidepost-item .heading, body.strix .guidepost.guidepost-highlighted .guidepost-item .heading {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 30px;
  width: 100%;
  color: #231f20;
  display: block; }

.strix .guidepost .img, body.strix .guidepost .img {
  height: 171px;
  position: relative;
  vertical-align: top; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .guidepost .img, body.strix .guidepost .img {
    height: 120px; } }
.strix .guidepost .img:after, body.strix .guidepost .img:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 5px;
  background: #fedf00; }

.strix .guidepost .img .img-inner, body.strix .guidepost .img .img-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

@media (min-width: 1440px) {
  .strix .guidepost .img .img-inner, body.strix .guidepost .img .img-inner {
    width: 330px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .guidepost .img .img-inner, body.strix .guidepost .img .img-inner {
    width: 232px; } }
.strix .guidepost .img img, body.strix .guidepost .img img {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0); }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .guidepost .img, body.strix .guidepost .img {
    width: 45%;
    height: 100%;
    display: inline-block; }

  .strix .guidepost .img:after, body.strix .guidepost .img:after {
    top: 50%;
    right: -5px;
    bottom: 0;
    left: auto;
    transform: translateY(-50%);
    width: 5px;
    height: 50px;
    background: #fedf00; } }
@media (max-width: 639px) {
  .strix .guidepost .img, body.strix .guidepost .img {
    display: none; } }
.strix .guidepost .text, body.strix .guidepost .text {
  padding: 0 30px; }

.strix .guidepost .text p, body.strix .guidepost .text p {
  color: #4d4f53 !important; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .guidepost .text, body.strix .guidepost .text {
    text-align: left;
    position: relative;
    height: 100%; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .guidepost .text, body.strix .guidepost .text {
    width: 55%;
    display: inline-block; } }
@media (max-width: 639px) {
  .strix .guidepost .text, body.strix .guidepost .text {
    width: 100%; } }
.strix .guidepost .heading, body.strix .guidepost .heading {
  color: #000;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 26px;
  font-family: "Futura PT",Arial,sans-serif; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .guidepost .heading br, body.strix .guidepost .heading br {
    display: inline;
    content: " "; }

  .strix .guidepost .heading br:after, body.strix .guidepost .heading br:after {
    content: " "; } }
.strix .guidepost .btn, body.strix .guidepost .btn {
  padding: 0;
  height: auto;
  position: absolute;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 6px;
  background-color: transparent;
  border: none; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .guidepost .btn, body.strix .guidepost .btn {
    left: 30px;
    margin: 0;
    transform: none; } }
.strix .guidepost .btn .strix-icon, body.strix .guidepost .btn .strix-icon {
  position: relative;
  top: 4px;
  font-size: 20px; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .guidepost.top-component-background-color-inverse p, body.strix .guidepost.top-component-background-color-inverse p {
    color: #e2e2e2; }

  .strix .guidepost.top-component-background-color-inverse a, body.strix .guidepost.top-component-background-color-inverse a {
    color: #e2e2e2; }

  .strix .guidepost.top-component-background-color-inverse h1, .strix .guidepost.top-component-background-color-inverse h2, .strix .guidepost.top-component-background-color-inverse h3, .strix .guidepost.top-component-background-color-inverse h4, .strix .guidepost.top-component-background-color-inverse h5, .strix .guidepost.top-component-background-color-inverse h6, body.strix .guidepost.top-component-background-color-inverse h1, body.strix .guidepost.top-component-background-color-inverse h2, body.strix .guidepost.top-component-background-color-inverse h3, body.strix .guidepost.top-component-background-color-inverse h4, body.strix .guidepost.top-component-background-color-inverse h5, body.strix .guidepost.top-component-background-color-inverse h6 {
    color: #fff; }

  .strix .guidepost.top-component-background-color-inverse h1 a, .strix .guidepost.top-component-background-color-inverse h2 a, .strix .guidepost.top-component-background-color-inverse h3 a, .strix .guidepost.top-component-background-color-inverse h4 a, .strix .guidepost.top-component-background-color-inverse h5 a, .strix .guidepost.top-component-background-color-inverse h6 a, body.strix .guidepost.top-component-background-color-inverse h1 a, body.strix .guidepost.top-component-background-color-inverse h2 a, body.strix .guidepost.top-component-background-color-inverse h3 a, body.strix .guidepost.top-component-background-color-inverse h4 a, body.strix .guidepost.top-component-background-color-inverse h5 a, body.strix .guidepost.top-component-background-color-inverse h6 a {
    color: #fff; }

  .strix .guidepost.top-component-background-color-style1 p, body.strix .guidepost.top-component-background-color-style1 p {
    color: #000; }

  .strix .guidepost.top-component-background-color-style1 h1, .strix .guidepost.top-component-background-color-style1 h2, .strix .guidepost.top-component-background-color-style1 h3, .strix .guidepost.top-component-background-color-style1 h4, .strix .guidepost.top-component-background-color-style1 h5, .strix .guidepost.top-component-background-color-style1 h6, body.strix .guidepost.top-component-background-color-style1 h1, body.strix .guidepost.top-component-background-color-style1 h2, body.strix .guidepost.top-component-background-color-style1 h3, body.strix .guidepost.top-component-background-color-style1 h4, body.strix .guidepost.top-component-background-color-style1 h5, body.strix .guidepost.top-component-background-color-style1 h6 {
    color: #000; }

  .strix .guidepost.top-component-background-color-style1 h1 a, .strix .guidepost.top-component-background-color-style1 h2 a, .strix .guidepost.top-component-background-color-style1 h3 a, .strix .guidepost.top-component-background-color-style1 h4 a, .strix .guidepost.top-component-background-color-style1 h5 a, .strix .guidepost.top-component-background-color-style1 h6 a, body.strix .guidepost.top-component-background-color-style1 h1 a, body.strix .guidepost.top-component-background-color-style1 h2 a, body.strix .guidepost.top-component-background-color-style1 h3 a, body.strix .guidepost.top-component-background-color-style1 h4 a, body.strix .guidepost.top-component-background-color-style1 h5 a, body.strix .guidepost.top-component-background-color-style1 h6 a {
    color: #000; }

  .strix .guidepost.top-component-background-color-style2 p, body.strix .guidepost.top-component-background-color-style2 p {
    color: #f5f5f5; }

  .strix .guidepost.top-component-background-color-style2 a, body.strix .guidepost.top-component-background-color-style2 a {
    color: #f5f5f5; }

  .strix .guidepost.top-component-background-color-style2 h1, .strix .guidepost.top-component-background-color-style2 h2, .strix .guidepost.top-component-background-color-style2 h3, .strix .guidepost.top-component-background-color-style2 h4, .strix .guidepost.top-component-background-color-style2 h5, .strix .guidepost.top-component-background-color-style2 h6, body.strix .guidepost.top-component-background-color-style2 h1, body.strix .guidepost.top-component-background-color-style2 h2, body.strix .guidepost.top-component-background-color-style2 h3, body.strix .guidepost.top-component-background-color-style2 h4, body.strix .guidepost.top-component-background-color-style2 h5, body.strix .guidepost.top-component-background-color-style2 h6 {
    color: #fff; }

  .strix .guidepost.top-component-background-color-style2 h1 a, .strix .guidepost.top-component-background-color-style2 h2 a, .strix .guidepost.top-component-background-color-style2 h3 a, .strix .guidepost.top-component-background-color-style2 h4 a, .strix .guidepost.top-component-background-color-style2 h5 a, .strix .guidepost.top-component-background-color-style2 h6 a, body.strix .guidepost.top-component-background-color-style2 h1 a, body.strix .guidepost.top-component-background-color-style2 h2 a, body.strix .guidepost.top-component-background-color-style2 h3 a, body.strix .guidepost.top-component-background-color-style2 h4 a, body.strix .guidepost.top-component-background-color-style2 h5 a, body.strix .guidepost.top-component-background-color-style2 h6 a {
    color: #fff; }

  .strix .guidepost.top-component-background-color-style2 .btn.secondary:hover, body.strix .guidepost.top-component-background-color-style2 .btn.secondary:hover {
    background: #000; }

  .strix .guidepost.top-component-background-color-style3 h1, .strix .guidepost.top-component-background-color-style3 h2, .strix .guidepost.top-component-background-color-style3 h3, .strix .guidepost.top-component-background-color-style3 h4, .strix .guidepost.top-component-background-color-style3 h5, .strix .guidepost.top-component-background-color-style3 h6, body.strix .guidepost.top-component-background-color-style3 h1, body.strix .guidepost.top-component-background-color-style3 h2, body.strix .guidepost.top-component-background-color-style3 h3, body.strix .guidepost.top-component-background-color-style3 h4, body.strix .guidepost.top-component-background-color-style3 h5, body.strix .guidepost.top-component-background-color-style3 h6 {
    color: #000; }

  .strix .guidepost.top-component-background-color-style3 h1 a, .strix .guidepost.top-component-background-color-style3 h2 a, .strix .guidepost.top-component-background-color-style3 h3 a, .strix .guidepost.top-component-background-color-style3 h4 a, .strix .guidepost.top-component-background-color-style3 h5 a, .strix .guidepost.top-component-background-color-style3 h6 a, body.strix .guidepost.top-component-background-color-style3 h1 a, body.strix .guidepost.top-component-background-color-style3 h2 a, body.strix .guidepost.top-component-background-color-style3 h3 a, body.strix .guidepost.top-component-background-color-style3 h4 a, body.strix .guidepost.top-component-background-color-style3 h5 a, body.strix .guidepost.top-component-background-color-style3 h6 a {
    color: #000; }

  .strix .guidepost.top-component-background-color-style3 .btn.primary, body.strix .guidepost.top-component-background-color-style3 .btn.primary {
    background: #fff;
    color: #000; }

  .strix .guidepost.top-component-background-color-style3 .btn.primary:hover, body.strix .guidepost.top-component-background-color-style3 .btn.primary:hover {
    background: #fff19d; }

  .strix .guidepost.top-component-background-color-style3 .btn.default, body.strix .guidepost.top-component-background-color-style3 .btn.default {
    background: #f5f5f5;
    color: #000; }

  .strix .guidepost.top-component-background-color-style3 .btn.default:hover, body.strix .guidepost.top-component-background-color-style3 .btn.default:hover {
    background: #fed100;
    border-color: #fff; } }
.strix .login-element, body.strix .login-element {
  display: inline-block; }

@media (min-width: 1440px) {
  .strix .login-element, body.strix .login-element {
    width: 210px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .login-element, body.strix .login-element {
    width: 180px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .login-element, body.strix .login-element {
    width: 52px; } }
@media (max-width: 639px) {
  .strix .login-element, body.strix .login-element {
    width: 55px; } }
.strix .login-element .login, body.strix .login-element .login {
  background: #2f89e5;
  position: absolute;
  right: 0;
  top: 0; }

.strix .login-element .login.unwrapped .login-button, .strix .login-element .login.unwrapped .login__button, body.strix .login-element .login.unwrapped .login-button, body.strix .login-element .login.unwrapped .login__button {
  width: 370px;
  transition: all linear .3s; }

@media (max-width: 639px) {
  .strix .login-element .login.unwrapped .login-button, .strix .login-element .login.unwrapped .login__button, body.strix .login-element .login.unwrapped .login-button, body.strix .login-element .login.unwrapped .login__button {
    width: 55px; } }
.strix .login-element .login-button, .strix .login-element .login__button, .strix .login-element .logout-button, body.strix .login-element .login-button, body.strix .login-element .login__button, body.strix .login-element .logout-button {
  width: 210px;
  height: 65px;
  line-height: 65px;
  border: none;
  position: relative;
  text-align: center;
  padding: 0;
  font-weight: 700;
  border-radius: 0;
  border: 0;
  vertical-align: top; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .login-element .login-button, .strix .login-element .login__button, .strix .login-element .logout-button, body.strix .login-element .login-button, body.strix .login-element .login__button, body.strix .login-element .logout-button {
    padding: 0; } }
@media (min-width: 1440px) {
  .strix .login-element .login-button, .strix .login-element .login__button, .strix .login-element .logout-button, body.strix .login-element .login-button, body.strix .login-element .login__button, body.strix .login-element .logout-button {
    width: 210px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .login-element .login-button, .strix .login-element .login__button, .strix .login-element .logout-button, body.strix .login-element .login-button, body.strix .login-element .login__button, body.strix .login-element .logout-button {
    width: 180px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .login-element .login-button, .strix .login-element .login__button, .strix .login-element .logout-button, body.strix .login-element .login-button, body.strix .login-element .login__button, body.strix .login-element .logout-button {
    width: 52px;
    height: 52px;
    line-height: 52px; } }
@media (max-width: 639px) {
  .strix .login-element .login-button, .strix .login-element .login__button, .strix .login-element .logout-button, body.strix .login-element .login-button, body.strix .login-element .login__button, body.strix .login-element .logout-button {
    width: 70px;
    height: 70px;
    line-height: 70px; } }
.strix .login-element .login-button .text, .strix .login-element .login__button .text, .strix .login-element .logout-button .text, body.strix .login-element .login-button .text, body.strix .login-element .login__button .text, body.strix .login-element .logout-button .text {
  margin-left: 8px;
  vertical-align: middle; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .login-element .login-button .text, .strix .login-element .login__button .text, .strix .login-element .logout-button .text, body.strix .login-element .login-button .text, body.strix .login-element .login__button .text, body.strix .login-element .logout-button .text {
    display: none; } }
.strix .login-element .login-button.opened, .strix .login-element .login__button.opened, .strix .login-element .logout-button.opened, body.strix .login-element .login-button.opened, body.strix .login-element .login__button.opened, body.strix .login-element .logout-button.opened {
  border-color: #4194eb;
  background-color: #4194eb; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .login-element .login-button.opened .text, .strix .login-element .login__button.opened .text, .strix .login-element .logout-button.opened .text, body.strix .login-element .login-button.opened .text, body.strix .login-element .login__button.opened .text, body.strix .login-element .logout-button.opened .text {
    display: inline; } }
.strix .login-element .login-button .strix-icon, .strix .login-element .logout-button .strix-icon, body.strix .login-element .login-button .strix-icon, body.strix .login-element .logout-button .strix-icon {
  font-size: 22px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -2px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .login-element .login-button .strix-icon, .strix .login-element .logout-button .strix-icon, body.strix .login-element .login-button .strix-icon, body.strix .login-element .logout-button .strix-icon {
    left: 0;
    right: 0;
    text-align: center; } }
.strix .login-element .login__button:before, body.strix .login-element .login__button:before {
  content: "\e622";
  font-family: rb-icons;
  font-size: 22px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -2px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .login-element .login__button:before, body.strix .login-element .login__button:before {
    left: 0;
    right: 0;
    text-align: center; } }
.strix .login-element #login-window, .strix .login-element .login-window, body.strix .login-element #login-window, body.strix .login-element .login-window {
  position: absolute;
  top: 65px;
  right: 0;
  left: 0;
  background: #f9f9f9;
  z-index: 110;
  width: 370px;
  display: none;
  border: none;
  line-height: 1;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .login-element #login-window, .strix .login-element .login-window, body.strix .login-element #login-window, body.strix .login-element .login-window {
    top: 52px; } }
@media (max-width: 639px) {
  .strix .login-element #login-window, .strix .login-element .login-window, body.strix .login-element #login-window, body.strix .login-element .login-window {
    width: 100vw;
    top: 55px;
    left: calc(-100vw + 55px); } }
.strix .login-element #login-window .row, .strix .login-element .login-window .row, body.strix .login-element #login-window .row, body.strix .login-element .login-window .row {
  box-sizing: border-box;
  display: table;
  min-width: 100%;
  border-spacing: 4px 2px;
  border-collapse: separate;
  margin: 0; }

.strix .login-element #login-window .error-message, .strix .login-element .login-window .error-message, body.strix .login-element #login-window .error-message, body.strix .login-element .login-window .error-message {
  color: red;
  font-weight: 400;
  padding: 7px 7px 3px;
  clear: both;
  font-size: 14px; }

.strix .login-element #login-window .link--arrow1-left:before, .strix .login-element #login-window .link--arrow2-left:before, .strix .login-element .login-window .link--arrow1-left:before, .strix .login-element .login-window .link--arrow2-left:before, body.strix .login-element #login-window .link--arrow1-left:before, body.strix .login-element #login-window .link--arrow2-left:before, body.strix .login-element .login-window .link--arrow1-left:before, body.strix .login-element .login-window .link--arrow2-left:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e66f";
  position: absolute;
  right: -5px;
  font-size: 16px; }

.strix .login-element #login-window a, .strix .login-element #login-window button, .strix .login-element .login-window a, .strix .login-element .login-window button, body.strix .login-element #login-window a, body.strix .login-element #login-window button, body.strix .login-element .login-window a, body.strix .login-element .login-window button {
  outline: 0; }

.strix .login-element #login-window a:active, .strix .login-element #login-window a:focus, .strix .login-element #login-window button:active, .strix .login-element #login-window button:focus, .strix .login-element .login-window a:active, .strix .login-element .login-window a:focus, .strix .login-element .login-window button:active, .strix .login-element .login-window button:focus, body.strix .login-element #login-window a:active, body.strix .login-element #login-window a:focus, body.strix .login-element #login-window button:active, body.strix .login-element #login-window button:focus, body.strix .login-element .login-window a:active, body.strix .login-element .login-window a:focus, body.strix .login-element .login-window button:active, body.strix .login-element .login-window button:focus {
  outline: 0; }

.strix .login-element #login-window label, .strix .login-element .login-window label, body.strix .login-element #login-window label, body.strix .login-element .login-window label {
  font-size: 13px;
  font-weight: 600;
  display: block;
  text-align: right; }

.strix .login-element #login-window .btn, .strix .login-element .login-window .btn, body.strix .login-element #login-window .btn, body.strix .login-element .login-window .btn {
  display: inline-block;
  text-decoration: none;
  font-family: Futura,Arial,sans-serif;
  text-transform: uppercase;
  border: 3px solid #c4c4c4;
  padding: 15px 45px 11px 20px;
  font-weight: 600;
  position: relative;
  margin: 0;
  background-color: transparent;
  font-size: 12px;
  transition: all .2s ease-in-out; }

.strix .login-element #login-window .btn:hover, .strix .login-element .login-window .btn:hover, body.strix .login-element #login-window .btn:hover, body.strix .login-element .login-window .btn:hover {
  border-color: #fff30a;
  background-color: #fff30a; }

.strix .login-element #login-window .btn:before, .strix .login-element .login-window .btn:before, body.strix .login-element #login-window .btn:before, body.strix .login-element .login-window .btn:before {
  height: 0;
  width: 0;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #333;
  border-top: 5px solid transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  content: " ";
  display: block;
  margin-top: -5px; }

.strix .login-element #login-window form, .strix .login-element .login-window form, body.strix .login-element #login-window form, body.strix .login-element .login-window form {
  margin: 0 -2px;
  padding-top: 5px; }

.strix .login-element #login-window .tab-head, .strix .login-element .login-window .tab-head, body.strix .login-element #login-window .tab-head, body.strix .login-element .login-window .tab-head {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #c9c9c9; }

.strix .login-element #login-window .tab-head ul, .strix .login-element .login-window .tab-head ul, body.strix .login-element #login-window .tab-head ul, body.strix .login-element .login-window .tab-head ul {
  display: block; }

.strix .login-element #login-window .tab-head ul li, .strix .login-element .login-window .tab-head ul li, body.strix .login-element #login-window .tab-head ul li, body.strix .login-element .login-window .tab-head ul li {
  float: left;
  width: 50%;
  background: #cfcfcf; }

.strix .login-element #login-window .tab-head ul li a, .strix .login-element .login-window .tab-head ul li a, body.strix .login-element #login-window .tab-head ul li a, body.strix .login-element .login-window .tab-head ul li a {
  display: block;
  text-decoration: none;
  color: #868686;
  text-align: center;
  line-height: 14px;
  padding: 18px 0 19px 0;
  outline: 0;
  font-size: 15px;
  font-family: Futura,Arial,sans-serif; }

.strix .login-element #login-window .tab-head ul li a:hover, .strix .login-element .login-window .tab-head ul li a:hover, body.strix .login-element #login-window .tab-head ul li a:hover, body.strix .login-element .login-window .tab-head ul li a:hover {
  color: #565656; }

.strix .login-element #login-window .tab-head ul li.active, .strix .login-element .login-window .tab-head ul li.active, body.strix .login-element #login-window .tab-head ul li.active, body.strix .login-element .login-window .tab-head ul li.active {
  background: 0 0;
  font-weight: 500; }

.strix .login-element #login-window .tab-head ul li.active a, .strix .login-element .login-window .tab-head ul li.active a, body.strix .login-element #login-window .tab-head ul li.active a, body.strix .login-element .login-window .tab-head ul li.active a {
  color: #565656; }

.strix .login-element #login-window .tab-head ul.items-3 li, .strix .login-element .login-window .tab-head ul.items-3 li, body.strix .login-element #login-window .tab-head ul.items-3 li, body.strix .login-element .login-window .tab-head ul.items-3 li {
  width: 33%; }

.strix .login-element #login-window .tab-head ul.items-3 li:first-of-type, .strix .login-element .login-window .tab-head ul.items-3 li:first-of-type, body.strix .login-element #login-window .tab-head ul.items-3 li:first-of-type, body.strix .login-element .login-window .tab-head ul.items-3 li:first-of-type {
  width: 34%; }

.strix .login-element #login-window .app-content, .strix .login-element #login-window .tab-content, .strix .login-element .login-window .app-content, .strix .login-element .login-window .tab-content, body.strix .login-element #login-window .app-content, body.strix .login-element #login-window .tab-content, body.strix .login-element .login-window .app-content, body.strix .login-element .login-window .tab-content {
  overflow: hidden; }

.strix .login-element #login-window .app-content--tab2, .strix .login-element #login-window .app-content--tab3, .strix .login-element #login-window .tab-content--tab2, .strix .login-element #login-window .tab-content--tab3, .strix .login-element .login-window .app-content--tab2, .strix .login-element .login-window .app-content--tab3, .strix .login-element .login-window .tab-content--tab2, .strix .login-element .login-window .tab-content--tab3, body.strix .login-element #login-window .app-content--tab2, body.strix .login-element #login-window .app-content--tab3, body.strix .login-element #login-window .tab-content--tab2, body.strix .login-element #login-window .tab-content--tab3, body.strix .login-element .login-window .app-content--tab2, body.strix .login-element .login-window .app-content--tab3, body.strix .login-element .login-window .tab-content--tab2, body.strix .login-element .login-window .tab-content--tab3 {
  display: none; }

.strix .login-element #login-window .app-content label, .strix .login-element #login-window .tab-content label, .strix .login-element .login-window .app-content label, .strix .login-element .login-window .tab-content label, body.strix .login-element #login-window .app-content label, body.strix .login-element #login-window .tab-content label, body.strix .login-element .login-window .app-content label, body.strix .login-element .login-window .tab-content label {
  padding: 5px;
  overflow: hidden;
  margin: 0; }

.strix .login-element #login-window .app-content label:before, .strix .login-element #login-window .tab-content label:before, .strix .login-element .login-window .app-content label:before, .strix .login-element .login-window .tab-content label:before, body.strix .login-element #login-window .app-content label:before, body.strix .login-element #login-window .tab-content label:before, body.strix .login-element .login-window .app-content label:before, body.strix .login-element .login-window .tab-content label:before {
  color: #3f3f3f;
  font-size: 21px;
  float: left;
  margin: 6px 12px 0 7px;
  font-weight: 400; }

@media (max-width: 639px) {
  .strix .login-element #login-window .app-content label:before, .strix .login-element #login-window .tab-content label:before, .strix .login-element .login-window .app-content label:before, .strix .login-element .login-window .tab-content label:before, body.strix .login-element #login-window .app-content label:before, body.strix .login-element #login-window .tab-content label:before, body.strix .login-element .login-window .app-content label:before, body.strix .login-element .login-window .tab-content label:before {
    margin-left: 14px; } }
.strix .login-element #login-window .app-content label.user:before, .strix .login-element #login-window .tab-content label.user:before, .strix .login-element .login-window .app-content label.user:before, .strix .login-element .login-window .tab-content label.user:before, body.strix .login-element #login-window .app-content label.user:before, body.strix .login-element #login-window .tab-content label.user:before, body.strix .login-element .login-window .app-content label.user:before, body.strix .login-element .login-window .tab-content label.user:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62f"; }

.strix .login-element #login-window .app-content label.key:before, .strix .login-element #login-window .tab-content label.key:before, .strix .login-element .login-window .app-content label.key:before, .strix .login-element .login-window .tab-content label.key:before, body.strix .login-element #login-window .app-content label.key:before, body.strix .login-element #login-window .tab-content label.key:before, body.strix .login-element .login-window .app-content label.key:before, body.strix .login-element .login-window .tab-content label.key:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61f"; }

.strix .login-element #login-window .app-content label.pin:before, .strix .login-element #login-window .tab-content label.pin:before, .strix .login-element .login-window .app-content label.pin:before, .strix .login-element .login-window .tab-content label.pin:before, body.strix .login-element #login-window .app-content label.pin:before, body.strix .login-element #login-window .tab-content label.pin:before, body.strix .login-element .login-window .app-content label.pin:before, body.strix .login-element .login-window .tab-content label.pin:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62c"; }

.strix .login-element #login-window .app-content label input[type=number], .strix .login-element #login-window .app-content label input[type=password], .strix .login-element #login-window .app-content label input[type=text], .strix .login-element #login-window .tab-content label input[type=number], .strix .login-element #login-window .tab-content label input[type=password], .strix .login-element #login-window .tab-content label input[type=text], .strix .login-element .login-window .app-content label input[type=number], .strix .login-element .login-window .app-content label input[type=password], .strix .login-element .login-window .app-content label input[type=text], .strix .login-element .login-window .tab-content label input[type=number], .strix .login-element .login-window .tab-content label input[type=password], .strix .login-element .login-window .tab-content label input[type=text], body.strix .login-element #login-window .app-content label input[type=number], body.strix .login-element #login-window .app-content label input[type=password], body.strix .login-element #login-window .app-content label input[type=text], body.strix .login-element #login-window .tab-content label input[type=number], body.strix .login-element #login-window .tab-content label input[type=password], body.strix .login-element #login-window .tab-content label input[type=text], body.strix .login-element .login-window .app-content label input[type=number], body.strix .login-element .login-window .app-content label input[type=password], body.strix .login-element .login-window .app-content label input[type=text], body.strix .login-element .login-window .tab-content label input[type=number], body.strix .login-element .login-window .tab-content label input[type=password], body.strix .login-element .login-window .tab-content label input[type=text] {
  border: 1px #a3a3a3 solid;
  background: #fff;
  color: #000;
  font-size: 13px;
  padding: 7px;
  margin: 0;
  width: 320px;
  float: left; }

@media (max-width: 639px) {
  .strix .login-element #login-window .app-content label input[type=number], .strix .login-element #login-window .app-content label input[type=password], .strix .login-element #login-window .app-content label input[type=text], .strix .login-element #login-window .tab-content label input[type=number], .strix .login-element #login-window .tab-content label input[type=password], .strix .login-element #login-window .tab-content label input[type=text], .strix .login-element .login-window .app-content label input[type=number], .strix .login-element .login-window .app-content label input[type=password], .strix .login-element .login-window .app-content label input[type=text], .strix .login-element .login-window .tab-content label input[type=number], .strix .login-element .login-window .tab-content label input[type=password], .strix .login-element .login-window .tab-content label input[type=text], body.strix .login-element #login-window .app-content label input[type=number], body.strix .login-element #login-window .app-content label input[type=password], body.strix .login-element #login-window .app-content label input[type=text], body.strix .login-element #login-window .tab-content label input[type=number], body.strix .login-element #login-window .tab-content label input[type=password], body.strix .login-element #login-window .tab-content label input[type=text], body.strix .login-element .login-window .app-content label input[type=number], body.strix .login-element .login-window .app-content label input[type=password], body.strix .login-element .login-window .app-content label input[type=text], body.strix .login-element .login-window .tab-content label input[type=number], body.strix .login-element .login-window .tab-content label input[type=password], body.strix .login-element .login-window .tab-content label input[type=text] {
    width: calc(100vw - 57px); } }
.strix .login-element #login-window .app-content label.disabled, .strix .login-element #login-window .tab-content label.disabled, .strix .login-element .login-window .app-content label.disabled, .strix .login-element .login-window .tab-content label.disabled, body.strix .login-element #login-window .app-content label.disabled, body.strix .login-element #login-window .tab-content label.disabled, body.strix .login-element .login-window .app-content label.disabled, body.strix .login-element .login-window .tab-content label.disabled {
  display: none; }

.strix .login-element #login-window .app-content label.disabled:before, .strix .login-element #login-window .tab-content label.disabled:before, .strix .login-element .login-window .app-content label.disabled:before, .strix .login-element .login-window .tab-content label.disabled:before, body.strix .login-element #login-window .app-content label.disabled:before, body.strix .login-element #login-window .tab-content label.disabled:before, body.strix .login-element .login-window .app-content label.disabled:before, body.strix .login-element .login-window .tab-content label.disabled:before {
  color: #909090; }

.strix .login-element #login-window .app-content label.disabled input[type=number], .strix .login-element #login-window .app-content label.disabled input[type=password], .strix .login-element #login-window .app-content label.disabled input[type=text], .strix .login-element #login-window .tab-content label.disabled input[type=number], .strix .login-element #login-window .tab-content label.disabled input[type=password], .strix .login-element #login-window .tab-content label.disabled input[type=text], .strix .login-element .login-window .app-content label.disabled input[type=number], .strix .login-element .login-window .app-content label.disabled input[type=password], .strix .login-element .login-window .app-content label.disabled input[type=text], .strix .login-element .login-window .tab-content label.disabled input[type=number], .strix .login-element .login-window .tab-content label.disabled input[type=password], .strix .login-element .login-window .tab-content label.disabled input[type=text], body.strix .login-element #login-window .app-content label.disabled input[type=number], body.strix .login-element #login-window .app-content label.disabled input[type=password], body.strix .login-element #login-window .app-content label.disabled input[type=text], body.strix .login-element #login-window .tab-content label.disabled input[type=number], body.strix .login-element #login-window .tab-content label.disabled input[type=password], body.strix .login-element #login-window .tab-content label.disabled input[type=text], body.strix .login-element .login-window .app-content label.disabled input[type=number], body.strix .login-element .login-window .app-content label.disabled input[type=password], body.strix .login-element .login-window .app-content label.disabled input[type=text], body.strix .login-element .login-window .tab-content label.disabled input[type=number], body.strix .login-element .login-window .tab-content label.disabled input[type=password], body.strix .login-element .login-window .tab-content label.disabled input[type=text] {
  border-color: #b3b3b3;
  background: #e5e5e5;
  color: #8a8989; }

.strix .login-element #login-window .app-content .row, .strix .login-element #login-window .tab-content .row, .strix .login-element .login-window .app-content .row, .strix .login-element .login-window .tab-content .row, body.strix .login-element #login-window .app-content .row, body.strix .login-element #login-window .tab-content .row, body.strix .login-element .login-window .app-content .row, body.strix .login-element .login-window .tab-content .row {
  text-align: right;
  border-spacing: 0;
  padding: 5px 7px 10px 0; }

.strix .login-element #login-window .app-content .row--links, .strix .login-element #login-window .tab-content .row--links, .strix .login-element .login-window .app-content .row--links, .strix .login-element .login-window .tab-content .row--links, body.strix .login-element #login-window .app-content .row--links, body.strix .login-element #login-window .tab-content .row--links, body.strix .login-element .login-window .app-content .row--links, body.strix .login-element .login-window .tab-content .row--links {
  padding: 18px 20px 20px 0; }

.strix .login-element #login-window .app-content .row--links ul li, .strix .login-element #login-window .tab-content .row--links ul li, .strix .login-element .login-window .app-content .row--links ul li, .strix .login-element .login-window .tab-content .row--links ul li, body.strix .login-element #login-window .app-content .row--links ul li, body.strix .login-element #login-window .tab-content .row--links ul li, body.strix .login-element .login-window .app-content .row--links ul li, body.strix .login-element .login-window .tab-content .row--links ul li {
  margin-bottom: 15px; }

.strix .login-element #login-window .app-content .row--links ul li a, .strix .login-element #login-window .tab-content .row--links ul li a, .strix .login-element .login-window .app-content .row--links ul li a, .strix .login-element .login-window .tab-content .row--links ul li a, body.strix .login-element #login-window .app-content .row--links ul li a, body.strix .login-element #login-window .tab-content .row--links ul li a, body.strix .login-element .login-window .app-content .row--links ul li a, body.strix .login-element .login-window .tab-content .row--links ul li a {
  display: block;
  position: relative;
  padding-right: 25px;
  outline: 0; }

.strix .login-element #login-window .app-content .row--links ul li.last, .strix .login-element #login-window .tab-content .row--links ul li.last, .strix .login-element .login-window .app-content .row--links ul li.last, .strix .login-element .login-window .tab-content .row--links ul li.last, body.strix .login-element #login-window .app-content .row--links ul li.last, body.strix .login-element #login-window .tab-content .row--links ul li.last, body.strix .login-element .login-window .app-content .row--links ul li.last, body.strix .login-element .login-window .tab-content .row--links ul li.last {
  margin: 0; }

.strix .login-element #login-window .app-content .row--links-small ul li a, .strix .login-element #login-window .tab-content .row--links-small ul li a, .strix .login-element .login-window .app-content .row--links-small ul li a, .strix .login-element .login-window .tab-content .row--links-small ul li a, body.strix .login-element #login-window .app-content .row--links-small ul li a, body.strix .login-element #login-window .tab-content .row--links-small ul li a, body.strix .login-element .login-window .app-content .row--links-small ul li a, body.strix .login-element .login-window .tab-content .row--links-small ul li a {
  padding-right: 18px;
  font-size: 11px; }

.strix .login-element #login-window .app-content .row--links-small ul li a:after, .strix .login-element #login-window .tab-content .row--links-small ul li a:after, .strix .login-element .login-window .app-content .row--links-small ul li a:after, .strix .login-element .login-window .tab-content .row--links-small ul li a:after, body.strix .login-element #login-window .app-content .row--links-small ul li a:after, body.strix .login-element #login-window .tab-content .row--links-small ul li a:after, body.strix .login-element .login-window .app-content .row--links-small ul li a:after, body.strix .login-element .login-window .tab-content .row--links-small ul li a:after {
  top: 2px; }

.strix .login-element #login-window .app-content .row--border, .strix .login-element #login-window .tab-content .row--border, .strix .login-element .login-window .app-content .row--border, .strix .login-element .login-window .tab-content .row--border, body.strix .login-element #login-window .app-content .row--border, body.strix .login-element #login-window .tab-content .row--border, body.strix .login-element .login-window .app-content .row--border, body.strix .login-element .login-window .tab-content .row--border {
  border-bottom: 1px #b5b5b5 solid; }

.strix .login-element #login-window .app-content .row--white-bg, .strix .login-element #login-window .tab-content .row--white-bg, .strix .login-element .login-window .app-content .row--white-bg, .strix .login-element .login-window .tab-content .row--white-bg, body.strix .login-element #login-window .app-content .row--white-bg, body.strix .login-element #login-window .tab-content .row--white-bg, body.strix .login-element .login-window .app-content .row--white-bg, body.strix .login-element .login-window .tab-content .row--white-bg {
  background: #fff; }

.strix .login-element #login-window .app-content .row--grey-bg, .strix .login-element #login-window .tab-content .row--grey-bg, .strix .login-element .login-window .app-content .row--grey-bg, .strix .login-element .login-window .tab-content .row--grey-bg, body.strix .login-element #login-window .app-content .row--grey-bg, body.strix .login-element #login-window .tab-content .row--grey-bg, body.strix .login-element .login-window .app-content .row--grey-bg, body.strix .login-element .login-window .tab-content .row--grey-bg {
  background: #fff; }

.strix .login-element #login-window .app-content #login-window__app, .strix .login-element #login-window .app-content .login-window__app, .strix .login-element #login-window .tab-content #login-window__app, .strix .login-element #login-window .tab-content .login-window__app, .strix .login-element .login-window .app-content #login-window__app, .strix .login-element .login-window .app-content .login-window__app, .strix .login-element .login-window .tab-content #login-window__app, .strix .login-element .login-window .tab-content .login-window__app, body.strix .login-element #login-window .app-content #login-window__app, body.strix .login-element #login-window .app-content .login-window__app, body.strix .login-element #login-window .tab-content #login-window__app, body.strix .login-element #login-window .tab-content .login-window__app, body.strix .login-element .login-window .app-content #login-window__app, body.strix .login-element .login-window .app-content .login-window__app, body.strix .login-element .login-window .tab-content #login-window__app, body.strix .login-element .login-window .tab-content .login-window__app {
  display: none; }

.strix .login-element #login-window .app-content #login-window__app li, .strix .login-element #login-window .app-content .login-window__app li, .strix .login-element #login-window .tab-content #login-window__app li, .strix .login-element #login-window .tab-content .login-window__app li, .strix .login-element .login-window .app-content #login-window__app li, .strix .login-element .login-window .app-content .login-window__app li, .strix .login-element .login-window .tab-content #login-window__app li, .strix .login-element .login-window .tab-content .login-window__app li, body.strix .login-element #login-window .app-content #login-window__app li, body.strix .login-element #login-window .app-content .login-window__app li, body.strix .login-element #login-window .tab-content #login-window__app li, body.strix .login-element #login-window .tab-content .login-window__app li, body.strix .login-element .login-window .app-content #login-window__app li, body.strix .login-element .login-window .app-content .login-window__app li, body.strix .login-element .login-window .tab-content #login-window__app li, body.strix .login-element .login-window .tab-content .login-window__app li {
  display: block; }

.strix .login-element #login-window .app-content #login-window__appbutton, .strix .login-element #login-window .app-content .login-window__appbutton, .strix .login-element #login-window .tab-content #login-window__appbutton, .strix .login-element #login-window .tab-content .login-window__appbutton, .strix .login-element .login-window .app-content #login-window__appbutton, .strix .login-element .login-window .app-content .login-window__appbutton, .strix .login-element .login-window .tab-content #login-window__appbutton, .strix .login-element .login-window .tab-content .login-window__appbutton, body.strix .login-element #login-window .app-content #login-window__appbutton, body.strix .login-element #login-window .app-content .login-window__appbutton, body.strix .login-element #login-window .tab-content #login-window__appbutton, body.strix .login-element #login-window .tab-content .login-window__appbutton, body.strix .login-element .login-window .app-content #login-window__appbutton, body.strix .login-element .login-window .app-content .login-window__appbutton, body.strix .login-element .login-window .tab-content #login-window__appbutton, body.strix .login-element .login-window .tab-content .login-window__appbutton {
  font-size: 15px; }

.strix .login-element #login-window .app-content.information-message, .strix .login-element #login-window .app-content.outage-message, .strix .login-element #login-window .tab-content.information-message, .strix .login-element #login-window .tab-content.outage-message, .strix .login-element .login-window .app-content.information-message, .strix .login-element .login-window .app-content.outage-message, .strix .login-element .login-window .tab-content.information-message, .strix .login-element .login-window .tab-content.outage-message, body.strix .login-element #login-window .app-content.information-message, body.strix .login-element #login-window .app-content.outage-message, body.strix .login-element #login-window .tab-content.information-message, body.strix .login-element #login-window .tab-content.outage-message, body.strix .login-element .login-window .app-content.information-message, body.strix .login-element .login-window .app-content.outage-message, body.strix .login-element .login-window .tab-content.information-message, body.strix .login-element .login-window .tab-content.outage-message {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #b5b5b5; }

.strix .login-element #login-window .app-content.information-message .wysiwyg-classic, .strix .login-element #login-window .app-content.outage-message .wysiwyg-classic, .strix .login-element #login-window .tab-content.information-message .wysiwyg-classic, .strix .login-element #login-window .tab-content.outage-message .wysiwyg-classic, .strix .login-element .login-window .app-content.information-message .wysiwyg-classic, .strix .login-element .login-window .app-content.outage-message .wysiwyg-classic, .strix .login-element .login-window .tab-content.information-message .wysiwyg-classic, .strix .login-element .login-window .tab-content.outage-message .wysiwyg-classic, body.strix .login-element #login-window .app-content.information-message .wysiwyg-classic, body.strix .login-element #login-window .app-content.outage-message .wysiwyg-classic, body.strix .login-element #login-window .tab-content.information-message .wysiwyg-classic, body.strix .login-element #login-window .tab-content.outage-message .wysiwyg-classic, body.strix .login-element .login-window .app-content.information-message .wysiwyg-classic, body.strix .login-element .login-window .app-content.outage-message .wysiwyg-classic, body.strix .login-element .login-window .tab-content.information-message .wysiwyg-classic, body.strix .login-element .login-window .tab-content.outage-message .wysiwyg-classic {
  padding-bottom: 0;
  line-height: 18px;
  text-align: left; }

.strix .login-element #login-window .app-content .authentization-note, .strix .login-element #login-window .tab-content .authentization-note, .strix .login-element .login-window .app-content .authentization-note, .strix .login-element .login-window .tab-content .authentization-note, body.strix .login-element #login-window .app-content .authentization-note, body.strix .login-element #login-window .tab-content .authentization-note, body.strix .login-element .login-window .app-content .authentization-note, body.strix .login-element .login-window .tab-content .authentization-note {
  padding: 10px; }

.strix .login-element #login-window .app-content .authentization-note p, .strix .login-element #login-window .tab-content .authentization-note p, .strix .login-element .login-window .app-content .authentization-note p, .strix .login-element .login-window .tab-content .authentization-note p, body.strix .login-element #login-window .app-content .authentization-note p, body.strix .login-element #login-window .tab-content .authentization-note p, body.strix .login-element .login-window .app-content .authentization-note p, body.strix .login-element .login-window .tab-content .authentization-note p {
  margin-bottom: 0;
  line-height: 18px; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .login-element.in-content, body.strix .login-element.in-content {
    margin: 50px auto;
    width: 370px;
    display: block; } }
@media (max-width: 639px) {
  .strix .login-element.in-content, body.strix .login-element.in-content {
    margin-top: 50px;
    width: 100%; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .login-element.in-content .unwrapped, body.strix .login-element.in-content .unwrapped {
    position: relative; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .login-element.in-content .unwrapped .login-window, body.strix .login-element.in-content .unwrapped .login-window {
    position: relative !important;
    top: 0 !important; } }
@media (max-width: 639px) {
  .strix .login-element.in-content .unwrapped, body.strix .login-element.in-content .unwrapped {
    position: relative; }

  .strix .login-element.in-content .unwrapped .login-button, body.strix .login-element.in-content .unwrapped .login-button {
    width: 100%;
    height: 55px;
    line-height: 55px; }

  .strix .login-element.in-content .unwrapped .login-window, body.strix .login-element.in-content .unwrapped .login-window {
    left: 0 !important; } }
.strix .login-element.in-content .unwrapped .login-button, body.strix .login-element.in-content .unwrapped .login-button {
  cursor: default; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .login-element.in-content .unwrapped .login-button .text, body.strix .login-element.in-content .unwrapped .login-button .text {
    display: inline-block !important; } }
.strix .login-element.in-content .unwrapped .app-content ul, body.strix .login-element.in-content .unwrapped .app-content ul {
  margin: 0; }

.strix .login-element.in-content .unwrapped .app-content a, body.strix .login-element.in-content .unwrapped .app-content a {
  font-size: 15px;
  text-decoration: none; }

.strix .login-element.in-content .unwrapped .tab-head ul, body.strix .login-element.in-content .unwrapped .tab-head ul {
  margin: 0; }

.strix .login-element.in-content .unwrapped .tab-head ul li, body.strix .login-element.in-content .unwrapped .tab-head ul li {
  display: inline-block; }

.strix .head-cta, body.strix .head-cta {
  width: 100%;
  height: 100%;
  position: relative; }

.strix .head-cta .btn, body.strix .head-cta .btn {
  position: relative;
  border-radius: 0; }

@media (max-width: 639px) {
  .strix .head-cta .btn, body.strix .head-cta .btn {
    width: 100%;
    height: 100%; } }
.strix .banner, body.strix .banner {
  position: relative; }

.strix .banner .custom-icons, body.strix .banner .custom-icons {
  font-size: 18px; }

.strix .banner .custom-icons li, body.strix .banner .custom-icons li {
  margin-bottom: 28px; }

.strix .banner .custom-icons .strix-icon, body.strix .banner .custom-icons .strix-icon {
  font-size: 32px;
  top: -6px; }

.strix .banner .custom-icons .text, body.strix .banner .custom-icons .text {
  padding-left: 54px; }

.strix .banner .banner-item, body.strix .banner .banner-item {
  height: auto;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  transition: opacity linear .3s;
  width: 100%; }

@media (max-width: 639px) {
  .strix .banner .banner-item, body.strix .banner .banner-item {
    text-align: center; } }
.strix .banner .banner-item.active, body.strix .banner .banner-item.active {
  opacity: 1;
  transition: opacity linear .3s; }

.strix .banner .banner-item.upper, body.strix .banner .banner-item.upper {
  z-index: 1;
  position: relative; }

.strix .banner .banner-item h1, body.strix .banner .banner-item h1 {
  margin-bottom: 30px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .banner .banner-item h1, body.strix .banner .banner-item h1 {
    font-size: 40px;
    line-height: 45px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .banner .banner-item h1, body.strix .banner .banner-item h1 {
    font-size: 35px;
    line-height: 40px; } }
.strix .banner .banner-item p, body.strix .banner .banner-item p {
  margin-bottom: 30px; }

.strix .banner .banner-item .banner-container .banner-image, body.strix .banner .banner-item .banner-container .banner-image {
  height: 100%;
  width: auto;
  position: absolute;
  left: 0; }

.strix .banner .banner-item .banner-container .banner-image img, body.strix .banner .banner-item .banner-container .banner-image img {
  height: 100%;
  max-width: none; }

.strix .banner .banner-item .banner-container .text-content-wrapper, body.strix .banner .banner-item .banner-container .text-content-wrapper {
  position: relative;
  overflow: hidden; }

@media (min-width: 1440px) {
  .strix .banner .banner-item .banner-container .text-content-wrapper, body.strix .banner .banner-item .banner-container .text-content-wrapper {
    height: 520px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .banner .banner-item .banner-container .text-content-wrapper, body.strix .banner .banner-item .banner-container .text-content-wrapper {
    height: 420px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .banner .banner-item .banner-container .text-content-wrapper, body.strix .banner .banner-item .banner-container .text-content-wrapper {
    height: 424px; } }
@media (max-width: 639px) {
  .strix .banner .banner-item .banner-container .text-content-wrapper, body.strix .banner .banner-item .banner-container .text-content-wrapper {
    height: 410px; } }
.strix .banner .banner-item .banner-container .text-content, body.strix .banner .banner-item .banner-container .text-content {
  height: auto;
  position: absolute;
  top: 135px;
  width: 100%; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .banner .banner-item .banner-container .text-content, body.strix .banner .banner-item .banner-container .text-content {
    top: 100px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .banner .banner-item .banner-container .text-content, body.strix .banner .banner-item .banner-container .text-content {
    top: 105px; } }
@media (max-width: 639px) {
  .strix .banner .banner-item .banner-container .text-content, body.strix .banner .banner-item .banner-container .text-content {
    top: 60px; } }
.strix .banner .banner-item .banner-container .text-content .headline, body.strix .banner .banner-item .banner-container .text-content .headline {
  padding-top: 0;
  margin-top: 0; }

.strix .banner .banner-item .banner-container .buttons-spaced .btn:first-child, body.strix .banner .banner-item .banner-container .buttons-spaced .btn:first-child {
  margin-left: 0; }

.strix .banner .banner-item.image-centered .banner-image, body.strix .banner .banner-item.image-centered .banner-image {
  left: 50%;
  transform: translateX(-50%); }

.strix .banner .banner-paginator-wrapper, body.strix .banner .banner-paginator-wrapper {
  height: 0;
  position: absolute;
  width: 100%; }

.strix .banner .banner-paginator, body.strix .banner .banner-paginator {
  z-index: 1;
  position: absolute;
  left: 0;
  top: -426px;
  margin-left: 15px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .banner .banner-paginator, body.strix .banner .banner-paginator {
    top: -362px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .banner .banner-paginator, body.strix .banner .banner-paginator {
    top: -360px; } }
@media (max-width: 639px) {
  .strix .banner .banner-paginator, body.strix .banner .banner-paginator {
    top: -396px; } }
.strix .banner .banner-paginator a, body.strix .banner .banner-paginator a {
  text-decoration: none; }

.strix .banner .banner-paginator a:before, body.strix .banner .banner-paginator a:before {
  font-family: rb-icons;
  font-size: 15px;
  content: "\e671";
  color: grey;
  transition: all linear .3s; }

.strix .banner .banner-paginator a.active:before, body.strix .banner .banner-paginator a.active:before {
  content: "\e670";
  transition: all linear .3s; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .banner.small .banner-item h1, body.strix .banner.small .banner-item h1 {
    font-size: 50px;
    line-height: 55px; } }
.strix .banner.small .banner-paginator, body.strix .banner.small .banner-paginator {
  top: -360px; }

.strix .banner.small .text-content, body.strix .banner.small .text-content {
  top: 80px !important; }

.strix .banner.small .text-content-wrapper, body.strix .banner.small .text-content-wrapper {
  height: 400px !important; }

.strix .branches-and-atms-simple, body.strix .branches-and-atms-simple {
  position: relative; }

.strix .branches-and-atms-simple .form-radio-wrapper, body.strix .branches-and-atms-simple .form-radio-wrapper {
  margin-top: 20px; }

.strix .branches-and-atms-simple div, body.strix .branches-and-atms-simple div {
  height: auto; }

.strix .branches-and-atms-simple img, body.strix .branches-and-atms-simple img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: none;
  height: 100%;
  border: none; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .branches-and-atms-simple img, body.strix .branches-and-atms-simple img {
    display: none; } }
.strix .branches-and-atms-simple:before, body.strix .branches-and-atms-simple:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.strix .branches-and-atms-simple .top-left, .strix .branches-and-atms-simple .top-right, body.strix .branches-and-atms-simple .top-left, body.strix .branches-and-atms-simple .top-right {
  position: absolute;
  top: 26px;
  left: 30px; }

.strix .branches-and-atms-simple .top-left a, .strix .branches-and-atms-simple .top-right a, body.strix .branches-and-atms-simple .top-left a, body.strix .branches-and-atms-simple .top-right a {
  text-decoration: none; }

.strix .branches-and-atms-simple .top-right, body.strix .branches-and-atms-simple .top-right {
  left: auto;
  right: 30px; }

.strix .branches-and-atms-simple .strix-icon, body.strix .branches-and-atms-simple .strix-icon {
  display: inline-block;
  vertical-align: middle; }

.strix .branches-and-atms-simple .inner-wrapper, body.strix .branches-and-atms-simple .inner-wrapper {
  background: #fed100;
  color: #333;
  background: #fedf00;
  padding: 118px 60px 40px;
  height: 440px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); }

.strix .branches-and-atms-simple .inner-wrapper .form-field .dk_toggle, .strix .branches-and-atms-simple .inner-wrapper .form-field input[type=email], .strix .branches-and-atms-simple .inner-wrapper .form-field input[type=number], .strix .branches-and-atms-simple .inner-wrapper .form-field input[type=password], .strix .branches-and-atms-simple .inner-wrapper .form-field input[type=tel], .strix .branches-and-atms-simple .inner-wrapper .form-field input[type=text], .strix .branches-and-atms-simple .inner-wrapper .form-field textarea, body.strix .branches-and-atms-simple .inner-wrapper .form-field .dk_toggle, body.strix .branches-and-atms-simple .inner-wrapper .form-field input[type=email], body.strix .branches-and-atms-simple .inner-wrapper .form-field input[type=number], body.strix .branches-and-atms-simple .inner-wrapper .form-field input[type=password], body.strix .branches-and-atms-simple .inner-wrapper .form-field input[type=tel], body.strix .branches-and-atms-simple .inner-wrapper .form-field input[type=text], body.strix .branches-and-atms-simple .inner-wrapper .form-field textarea {
  background: #fff; }

.strix .branches-and-atms-simple .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .branches-and-atms-simple .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .branches-and-atms-simple .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .branches-and-atms-simple .inner-wrapper .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .branches-and-atms-simple .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .branches-and-atms-simple .inner-wrapper .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #ffffff 35%); }

.strix .branches-and-atms-simple .inner-wrapper a, body.strix .branches-and-atms-simple .inner-wrapper a {
  color: #333; }

.strix .branches-and-atms-simple .inner-wrapper .btn.primary, body.strix .branches-and-atms-simple .inner-wrapper .btn.primary {
  background: #fff;
  color: #000; }

.strix .branches-and-atms-simple .inner-wrapper .btn.primary:hover, body.strix .branches-and-atms-simple .inner-wrapper .btn.primary:hover {
  background: #fff19d; }

.strix .branches-and-atms-simple .inner-wrapper .btn.default, body.strix .branches-and-atms-simple .inner-wrapper .btn.default {
  background: #fedf00;
  color: #000; }

.strix .branches-and-atms-simple .inner-wrapper .btn.default:hover, body.strix .branches-and-atms-simple .inner-wrapper .btn.default:hover {
  background: #fed100;
  border-color: #fff; }

.strix .branches-and-atms-simple .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .branches-and-atms-simple .inner-wrapper .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .branches-and-atms-simple .inner-wrapper .form-field .hint-icon, body.strix .branches-and-atms-simple .inner-wrapper .form-field .hint-icon {
  color: #4d4f53; }

@media (min-width: 1440px) {
  .strix .branches-and-atms-simple .inner-wrapper, body.strix .branches-and-atms-simple .inner-wrapper {
    padding: 94px 132px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branches-and-atms-simple .inner-wrapper, body.strix .branches-and-atms-simple .inner-wrapper {
    padding: 94px 60px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .branches-and-atms-simple .inner-wrapper, body.strix .branches-and-atms-simple .inner-wrapper {
    height: auto;
    padding: 94px 70px 60px; } }
@media (max-width: 639px) {
  .strix .branches-and-atms-simple .inner-wrapper, body.strix .branches-and-atms-simple .inner-wrapper {
    height: auto;
    padding: 120px 50px 40px; } }
.strix .branches-and-atms-simple .heading, body.strix .branches-and-atms-simple .heading {
  font-size: 40px;
  font-family: "Futura PT",Arial,sans-serif;
  margin-bottom: 5px; }

.strix .branches-and-atms-simple .claim, body.strix .branches-and-atms-simple .claim {
  font-size: 15px;
  margin-bottom: 30px; }

.strix .branches-and-atms-simple .result-table, body.strix .branches-and-atms-simple .result-table {
  width: 100%;
  font-size: 18px;
  margin-top: 30px; }

.strix .branches-and-atms-simple .result-table td, body.strix .branches-and-atms-simple .result-table td {
  padding: 10px 0; }

.strix .branches-and-atms-simple .result-table tr td:last-of-type, body.strix .branches-and-atms-simple .result-table tr td:last-of-type {
  font-weight: 300;
  text-align: right; }

.strix .branches-and-atms-simple .btn, body.strix .branches-and-atms-simple .btn {
  margin-top: 40px; }

.strix .branches-and-atms-simple.component-background-color-style3, body.strix .branches-and-atms-simple.component-background-color-style3 {
  background-image: linear-gradient(-168deg, #fedf00 0%, #ffe845 100%); }

.strix .branches-and-atms-simple input[type=text], body.strix .branches-and-atms-simple input[type=text] {
  background: white !important;
  width: 100%; }

.strix .branches-and-atms-simple .input-group-wrapper, body.strix .branches-and-atms-simple .input-group-wrapper {
  clear: both; }

.strix .breadcrumbs, body.strix .breadcrumbs {
  margin: 30px 0 0 0;
  width: 100%;
  position: absolute;
  line-height: 26px;
  padding: 0;
  background: 0 0;
  z-index: 2;
  font-size: 14px;
  opacity: .7;
  font-weight: 300; }

.strix .breadcrumbs .container, body.strix .breadcrumbs .container {
  position: relative; }

.strix .breadcrumbs ol, body.strix .breadcrumbs ol {
  margin: 0;
  padding: 0; }

.strix .breadcrumbs li, body.strix .breadcrumbs li {
  list-style: none;
  display: inline-block; }

.strix .breadcrumbs li:last-of-type a, body.strix .breadcrumbs li:last-of-type a {
  text-decoration: none;
  pointer-events: none; }

.strix .breadcrumbs a, body.strix .breadcrumbs a {
  text-decoration: underline; }

.strix .breadcrumbs .separator, body.strix .breadcrumbs .separator {
  margin: 0 8px; }

.strix.layout-021-layouttpl .breadcrumbs, body.strix.layout-021-layouttpl .breadcrumbs {
  font-size: 15px;
  font-weight: 500; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .process.top-component-background-color-default .before-inner-wrapper, body.strix .process.top-component-background-color-default .before-inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .process.top-component-background-color-default .before-inner-wrapper ::placeholder, body.strix .process.top-component-background-color-default .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder, body.strix .process.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder, body.strix .process.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, .strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], .strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], .strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], .strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], .strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], .strix .process.top-component-background-color-default .before-inner-wrapper .form-field textarea, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .highlight-text-primary, body.strix .process.top-component-background-color-default .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .process.top-component-background-color-default .before-inner-wrapper.background-color-after, body.strix .process.top-component-background-color-default .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .process.top-component-background-color-default .before-inner-wrapper.background-color-after:after, body.strix .process.top-component-background-color-default .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .process.top-component-background-color-default .before-inner-wrapper a, body.strix .process.top-component-background-color-default .before-inner-wrapper a {
    color: #333; }

  .strix .process.top-component-background-color-default .before-inner-wrapper h1, .strix .process.top-component-background-color-default .before-inner-wrapper h2, .strix .process.top-component-background-color-default .before-inner-wrapper h3, .strix .process.top-component-background-color-default .before-inner-wrapper h4, .strix .process.top-component-background-color-default .before-inner-wrapper h5, .strix .process.top-component-background-color-default .before-inner-wrapper h6, body.strix .process.top-component-background-color-default .before-inner-wrapper h1, body.strix .process.top-component-background-color-default .before-inner-wrapper h2, body.strix .process.top-component-background-color-default .before-inner-wrapper h3, body.strix .process.top-component-background-color-default .before-inner-wrapper h4, body.strix .process.top-component-background-color-default .before-inner-wrapper h5, body.strix .process.top-component-background-color-default .before-inner-wrapper h6 {
    color: #000; }

  .strix .process.top-component-background-color-default .before-inner-wrapper h1 a, .strix .process.top-component-background-color-default .before-inner-wrapper h2 a, .strix .process.top-component-background-color-default .before-inner-wrapper h3 a, .strix .process.top-component-background-color-default .before-inner-wrapper h4 a, .strix .process.top-component-background-color-default .before-inner-wrapper h5 a, .strix .process.top-component-background-color-default .before-inner-wrapper h6 a, body.strix .process.top-component-background-color-default .before-inner-wrapper h1 a, body.strix .process.top-component-background-color-default .before-inner-wrapper h2 a, body.strix .process.top-component-background-color-default .before-inner-wrapper h3 a, body.strix .process.top-component-background-color-default .before-inner-wrapper h4 a, body.strix .process.top-component-background-color-default .before-inner-wrapper h5 a, body.strix .process.top-component-background-color-default .before-inner-wrapper h6 a {
    color: #000; }

  .strix .process.top-component-background-color-default .before-inner-wrapper hr, body.strix .process.top-component-background-color-default .before-inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon, body.strix .process.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper, body.strix .process.top-component-background-color-inverse .before-inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper ::placeholder, body.strix .process.top-component-background-color-inverse .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder, body.strix .process.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder, body.strix .process.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field textarea, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper a, body.strix .process.top-component-background-color-inverse .before-inner-wrapper a {
    color: #e2e2e2; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper h1, .strix .process.top-component-background-color-inverse .before-inner-wrapper h2, .strix .process.top-component-background-color-inverse .before-inner-wrapper h3, .strix .process.top-component-background-color-inverse .before-inner-wrapper h4, .strix .process.top-component-background-color-inverse .before-inner-wrapper h5, .strix .process.top-component-background-color-inverse .before-inner-wrapper h6, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h1, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h2, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h3, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h4, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h5, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h6 {
    color: #fff; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper h1 a, .strix .process.top-component-background-color-inverse .before-inner-wrapper h2 a, .strix .process.top-component-background-color-inverse .before-inner-wrapper h3 a, .strix .process.top-component-background-color-inverse .before-inner-wrapper h4 a, .strix .process.top-component-background-color-inverse .before-inner-wrapper h5 a, .strix .process.top-component-background-color-inverse .before-inner-wrapper h6 a, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h1 a, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h2 a, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h3 a, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h4 a, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h5 a, body.strix .process.top-component-background-color-inverse .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, .strix .process.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .process.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper, body.strix .process.top-component-background-color-style1 .before-inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper ::placeholder, body.strix .process.top-component-background-color-style1 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder, body.strix .process.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder, body.strix .process.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field textarea, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper.background-color-after, body.strix .process.top-component-background-color-style1 .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after, body.strix .process.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, .strix .process.top-component-background-color-style1 .before-inner-wrapper input[type=text], .strix .process.top-component-background-color-style1 .before-inner-wrapper textarea, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, body.strix .process.top-component-background-color-style1 .before-inner-wrapper input[type=text], body.strix .process.top-component-background-color-style1 .before-inner-wrapper textarea {
    background: #fff; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon, body.strix .process.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper, body.strix .process.top-component-background-color-style2 .before-inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper ::placeholder, body.strix .process.top-component-background-color-style2 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder, body.strix .process.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder, body.strix .process.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field textarea, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper a, body.strix .process.top-component-background-color-style2 .before-inner-wrapper a {
    color: #f5f5f5; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper h1, .strix .process.top-component-background-color-style2 .before-inner-wrapper h2, .strix .process.top-component-background-color-style2 .before-inner-wrapper h3, .strix .process.top-component-background-color-style2 .before-inner-wrapper h4, .strix .process.top-component-background-color-style2 .before-inner-wrapper h5, .strix .process.top-component-background-color-style2 .before-inner-wrapper h6, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h1, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h2, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h3, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h4, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h5, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h6 {
    color: #fff; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper h1 a, .strix .process.top-component-background-color-style2 .before-inner-wrapper h2 a, .strix .process.top-component-background-color-style2 .before-inner-wrapper h3 a, .strix .process.top-component-background-color-style2 .before-inner-wrapper h4 a, .strix .process.top-component-background-color-style2 .before-inner-wrapper h5 a, .strix .process.top-component-background-color-style2 .before-inner-wrapper h6 a, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h1 a, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h2 a, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h3 a, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h4 a, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h5 a, body.strix .process.top-component-background-color-style2 .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .btn.primary, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .btn.primary {
    color: #000; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .process.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-], body.strix .process[class*=top-component-background-color-] {
    position: relative;
    background: 0 0;
    z-index: 1; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper a, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper a {
    color: #333; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 {
    color: #000; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a {
    color: #000; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon, body.strix .process[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a {
    color: #e2e2e2; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 {
    color: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a {
    color: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .process[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea {
    background: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon, body.strix .process[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a {
    color: #f5f5f5; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 {
    color: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a {
    color: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary {
    color: #000; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .process[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default {
    background: #fff;
    color: #333; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea {
    background: #f5f5f5; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a {
    color: #333; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 {
    color: #000; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a {
    color: #000; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr {
    border-color: #f5f5f5; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse {
    background: #000;
    color: #e2e2e2; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea {
    background: #f5f5f5; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a {
    color: #e2e2e2; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 {
    color: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a {
    color: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a {
    color: #fedf00; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 {
    background: #f5f5f5;
    color: #333; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea {
    background: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a {
    color: #f5f5f5; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 {
    color: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a {
    color: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary {
    color: #000; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text] {
    background: #fff; }

  .strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon, body.strix .process[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .process[class*=top-component-background-color-] .inner-wrapper, body.strix .process[class*=top-component-background-color-] .inner-wrapper {
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); }

  .strix .process[class*=top-component-background-color-] .inner-wrapper:before, body.strix .process[class*=top-component-background-color-] .inner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fedf00;
    width: 100px;
    height: 5px;
    z-index: 20; }

  .strix .process[class*=top-component-background-color-]:after, .strix .process[class*=top-component-background-color-]:before, body.strix .process[class*=top-component-background-color-]:after, body.strix .process[class*=top-component-background-color-]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1; }

  .strix .process[class*=top-component-background-color-]:before, body.strix .process[class*=top-component-background-color-]:before {
    top: 0;
    bottom: 50%; }

  .strix .process[class*=top-component-background-color-].background-same-as-previous:before, body.strix .process[class*=top-component-background-color-].background-same-as-previous:before {
    bottom: calc(50% + 50px); }

  .strix .process[class*=bottom-component-background-color-]:after, body.strix .process[class*=bottom-component-background-color-]:after {
    top: 50%;
    bottom: 0; }

  .strix .process[class*=bottom-component-background-color-].background-same-as-previous:after, body.strix .process[class*=bottom-component-background-color-].background-same-as-previous:after {
    top: calc(50% - 50px); } }
.strix .process:not([class*=top-component-background-color-]) .container, body.strix .process:not([class*=top-component-background-color-]) .container {
  max-width: 1000px; }

@media (min-width: 1440px) {
  .strix .process[class*=top-component-background-color-] .inner-wrapper, body.strix .process[class*=top-component-background-color-] .inner-wrapper {
    padding-left: 100px;
    padding-right: 100px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .process[class*=top-component-background-color-] .inner-wrapper, body.strix .process[class*=top-component-background-color-] .inner-wrapper {
    padding-left: 0;
    padding-right: 30px; } }
.strix .process .bullet, body.strix .process .bullet {
  background-color: #fff30a;
  border: 1px solid #d9d9d9; }

.strix .process .bullet.hovered, .strix .process .bullet:hover, body.strix .process .bullet.hovered, body.strix .process .bullet:hover {
  background-color: #d9d9d9; }

.strix .process .bullets-list, body.strix .process .bullets-list {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process .bullets-list:after, body.strix .process .bullets-list:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 90px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #d9d9d9; }

  .strix .process .bullets-list .bullet-outer:last-of-type .steps-col:after, body.strix .process .bullets-list .bullet-outer:last-of-type .steps-col:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: -90px;
    top: 0;
    bottom: -150px;
    width: 3px;
    background-color: #fff; } }
.strix .process .bullet-wrapper, body.strix .process .bullet-wrapper {
  width: 180px; }

@media (max-width: 639px) {
  .strix .process .bullet-wrapper, body.strix .process .bullet-wrapper {
    width: auto; } }
.strix .process .bullet-outer, body.strix .process .bullet-outer {
  list-style: none;
  position: relative;
  display: block;
  margin-bottom: 40px; }

.strix .process .bullet-outer-wrapper, body.strix .process .bullet-outer-wrapper {
  position: relative;
  text-align: center;
  float: left; }

@media (max-width: 639px) {
  .strix .process .bullet-outer-wrapper, body.strix .process .bullet-outer-wrapper {
    float: none;
    margin: 0 auto;
    display: block; } }
.strix .process .steps-col, body.strix .process .steps-col {
  float: right;
  width: calc(100% - 180px); }

@media (max-width: 639px) {
  .strix .process .steps-col, body.strix .process .steps-col {
    float: none;
    margin: 0 auto;
    display: block;
    width: auto; } }
.strix .process .bullet, .strix .process.circle-bullets .bullet, .strix .process.hexagon-bullets .bullet, .strix .process.square-bullets .bullet, body.strix .process .bullet, body.strix .process.circle-bullets .bullet, body.strix .process.hexagon-bullets .bullet, body.strix .process.square-bullets .bullet {
  position: relative;
  z-index: 3;
  border-radius: 50%;
  display: inline-block; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process .bullet, .strix .process.circle-bullets .bullet, .strix .process.hexagon-bullets .bullet, .strix .process.square-bullets .bullet, body.strix .process .bullet, body.strix .process.circle-bullets .bullet, body.strix .process.hexagon-bullets .bullet, body.strix .process.square-bullets .bullet {
    width: 100px;
    height: 100px; } }
@media (max-width: 639px) {
  .strix .process .bullet, .strix .process.circle-bullets .bullet, .strix .process.hexagon-bullets .bullet, .strix .process.square-bullets .bullet, body.strix .process .bullet, body.strix .process.circle-bullets .bullet, body.strix .process.hexagon-bullets .bullet, body.strix .process.square-bullets .bullet {
    width: 65px;
    height: 65px; } }
.strix .process .bullet .number, .strix .process.circle-bullets .bullet .number, .strix .process.hexagon-bullets .bullet .number, .strix .process.square-bullets .bullet .number, body.strix .process .bullet .number, body.strix .process.circle-bullets .bullet .number, body.strix .process.hexagon-bullets .bullet .number, body.strix .process.square-bullets .bullet .number {
  display: block;
  position: absolute;
  z-index: 10;
  left: 5px;
  width: 100%;
  text-align: center; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process .bullet .number, .strix .process.circle-bullets .bullet .number, .strix .process.hexagon-bullets .bullet .number, .strix .process.square-bullets .bullet .number, body.strix .process .bullet .number, body.strix .process.circle-bullets .bullet .number, body.strix .process.hexagon-bullets .bullet .number, body.strix .process.square-bullets .bullet .number {
    font-size: 50px;
    top: 18px; } }
@media (max-width: 639px) {
  .strix .process .bullet .number, .strix .process.circle-bullets .bullet .number, .strix .process.hexagon-bullets .bullet .number, .strix .process.square-bullets .bullet .number, body.strix .process .bullet .number, body.strix .process.circle-bullets .bullet .number, body.strix .process.hexagon-bullets .bullet .number, body.strix .process.square-bullets .bullet .number {
    font-size: 36px;
    top: 10px; } }
.strix .process .bullet, .strix .process.circle-bullets .bullet, .strix .process.hexagon-bullets .bullet, .strix .process.square-bullets .bullet, body.strix .process .bullet, body.strix .process.circle-bullets .bullet, body.strix .process.hexagon-bullets .bullet, body.strix .process.square-bullets .bullet {
  border-radius: 0;
  border: 0;
  width: 94px;
  height: 94px; }

.strix .process .bullet .number, .strix .process.circle-bullets .bullet .number, .strix .process.hexagon-bullets .bullet .number, .strix .process.square-bullets .bullet .number, body.strix .process .bullet .number, body.strix .process.circle-bullets .bullet .number, body.strix .process.hexagon-bullets .bullet .number, body.strix .process.square-bullets .bullet .number {
  font-size: 35px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: "Futura PT",Arial,sans-serif; }

.strix .process.circle-bullets .bullet, body.strix .process.circle-bullets .bullet {
  border-radius: 50%; }

.strix .process.hexagon-bullets .bullet, body.strix .process.hexagon-bullets .bullet {
  position: relative;
  z-index: 3;
  display: inline-block; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.hexagon-bullets .bullet, body.strix .process.hexagon-bullets .bullet {
    width: 100px;
    height: 58px;
    margin: 29px 0; } }
@media (max-width: 639px) {
  .strix .process.hexagon-bullets .bullet, body.strix .process.hexagon-bullets .bullet {
    margin: 19px 0;
    width: 66px;
    height: 38px; } }
.strix .process.hexagon-bullets .bullet.hovered, .strix .process.hexagon-bullets .bullet:hover, body.strix .process.hexagon-bullets .bullet.hovered, body.strix .process.hexagon-bullets .bullet:hover {
  background-color: #d9d9d9; }

.strix .process.hexagon-bullets .bullet.hovered::after, .strix .process.hexagon-bullets .bullet.hovered::before, .strix .process.hexagon-bullets .bullet:hover::after, .strix .process.hexagon-bullets .bullet:hover::before, body.strix .process.hexagon-bullets .bullet.hovered::after, body.strix .process.hexagon-bullets .bullet.hovered::before, body.strix .process.hexagon-bullets .bullet:hover::after, body.strix .process.hexagon-bullets .bullet:hover::before {
  background-color: #d9d9d9; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.hexagon-bullets .bullet .number, body.strix .process.hexagon-bullets .bullet .number {
    font-size: 50px; } }
@media (max-width: 639px) {
  .strix .process.hexagon-bullets .bullet .number, body.strix .process.hexagon-bullets .bullet .number {
    font-size: 36px; } }
.strix .process.hexagon-bullets .bullet:after, .strix .process.hexagon-bullets .bullet:before, body.strix .process.hexagon-bullets .bullet:after, body.strix .process.hexagon-bullets .bullet:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: inherit;
  transform: scaleY(0.5774) rotate(-45deg); }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.hexagon-bullets .bullet:after, .strix .process.hexagon-bullets .bullet:before, body.strix .process.hexagon-bullets .bullet:after, body.strix .process.hexagon-bullets .bullet:before {
    width: 70px;
    height: 70px;
    left: 14px; } }
@media (max-width: 639px) {
  .strix .process.hexagon-bullets .bullet:after, .strix .process.hexagon-bullets .bullet:before, body.strix .process.hexagon-bullets .bullet:after, body.strix .process.hexagon-bullets .bullet:before {
    width: 46px;
    height: 46px;
    left: 9px; } }
.strix .process.hexagon-bullets .bullet::before, body.strix .process.hexagon-bullets .bullet::before {
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.hexagon-bullets .bullet::before, body.strix .process.hexagon-bullets .bullet::before {
    top: -35px; } }
@media (max-width: 639px) {
  .strix .process.hexagon-bullets .bullet::before, body.strix .process.hexagon-bullets .bullet::before {
    top: -23px; } }
.strix .process.hexagon-bullets .bullet::after, body.strix .process.hexagon-bullets .bullet::after {
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.hexagon-bullets .bullet::after, body.strix .process.hexagon-bullets .bullet::after {
    bottom: -35px; } }
@media (max-width: 639px) {
  .strix .process.hexagon-bullets .bullet::after, body.strix .process.hexagon-bullets .bullet::after {
    bottom: -23px; } }
.strix .process .steps-col, body.strix .process .steps-col {
  position: relative; }

@media (max-width: 639px) {
  .strix .process .steps-col, body.strix .process .steps-col {
    padding: 0 20px; } }
.strix .process .steps-col .step, body.strix .process .steps-col .step {
  position: relative; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process .steps-col .step, body.strix .process .steps-col .step {
    margin-top: 24px; } }
@media (max-width: 639px) {
  .strix .process .steps-col .step, body.strix .process .steps-col .step {
    text-align: center;
    margin: 34px 0; } }
.strix .process .steps-col .step .step-headline, body.strix .process .steps-col .step .step-headline {
  font-size: 28px;
  font-weight: 300;
  margin: 0; }

.strix .process .steps-col .step .wysiwyg-classic, body.strix .process .steps-col .step .wysiwyg-classic {
  margin: 9px 0; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.tight:not([class*=top-component-background-color-]) .container, body.strix .process.tight:not([class*=top-component-background-color-]) .container {
    width: 700px !important; } }
@media (min-width: 1000px) and (max-width: 1439px) and (min-width: 1440px), (min-width: 1440px) and (min-width: 1440px) {
  .strix .process.tight[class*=top-component-background-color-] .inner-wrapper, body.strix .process.tight[class*=top-component-background-color-] .inner-wrapper {
    padding-left: 250px;
    padding-right: 250px; } }
@media (min-width: 1000px) and (max-width: 1439px) and (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) and (min-width: 1000px) and (max-width: 1439px) {
  .strix .process.tight[class*=top-component-background-color-] .inner-wrapper, body.strix .process.tight[class*=top-component-background-color-] .inner-wrapper {
    padding-left: 150px;
    padding-right: 150px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .process.tight .container, body.strix .process.tight .container {
    width: 700px !important; } }
.strix .process.component-background-color-default .bullet, body.strix .process.component-background-color-default .bullet {
  background-color: #f5f5f5;
  border-color: #fff30a; }

.strix .process.component-background-color-default .bullet.hovered, .strix .process.component-background-color-default .bullet.hovered:after, .strix .process.component-background-color-default .bullet.hovered:before, .strix .process.component-background-color-default .bullet:hover, body.strix .process.component-background-color-default .bullet.hovered, body.strix .process.component-background-color-default .bullet.hovered:after, body.strix .process.component-background-color-default .bullet.hovered:before, body.strix .process.component-background-color-default .bullet:hover {
  background: #d9d9d9 !important;
  border-color: #d9d9d9 !important; }

.strix .process.component-background-color-default .bullet:after, .strix .process.component-background-color-default .bullet:before, body.strix .process.component-background-color-default .bullet:after, body.strix .process.component-background-color-default .bullet:before {
  border: none; }

.strix .process.component-background-color-inverse .bullet, body.strix .process.component-background-color-inverse .bullet {
  background: #303030;
  border-color: #303030; }

.strix .process.component-background-color-inverse .bullet.hovered, .strix .process.component-background-color-inverse .bullet.hovered:after, .strix .process.component-background-color-inverse .bullet.hovered:before, .strix .process.component-background-color-inverse .bullet:hover, body.strix .process.component-background-color-inverse .bullet.hovered, body.strix .process.component-background-color-inverse .bullet.hovered:after, body.strix .process.component-background-color-inverse .bullet.hovered:before, body.strix .process.component-background-color-inverse .bullet:hover {
  background: #424242 !important;
  border-color: #424242 !important; }

.strix .process.component-background-color-inverse .bullet:after, .strix .process.component-background-color-inverse .bullet:before, body.strix .process.component-background-color-inverse .bullet:after, body.strix .process.component-background-color-inverse .bullet:before {
  border: none; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.component-background-color-inverse .bullets-list:after, body.strix .process.component-background-color-inverse .bullets-list:after {
    background-color: #d9d9d9; }

  .strix .process.component-background-color-inverse .bullets-list .bullet-outer:last-of-type .steps-col:after, body.strix .process.component-background-color-inverse .bullets-list .bullet-outer:last-of-type .steps-col:after {
    background-color: #000; } }
.strix .process.component-background-color-inverse .bullets-list:after, body.strix .process.component-background-color-inverse .bullets-list:after {
  background: #303030 !important; }

.strix .process.component-background-color-inverse .bullet-outer:last-of-type .steps-col:after, body.strix .process.component-background-color-inverse .bullet-outer:last-of-type .steps-col:after {
  background-color: black !important; }

.strix .process.component-background-color-style1 .bullet, body.strix .process.component-background-color-style1 .bullet {
  background-color: #fff;
  border-color: #303030; }

.strix .process.component-background-color-style1 .bullet.hovered, .strix .process.component-background-color-style1 .bullet.hovered:after, .strix .process.component-background-color-style1 .bullet.hovered:before, .strix .process.component-background-color-style1 .bullet:hover, body.strix .process.component-background-color-style1 .bullet.hovered, body.strix .process.component-background-color-style1 .bullet.hovered:after, body.strix .process.component-background-color-style1 .bullet.hovered:before, body.strix .process.component-background-color-style1 .bullet:hover {
  background: #e1e1e2 !important;
  border-color: #e1e1e2 !important; }

.strix .process.component-background-color-style1 .bullet:after, .strix .process.component-background-color-style1 .bullet:before, body.strix .process.component-background-color-style1 .bullet:after, body.strix .process.component-background-color-style1 .bullet:before {
  border: none; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.component-background-color-style1 .bullets-list:after, body.strix .process.component-background-color-style1 .bullets-list:after {
    background-color: #e2e2e2; }

  .strix .process.component-background-color-style1 .bullets-list .bullet-outer:last-of-type .steps-col:after, body.strix .process.component-background-color-style1 .bullets-list .bullet-outer:last-of-type .steps-col:after {
    background-color: #f5f5f5; } }
.strix .process.component-background-color-style2 .bullet, body.strix .process.component-background-color-style2 .bullet {
  background-color: #303030;
  border-color: #303030; }

.strix .process.component-background-color-style2 .bullet.hovered, .strix .process.component-background-color-style2 .bullet.hovered:after, .strix .process.component-background-color-style2 .bullet.hovered:before, .strix .process.component-background-color-style2 .bullet:hover, body.strix .process.component-background-color-style2 .bullet.hovered, body.strix .process.component-background-color-style2 .bullet.hovered:after, body.strix .process.component-background-color-style2 .bullet.hovered:before, body.strix .process.component-background-color-style2 .bullet:hover {
  background: #424242 !important;
  border-color: #424242 !important; }

.strix .process.component-background-color-style2 .bullet:after, .strix .process.component-background-color-style2 .bullet:before, body.strix .process.component-background-color-style2 .bullet:after, body.strix .process.component-background-color-style2 .bullet:before {
  border: none; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.component-background-color-style2 .bullets-list:after, body.strix .process.component-background-color-style2 .bullets-list:after {
    background-color: #303030; }

  .strix .process.component-background-color-style2 .bullets-list .bullet-outer:last-of-type .steps-col:after, body.strix .process.component-background-color-style2 .bullets-list .bullet-outer:last-of-type .steps-col:after {
    background-color: #4d4f53; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.component-background-color-style3 .bullets-list:after, body.strix .process.component-background-color-style3 .bullets-list:after {
    background-color: #fff30a; }

  .strix .process.component-background-color-style3 .bullets-list .bullet-outer:last-of-type .steps-col:after, body.strix .process.component-background-color-style3 .bullets-list .bullet-outer:last-of-type .steps-col:after {
    background-color: #fed100; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .process.component-background-color-style4 .bullets-list:after, body.strix .process.component-background-color-style4 .bullets-list:after {
    background-color: #fff30a; }

  .strix .process.component-background-color-style4 .bullets-list .bullet-outer:last-of-type .steps-col:after, body.strix .process.component-background-color-style4 .bullets-list .bullet-outer:last-of-type .steps-col:after {
    background-color: #d9d9d9; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .tabs .process .container, body.strix .tabs .process .container {
    padding-left: 15px;
    padding-right: 15px; } }
.strix .dk_container, body.strix .dk_container {
  box-sizing: border-box;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 12px;
  font-weight: 500;
  width: 100%; }

.strix .dk_container:focus, body.strix .dk_container:focus {
  outline: 0; }

.strix .dk_container a, body.strix .dk_container a {
  cursor: pointer;
  text-decoration: none; }

.strix .dk_container[disabled] a, body.strix .dk_container[disabled] a {
  cursor: default; }

.strix .dk_toggle, body.strix .dk_toggle {
  box-sizing: border-box;
  border: 2px solid #dbdcdc;
  color: #333;
  padding: 14px 45px 14px 10px;
  position: relative;
  width: 100%; }

.strix .dk_toggle:focus, .strix .dk_toggle:hover, body.strix .dk_toggle:focus, body.strix .dk_toggle:hover {
  border-color: #b4b6b6; }

.strix .dk_toggle:after, body.strix .dk_toggle:after {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e661";
  position: absolute;
  top: 0;
  right: 0;
  height: 43px;
  width: 43px;
  text-align: center;
  line-height: 36px;
  background-color: #f5f5f5;
  font-size: 12px; }

.strix .dk_focus .dk_toggle, body.strix .dk_focus .dk_toggle {
  border-color: #b4b6b6; }

.strix .dk_open, body.strix .dk_open {
  z-index: 10; }

.strix .dk_options, body.strix .dk_options {
  background: #fff; }

.strix .dk_options ul, body.strix .dk_options ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.strix .dk_options ul li, body.strix .dk_options ul li {
  list-style-type: none; }

.strix .dk_options a, body.strix .dk_options a {
  background-color: #fff;
  border-bottom: 2px solid #b4b6b6;
  padding: 8px 10px; }

.strix .dk_options .dk_option_current a, .strix .dk_options a:hover, .strix .dk_options:focus, body.strix .dk_options .dk_option_current a, body.strix .dk_options a:hover, body.strix .dk_options:focus {
  background-color: #fff30a;
  color: #333;
  text-decoration: none; }

.strix .dk_options li:last-child a, body.strix .dk_options li:last-child a {
  border-bottom: none; }

.strix .dk_options .disabled, body.strix .dk_options .disabled {
  cursor: default; }

.strix .dk_options .disabled a, body.strix .dk_options .disabled a {
  color: #999; }

.strix .dk_options .disabled:focus, .strix .dk_options .disabled:focus a, .strix .dk_options .disabled:hover, .strix .dk_options .disabled:hover a, body.strix .dk_options .disabled:focus, body.strix .dk_options .disabled:focus a, body.strix .dk_options .disabled:hover, body.strix .dk_options .disabled:hover a {
  cursor: default; }

.strix .dk_options_inner, body.strix .dk_options_inner {
  max-height: 244px;
  border: 2px solid #b4b6b6;
  color: #333; }

.strix .dk_container, body.strix .dk_container {
  display: none;
  float: left; }

.strix .dk_container a, body.strix .dk_container a {
  outline: 0; }

.strix .dk_toggle, body.strix .dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  position: relative;
  zoom: 1; }

.strix .dk_open, body.strix .dk_open {
  position: relative; }

.strix .dk_open .dk_options, body.strix .dk_open .dk_options {
  display: block; }

.strix .dk_open .dk_label, body.strix .dk_open .dk_label {
  color: inherit; }

.strix .dk_options, body.strix .dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%; }

.strix .dk_options a, .strix .dk_options a:link, .strix .dk_options a:visited, body.strix .dk_options a, body.strix .dk_options a:link, body.strix .dk_options a:visited {
  display: block; }

.strix .dk_options_inner, body.strix .dk_options_inner {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch; }

.strix .dk_container select, body.strix .dk_container select {
  position: absolute;
  visibility: hidden; }

.strix .dk_mobile, body.strix .dk_mobile {
  position: relative; }

.strix .dk_mobile select, body.strix .dk_mobile select {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: visible;
  opacity: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

.strix input::-ms-clear, body.strix input::-ms-clear {
  display: none; }

.strix .form-generic, body.strix .form-generic {
  padding: 20px 80px 60px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic, body.strix .form-generic {
    padding-left: 15px;
    padding-right: 15px; } }
.strix .form-generic *, body.strix .form-generic * {
  box-sizing: border-box; }

.strix .form-generic h3, body.strix .form-generic h3 {
  text-align: center; }

.strix .form-generic .disabled, body.strix .form-generic .disabled {
  pointer-events: none;
  opacity: .5;
  filter: grayscale(100%); }

.strix .form-generic .validation-messages, body.strix .form-generic .validation-messages {
  clear: both;
  padding-left: 25%;
  margin-bottom: 10px;
  color: #ec5a4e;
  font-size: 16px;
  font-weight: 500;
  padding-top: 7px;
  display: none; }

@media (max-width: 639px) {
  .strix .form-generic .validation-messages, body.strix .form-generic .validation-messages {
    padding-left: 0; } }
.strix .form-generic .validation-messages .validation-message, body.strix .form-generic .validation-messages .validation-message {
  display: none; }

.strix .form-generic .hint-icon, body.strix .form-generic .hint-icon {
  font-size: 20px;
  line-height: 50px;
  margin-left: 10px;
  cursor: pointer; }

@media (max-width: 639px) {
  .strix .form-generic .hint-icon, body.strix .form-generic .hint-icon {
    display: none; } }
.strix .form-generic .field-description, body.strix .form-generic .field-description {
  padding-left: 25%; }

@media (max-width: 639px) {
  .strix .form-generic .field-description, body.strix .form-generic .field-description {
    padding-left: 0; } }
.strix .form-generic form, body.strix .form-generic form {
  text-align: left;
  max-width: 700px;
  margin: 0 auto;
  font-size: 18px; }

.strix .form-generic form button, body.strix .form-generic form button {
  margin-top: 15px;
  margin-left: 0 !important; }

.strix .form-generic form label, body.strix .form-generic form label {
  padding: 13px 30px 13px 15px;
  display: block;
  text-align: right; }

.strix .form-generic form x.form-checkbox, .strix .form-generic form x.form-radio, body.strix .form-generic form x.form-checkbox, body.strix .form-generic form x.form-radio {
  width: 17px;
  height: 17px;
  float: left;
  display: inline-block;
  position: relative;
  background: transparent url(../../images/form-radio.jpg) 0 0 no-repeat;
  margin-right: 7px;
  top: 1px; }

.strix .form-generic form x.form-checkbox.active, .strix .form-generic form x.form-radio.active, body.strix .form-generic form x.form-checkbox.active, body.strix .form-generic form x.form-radio.active {
  background-position: top right; }

.strix .form-generic form x.form-checkbox input, .strix .form-generic form x.form-radio input, body.strix .form-generic form x.form-checkbox input, body.strix .form-generic form x.form-radio input {
  opacity: 0; }

.strix .form-generic form x.form-checkbox, body.strix .form-generic form x.form-checkbox {
  background-image: url(../../images/form-checkbox.jpg); }

.strix .form-generic form .datepicker, body.strix .form-generic form .datepicker {
  padding: 10px 12px;
  box-sizing: border-box;
  width: 200px;
  height: 38px;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 12px;
  font-weight: 500;
  float: left; }

.strix .form-generic form .datepicker:before, body.strix .form-generic form .datepicker:before {
  font-family: rb-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  position: absolute;
  border: 0;
  right: 15px;
  top: 6px;
  font-size: 21px; }

.strix .form-generic form .form-field, body.strix .form-generic form .form-field {
  clear: both;
  line-height: 22px;
  margin-bottom: 25px; }

.strix .form-generic form .form-field:after, body.strix .form-generic form .form-field:after {
  content: "";
  display: table;
  clear: both; }

.strix .form-generic form .form-field.mandatory label, body.strix .form-generic form .form-field.mandatory label {
  padding-right: 19px; }

.strix .form-generic form .form-field.mandatory label:after, body.strix .form-generic form .form-field.mandatory label:after {
  content: "\e64d";
  font-family: rb-icons;
  font-size: 8px;
  position: relative;
  top: -6px;
  right: -3px; }

.strix .form-generic form .form-field.validation-error .validation-messages, body.strix .form-generic form .form-field.validation-error .validation-messages {
  display: block;
  color: #ec5a4e; }

.strix .form-generic form .form-field.validation-error .validation-messages .validation-message.active, body.strix .form-generic form .form-field.validation-error .validation-messages .validation-message.active {
  display: block; }

.strix .form-generic form .form-field.validation-error .dk_container, .strix .form-generic form .form-field.validation-error input, .strix .form-generic form .form-field.validation-error select, .strix .form-generic form .form-field.validation-error textarea, body.strix .form-generic form .form-field.validation-error .dk_container, body.strix .form-generic form .form-field.validation-error input, body.strix .form-generic form .form-field.validation-error select, body.strix .form-generic form .form-field.validation-error textarea {
  border-color: #ec5a4e;
  box-shadow: 0 1px 0 0 #ec5a4e; }

.strix .form-generic form .form-field.validation-error .dk_container:focus, .strix .form-generic form .form-field.validation-error input:focus, .strix .form-generic form .form-field.validation-error select:focus, .strix .form-generic form .form-field.validation-error textarea:focus, body.strix .form-generic form .form-field.validation-error .dk_container:focus, body.strix .form-generic form .form-field.validation-error input:focus, body.strix .form-generic form .form-field.validation-error select:focus, body.strix .form-generic form .form-field.validation-error textarea:focus {
  box-shadow: 0 1px 0 0 #ec5a4e, 0 20px 20px 0 rgba(0, 0, 0, 0.05); }

.strix .form-generic form .form-field label, body.strix .form-generic form .form-field label {
  width: 25%;
  float: left;
  text-align: right; }

@media (max-width: 639px) {
  .strix .form-generic form .form-field label, body.strix .form-generic form .form-field label {
    float: none;
    display: block;
    text-align: left;
    padding-left: 0;
    width: auto; } }
.strix .form-generic form .form-field.form-button, body.strix .form-generic form .form-field.form-button {
  margin-bottom: 0;
  float: left;
  clear: none;
  position: absolute; }

.strix .form-generic form .form-field.form-button.linebreak-after, body.strix .form-generic form .form-field.form-button.linebreak-after {
  left: 50%;
  transform: translateX(-50%);
  position: relative; }

.strix .form-generic form .form-field.form-button.linebreak-after + *, body.strix .form-generic form .form-field.form-button.linebreak-after + * {
  clear: both; }

.strix .form-generic form .form-field.form-button .link, body.strix .form-generic form .form-field.form-button .link {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline; }

.strix .form-generic form .form-field.checkbox-type, body.strix .form-generic form .form-field.checkbox-type {
  padding-left: 25%; }

@media (max-width: 639px) {
  .strix .form-generic form .form-field.checkbox-type, body.strix .form-generic form .form-field.checkbox-type {
    padding-left: 0; } }
.strix .form-generic form .form-field.checkbox-type .hint-icon, body.strix .form-generic form .form-field.checkbox-type .hint-icon {
  line-height: 22px; }

.strix .form-generic form .form-field.checkbox-type .form-checkbox-wrapper, body.strix .form-generic form .form-field.checkbox-type .form-checkbox-wrapper {
  float: left;
  padding: 0;
  width: 100%;
  margin-right: 4px; }

.strix .form-generic form .form-field.checkbox-type .form-checkbox-wrapper label:after, body.strix .form-generic form .form-field.checkbox-type .form-checkbox-wrapper label:after {
  display: none; }

.strix .form-generic form .form-field.checkbox-type input, body.strix .form-generic form .form-field.checkbox-type input {
  float: none;
  width: 17px;
  height: 17px; }

.strix .form-generic form .form-field.checkbox-type .input-label, body.strix .form-generic form .form-field.checkbox-type .input-label {
  float: left; }

.strix .form-generic form .form-field.checkbox-type .form-checkbox, body.strix .form-generic form .form-field.checkbox-type .form-checkbox {
  float: left;
  margin-right: 7px; }

.strix .form-generic form .form-field.checkbox-type .checkbox-additional-content, body.strix .form-generic form .form-field.checkbox-type .checkbox-additional-content {
  float: left; }

.strix .form-generic form .form-field.checkbox-type .validation-messages, body.strix .form-generic form .form-field.checkbox-type .validation-messages {
  padding-left: 0; }

.strix .form-generic form .form-field .form-checkbox-wrapper, .strix .form-generic form .form-field .form-radio-wrapper, body.strix .form-generic form .form-field .form-checkbox-wrapper, body.strix .form-generic form .form-field .form-radio-wrapper {
  display: block; }

.strix .form-generic form .form-field .form-checkbox-wrapper label, .strix .form-generic form .form-field .form-radio-wrapper label, body.strix .form-generic form .form-field .form-checkbox-wrapper label, body.strix .form-generic form .form-field .form-radio-wrapper label {
  float: none;
  width: auto;
  text-align: left;
  padding: 0;
  display: block; }

.strix .form-generic form .form-field .form-checkbox-wrapper label:after, .strix .form-generic form .form-field .form-radio-wrapper label:after, body.strix .form-generic form .form-field .form-checkbox-wrapper label:after, body.strix .form-generic form .form-field .form-radio-wrapper label:after {
  display: none; }

.strix .form-generic form .form-field .form-checkbox-wrapper .input-label, .strix .form-generic form .form-field .form-radio-wrapper .input-label, body.strix .form-generic form .form-field .form-checkbox-wrapper .input-label, body.strix .form-generic form .form-field .form-radio-wrapper .input-label {
  display: inline-block; }

@media (max-width: 639px) {
  .strix .form-generic form .form-field .form-checkbox-wrapper .input-label, .strix .form-generic form .form-field .form-radio-wrapper .input-label, body.strix .form-generic form .form-field .form-checkbox-wrapper .input-label, body.strix .form-generic form .form-field .form-radio-wrapper .input-label {
    max-width: calc(100% - 24px); } }
.strix .form-generic .form-field.validation-error input, body.strix .form-generic .form-field.validation-error input {
  color: #ff5050;
  background: #ffdede; }

.strix .form-generic form .form-field.radio-tiles > label, body.strix .form-generic form .form-field.radio-tiles > label {
  width: 100%;
  text-align: center;
  font-family: "Futura PT",Arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 45px; }

.strix .form-generic form .form-field.radio-tiles.mandatory > label:after, body.strix .form-generic form .form-field.radio-tiles.mandatory > label:after {
  content: ""; }

.strix .form-generic form .form-field.radio-tiles .input-group-wrapper, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper {
  margin-bottom: 30px;
  width: 100%;
  text-align: center; }

.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper {
  margin-left: 30px;
  display: inline-block;
  width: 210px;
  height: 184px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px; }

.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper:first-of-type, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper:first-of-type {
  margin-left: 0; }

.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label {
  text-align: center; }

.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label:before, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label:before {
  margin-top: 40px;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%); }

.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label .label-inner, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label .label-inner {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%); }

.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper.checked, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper.checked {
  background: #f5f5f5; }

.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper.checked .label-inner, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper.checked .label-inner {
  font-weight: 700; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper {
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
    height: 60px; }

  .strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper:first-of-type, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper:first-of-type {
    margin-top: 0; }

  .strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label:before, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label:before {
    margin: 0;
    left: 25px;
    top: 20px; }

  .strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label .label-inner, body.strix .form-generic form .form-field.radio-tiles .input-group-wrapper .form-radio-wrapper label .label-inner {
    margin-left: 55px;
    top: 20px;
    text-align: left;
    font-size: 16px; } }
.strix .form-generic form .form-field.radio-tiles .additional-content, body.strix .form-generic form .form-field.radio-tiles .additional-content {
  margin: 0 120px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic form .form-field.radio-tiles .additional-content, body.strix .form-generic form .form-field.radio-tiles .additional-content {
    margin: 0; } }
.strix .form-generic form .form-field.radio-tiles .additional-content .wysiwyg, body.strix .form-generic form .form-field.radio-tiles .additional-content .wysiwyg {
  display: none; }

.strix .form-generic form .form-field.radio-tiles .additional-content .wysiwyg p, body.strix .form-generic form .form-field.radio-tiles .additional-content .wysiwyg p {
  margin-bottom: 20px; }

.strix .form-generic form .form-field.radio-tiles .additional-content .wysiwyg.checked, body.strix .form-generic form .form-field.radio-tiles .additional-content .wysiwyg.checked {
  display: block; }

.strix .form-generic form .form-field.radio-tiles.readonly .input-group-wrapper, body.strix .form-generic form .form-field.radio-tiles.readonly .input-group-wrapper {
  display: none; }

.strix .form-generic form .form-field .input-group-wrapper, body.strix .form-generic form .form-field .input-group-wrapper {
  float: left;
  width: 65%;
  text-align: left;
  margin-top: 12px; }

.strix .form-generic form .form-field .input-group-wrapper .validation-messages, body.strix .form-generic form .form-field .input-group-wrapper .validation-messages {
  padding-left: 0; }

.strix .form-generic form .form-field .input-group-wrapper .form-checkbox-wrapper, .strix .form-generic form .form-field .input-group-wrapper .form-radio-wrapper, body.strix .form-generic form .form-field .input-group-wrapper .form-checkbox-wrapper, body.strix .form-generic form .form-field .input-group-wrapper .form-radio-wrapper {
  display: block; }

.strix .form-generic form .form-field .input-group-wrapper .form-checkbox-wrapper:first-of-type, .strix .form-generic form .form-field .input-group-wrapper .form-radio-wrapper:first-of-type, body.strix .form-generic form .form-field .input-group-wrapper .form-checkbox-wrapper:first-of-type, body.strix .form-generic form .form-field .input-group-wrapper .form-radio-wrapper:first-of-type {
  padding-top: 0; }

.strix .form-generic form .form-field .single-checkbox label, body.strix .form-generic form .form-field .single-checkbox label {
  width: 100% !important;
  position: relative; }

.strix .form-generic form .form-field .single-checkbox label .label-inner, body.strix .form-generic form .form-field .single-checkbox label .label-inner {
  width: 25%;
  float: left;
  text-align: right;
  padding: 13px 30px 13px 15px; }

.strix .form-generic form .form-field .single-checkbox label:before, body.strix .form-generic form .form-field .single-checkbox label:before {
  position: absolute;
  left: 25%;
  top: 15px; }

.strix .form-generic.component-wrapper .btn, body.strix .form-generic.component-wrapper .btn {
  margin-bottom: 50px; }

.strix.layout-021-layouttpl .html-module.form-generic form .datepicker, .strix.layout-021-layouttpl .html-module.form-generic form input[type=email], .strix.layout-021-layouttpl .html-module.form-generic form input[type=number], .strix.layout-021-layouttpl .html-module.form-generic form input[type=password], .strix.layout-021-layouttpl .html-module.form-generic form input[type=tel], .strix.layout-021-layouttpl .html-module.form-generic form input[type=text], .strix.layout-021-layouttpl .html-module.form-generic form textarea, body.strix.layout-021-layouttpl .html-module.form-generic form .datepicker, body.strix.layout-021-layouttpl .html-module.form-generic form input[type=email], body.strix.layout-021-layouttpl .html-module.form-generic form input[type=number], body.strix.layout-021-layouttpl .html-module.form-generic form input[type=password], body.strix.layout-021-layouttpl .html-module.form-generic form input[type=tel], body.strix.layout-021-layouttpl .html-module.form-generic form input[type=text], body.strix.layout-021-layouttpl .html-module.form-generic form textarea {
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: none; }

.strix.layout-021-layouttpl .html-module.form-generic form .form-field.validation-error .dk_container, .strix.layout-021-layouttpl .html-module.form-generic form .form-field.validation-error input, .strix.layout-021-layouttpl .html-module.form-generic form .form-field.validation-error select, .strix.layout-021-layouttpl .html-module.form-generic form .form-field.validation-error textarea, body.strix.layout-021-layouttpl .html-module.form-generic form .form-field.validation-error .dk_container, body.strix.layout-021-layouttpl .html-module.form-generic form .form-field.validation-error input, body.strix.layout-021-layouttpl .html-module.form-generic form .form-field.validation-error select, body.strix.layout-021-layouttpl .html-module.form-generic form .form-field.validation-error textarea {
  border-color: #ec5a4e;
  box-shadow: none; }

.strix.layout-021-layouttpl .html-module.form-generic form .form-field .dk_toggle, body.strix.layout-021-layouttpl .html-module.form-generic form .form-field .dk_toggle {
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: none; }

.strix.layout-021-layouttpl .html-module.form-generic form .form-field .dk_toggle:after, body.strix.layout-021-layouttpl .html-module.form-generic form .form-field .dk_toggle:after {
  height: 48px; }

.strix.layout-021-layouttpl .html-module.form-generic form .form-field .dk_options_inner, body.strix.layout-021-layouttpl .html-module.form-generic form .form-field .dk_options_inner {
  border: 1px solid rgba(0, 0, 0, 0.3); }

.strix .input-group-horizontal .form-field, body.strix .input-group-horizontal .form-field {
  display: inline-block;
  margin-right: 40px; }

.strix .input-with-icon, body.strix .input-with-icon {
  position: relative; }

.strix .input-with-icon .strix-icon, body.strix .input-with-icon .strix-icon {
  position: absolute;
  right: 14px;
  top: 14px;
  font-size: 20px;
  cursor: pointer; }

.strix .form-field, body.strix .form-field {
  position: relative; }

.strix .form-field .with-icon .strix-icon, body.strix .form-field .with-icon .strix-icon {
  position: absolute;
  right: 16px;
  top: 8px; }

.strix .form-field .form-checkbox-wrapper, .strix .form-field .form-radio-wrapper, body.strix .form-field .form-checkbox-wrapper, body.strix .form-field .form-radio-wrapper {
  display: block; }

.strix .form-field .form-checkbox-wrapper:after, .strix .form-field .form-radio-wrapper:after, body.strix .form-field .form-checkbox-wrapper:after, body.strix .form-field .form-radio-wrapper:after {
  content: "";
  clear: both;
  display: table; }

.strix .form-field .form-checkbox-wrapper label, .strix .form-field .form-radio-wrapper label, body.strix .form-field .form-checkbox-wrapper label, body.strix .form-field .form-radio-wrapper label {
  position: relative;
  padding: 0 !important;
  width: auto !important;
  display: block; }

.strix .form-field .form-checkbox-wrapper label:before, .strix .form-field .form-radio-wrapper label:before, body.strix .form-field .form-checkbox-wrapper label:before, body.strix .form-field .form-radio-wrapper label:before {
  content: "\e646";
  display: inline-block;
  vertical-align: middle;
  background: #f5f5f5;
  color: #f5f5f5;
  position: relative;
  top: -2px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  width: 20px;
  height: 20px;
  border-radius: 2px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  font-family: rb-icons;
  transition: all .2s; }

.strix .form-field .form-checkbox-wrapper label:after, .strix .form-field .form-radio-wrapper label:after, body.strix .form-field .form-checkbox-wrapper label:after, body.strix .form-field .form-radio-wrapper label:after {
  display: none; }

.strix .form-field .form-checkbox-wrapper label .label-inner, .strix .form-field .form-radio-wrapper label .label-inner, body.strix .form-field .form-checkbox-wrapper label .label-inner, body.strix .form-field .form-radio-wrapper label .label-inner {
  margin-left: 12px;
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 40px);
  vertical-align: top; }

.strix .form-field .form-checkbox-wrapper input, .strix .form-field .form-radio-wrapper input, body.strix .form-field .form-checkbox-wrapper input, body.strix .form-field .form-radio-wrapper input {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none; }

.strix .form-field .form-checkbox-wrapper input:checked + label:before, .strix .form-field .form-radio-wrapper input:checked + label:before, body.strix .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .form-field .form-radio-wrapper input:checked + label:before {
  color: #4d4f53;
  background: #fedf00; }

.strix .form-field .form-radio-wrapper label:before, body.strix .form-field .form-radio-wrapper label:before {
  content: "";
  border-radius: 50%;
  font-size: 21px; }

.strix .form-field .dk_container, .strix .form-field input, .strix .form-field select, .strix .form-field textarea, body.strix .form-field .dk_container, body.strix .form-field input, body.strix .form-field select, body.strix .form-field textarea {
  width: 65%;
  float: left;
  font-size: 18px; }

.strix .form-field .dk_container a, .strix .form-field input a, .strix .form-field select a, .strix .form-field textarea a, body.strix .form-field .dk_container a, body.strix .form-field input a, body.strix .form-field select a, body.strix .form-field textarea a {
  color: #4d4f53; }

@media (max-width: 639px) {
  .strix .form-field .dk_container, .strix .form-field input, .strix .form-field select, .strix .form-field textarea, body.strix .form-field .dk_container, body.strix .form-field input, body.strix .form-field select, body.strix .form-field textarea {
    width: 100%; } }
.strix .form-field .dk_container .dk_toggle, .strix .form-field input .dk_toggle, .strix .form-field select .dk_toggle, .strix .form-field textarea .dk_toggle, body.strix .form-field .dk_container .dk_toggle, body.strix .form-field input .dk_toggle, body.strix .form-field select .dk_toggle, body.strix .form-field textarea .dk_toggle {
  padding: 6px 45px 6px 10px;
  border: 0;
  height: 50px;
  line-height: 40px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px; }

.strix .form-field .dk_container .dk_toggle:after, .strix .form-field input .dk_toggle:after, .strix .form-field select .dk_toggle:after, .strix .form-field textarea .dk_toggle:after, body.strix .form-field .dk_container .dk_toggle:after, body.strix .form-field input .dk_toggle:after, body.strix .form-field select .dk_toggle:after, body.strix .form-field textarea .dk_toggle:after {
  height: 50px;
  width: 50px;
  line-height: 50px;
  background: #fedf00;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.strix .form-field .dk_container .dk_options_inner, .strix .form-field input .dk_options_inner, .strix .form-field select .dk_options_inner, .strix .form-field textarea .dk_options_inner, body.strix .form-field .dk_container .dk_options_inner, body.strix .form-field input .dk_options_inner, body.strix .form-field select .dk_options_inner, body.strix .form-field textarea .dk_options_inner {
  border: none;
  box-shadow: 0 10px 30px 0 rgba(171, 171, 171, 0.24);
  border-radius: 2px; }

.strix .form-field .dk_container .dk_options a, .strix .form-field input .dk_options a, .strix .form-field select .dk_options a, .strix .form-field textarea .dk_options a, body.strix .form-field .dk_container .dk_options a, body.strix .form-field input .dk_options a, body.strix .form-field select .dk_options a, body.strix .form-field textarea .dk_options a {
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
  padding: 14px 10px; }

.strix .form-field .dk_container .dk_options a:hover, .strix .form-field input .dk_options a:hover, .strix .form-field select .dk_options a:hover, .strix .form-field textarea .dk_options a:hover, body.strix .form-field .dk_container .dk_options a:hover, body.strix .form-field input .dk_options a:hover, body.strix .form-field select .dk_options a:hover, body.strix .form-field textarea .dk_options a:hover {
  background: #f5f5f5; }

.strix .form-field .dk_container .dk_option_current a, .strix .form-field input .dk_option_current a, .strix .form-field select .dk_option_current a, .strix .form-field textarea .dk_option_current a, body.strix .form-field .dk_container .dk_option_current a, body.strix .form-field input .dk_option_current a, body.strix .form-field select .dk_option_current a, body.strix .form-field textarea .dk_option_current a {
  background: #fff;
  font-weight: 700; }

.strix .form-field.with-calling-code .dk_container, body.strix .form-field.with-calling-code .dk_container {
  width: 100px; }

.strix .form-field.with-calling-code .dk_container .dk_toggle, body.strix .form-field.with-calling-code .dk_container .dk_toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.strix .form-field.with-calling-code input[type=tel], body.strix .form-field.with-calling-code input[type=tel] {
  width: calc(65% - 100px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

@media (max-width: 639px) {
  .strix .form-field.with-calling-code input[type=tel], body.strix .form-field.with-calling-code input[type=tel] {
    width: calc(100% - 110px); } }
.strix .form-field .datepicker, .strix .form-field input[type=email], .strix .form-field input[type=number], .strix .form-field input[type=password], .strix .form-field input[type=tel], .strix .form-field input[type=text], .strix .form-field textarea, body.strix .form-field .datepicker, body.strix .form-field input[type=email], body.strix .form-field input[type=number], body.strix .form-field input[type=password], body.strix .form-field input[type=tel], body.strix .form-field input[type=text], body.strix .form-field textarea {
  border-radius: 2px;
  border: 0;
  background-color: #fff;
  padding: 13px 15px;
  display: block;
  outline: 0;
  resize: none;
  line-height: 24px;
  font-size: 18px;
  font-family: "Proxima N",Arial,sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  height: 50px;
  position: relative;
  transition: all .3s;
  overflow: hidden; }

.strix .form-field .datepicker:focus, .strix .form-field input[type=email]:focus, .strix .form-field input[type=number]:focus, .strix .form-field input[type=password]:focus, .strix .form-field input[type=tel]:focus, .strix .form-field input[type=text]:focus, .strix .form-field textarea:focus, body.strix .form-field .datepicker:focus, body.strix .form-field input[type=email]:focus, body.strix .form-field input[type=number]:focus, body.strix .form-field input[type=password]:focus, body.strix .form-field input[type=tel]:focus, body.strix .form-field input[type=text]:focus, body.strix .form-field textarea:focus {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3), 0 20px 20px 0 rgba(0, 0, 0, 0.05); }

.strix .form-field.input-with-icon input[type=email], .strix .form-field.input-with-icon input[type=number], .strix .form-field.input-with-icon input[type=password], .strix .form-field.input-with-icon input[type=tel], .strix .form-field.input-with-icon input[type=text], body.strix .form-field.input-with-icon input[type=email], body.strix .form-field.input-with-icon input[type=number], body.strix .form-field.input-with-icon input[type=password], body.strix .form-field.input-with-icon input[type=tel], body.strix .form-field.input-with-icon input[type=text] {
  padding-right: 50px; }

.strix .form-field textarea, body.strix .form-field textarea {
  min-height: 90px; }

.strix .form-field .date-picker, body.strix .form-field .date-picker {
  width: 65%;
  display: inline-block; }

.strix .form-field .date-picker .icon, body.strix .form-field .date-picker .icon {
  line-height: 24px !important; }

.strix .form-field.mandatory .date-picker .icon:after, body.strix .form-field.mandatory .date-picker .icon:after {
  content: ""; }

.strix .calc-row .form-field .datepicker, .strix .calc-row .form-field .dk_container, .strix .calc-row .form-field input[type=email], .strix .calc-row .form-field input[type=number], .strix .calc-row .form-field input[type=password], .strix .calc-row .form-field input[type=tel], .strix .calc-row .form-field input[type=text], .strix .calc-row .form-field textarea, body.strix .calc-row .form-field .datepicker, body.strix .calc-row .form-field .dk_container, body.strix .calc-row .form-field input[type=email], body.strix .calc-row .form-field input[type=number], body.strix .calc-row .form-field input[type=password], body.strix .calc-row .form-field input[type=tel], body.strix .calc-row .form-field input[type=text], body.strix .calc-row .form-field textarea {
  display: inline-block;
  margin-bottom: 24px;
  width: 128px;
  resize: none;
  font-size: 24px; }

@media (max-width: 639px) {
  .strix .calc-row .form-field .datepicker, .strix .calc-row .form-field .dk_container, .strix .calc-row .form-field input[type=email], .strix .calc-row .form-field input[type=number], .strix .calc-row .form-field input[type=password], .strix .calc-row .form-field input[type=tel], .strix .calc-row .form-field input[type=text], .strix .calc-row .form-field textarea, body.strix .calc-row .form-field .datepicker, body.strix .calc-row .form-field .dk_container, body.strix .calc-row .form-field input[type=email], body.strix .calc-row .form-field input[type=number], body.strix .calc-row .form-field input[type=password], body.strix .calc-row .form-field input[type=tel], body.strix .calc-row .form-field input[type=text], body.strix .calc-row .form-field textarea {
    width: 116px;
    font-size: 20px; } }
.strix .calc-row .form-field .form-checkbox-wrapper, .strix .calc-row .form-field .form-radio-wrapper, body.strix .calc-row .form-field .form-checkbox-wrapper, body.strix .calc-row .form-field .form-radio-wrapper {
  margin-top: 14px;
  margin-bottom: 37px; }

@media (max-width: 639px) {
  .strix .calc-row .form-field .form-checkbox-wrapper, .strix .calc-row .form-field .form-radio-wrapper, body.strix .calc-row .form-field .form-checkbox-wrapper, body.strix .calc-row .form-field .form-radio-wrapper {
    margin-bottom: 14px; } }
.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper, .strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper, body.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper, body.strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper {
  margin: 0 0 0 20px;
  display: inline-block; }

.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper:first-of-type, .strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper:first-of-type, body.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper:first-of-type, body.strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper:first-of-type {
  margin-left: 0; }

@media (max-width: 639px) {
  .strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper, .strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper, body.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper, body.strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper {
    margin-top: 10px;
    margin-left: 0;
    display: block; }

  .strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper:first-of-type, .strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper:first-of-type, body.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper:first-of-type, body.strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper:first-of-type {
    margin-top: 0; } }
.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper label, .strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper label, body.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper label, body.strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper label {
  padding: 0 30px 0 30px !important;
  height: 50px;
  line-height: 50px;
  background-color: #efefef; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper label, .strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper label, body.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper label, body.strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper label {
    padding: 0 20px 0 20px !important; } }
.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper label:before, .strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper label:before, body.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper label:before, body.strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper label:before {
  background-color: #fff; }

.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper input:checked + label, .strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper input:checked + label, body.strix .calc-row .form-field .input-group-wrapper .form-checkbox-wrapper input:checked + label, body.strix .calc-row .form-field .input-group-wrapper .form-radio-wrapper input:checked + label {
  font-weight: 700;
  color: #fff;
  background-color: #4d4f53; }

.strix .calc-row .form-field .suffix, body.strix .calc-row .form-field .suffix {
  padding-left: 16px;
  width: 90px;
  height: 50px;
  left: 128px;
  font-size: 16px; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-row .form-field .suffix, body.strix .calc-row .form-field .suffix {
    padding-left: 0;
    width: unset;
    height: unset;
    left: 0;
    top: -22px;
    font-size: 14px;
    font-style: italic; }

  .strix .calc-row .form-field .suffix:before, body.strix .calc-row .form-field .suffix:before {
    content: "("; }

  .strix .calc-row .form-field .suffix:after, body.strix .calc-row .form-field .suffix:after {
    content: ")"; } }
.strix .calc-row .form-field .slider-label, body.strix .calc-row .form-field .slider-label {
  padding-right: 12px;
  width: 90px;
  height: 40px;
  left: -90px;
  top: -20px;
  font-size: 16px; }

@media (max-width: 639px) {
  .strix .calc-row .form-field .slider-label, body.strix .calc-row .form-field .slider-label {
    width: calc(50% + 15px);
    left: calc(-50% - 15px);
    font-size: 14px; } }
.strix .calc-row .form-field .slider-label, .strix .calc-row .form-field .suffix, body.strix .calc-row .form-field .slider-label, body.strix .calc-row .form-field .suffix {
  position: absolute !important;
  display: table;
  line-height: 20px;
  overflow: hidden; }

.strix .calc-row .form-field .slider-label span, .strix .calc-row .form-field .suffix span, body.strix .calc-row .form-field .slider-label span, body.strix .calc-row .form-field .suffix span {
  display: table-cell;
  vertical-align: middle; }

.strix .slider__element .ui-slider-handle, body.strix .slider__element .ui-slider-handle {
  outline: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  top: -14px;
  margin-left: -10px;
  cursor: pointer;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); }

.strix .slider__element .ui-slider-handle:after, body.strix .slider__element .ui-slider-handle:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border-radius: 50%;
  background: #fedf00;
  border: 1px solid #fff; }

.strix .ui-slider-range, body.strix .ui-slider-range {
  background-color: #fedf00;
  height: 5px; }

.strix .slider__label, body.strix .slider__label {
  position: absolute;
  margin-top: -24px;
  width: 25%;
  text-align: left;
  font-size: 16px; }

@media (max-width: 639px) {
  .strix .slider__label, body.strix .slider__label {
    width: 40%;
    left: 15px !important; } }
.strix .slider, body.strix .slider {
  margin: 25px auto;
  position: relative;
  width: 100%;
  height: 90px !important; }

@media (max-width: 639px) {
  .strix .slider, body.strix .slider {
    height: 100px !important; } }
@media only screen and (min-width: 0px) and (max-width: 640px) {
  .strix .slider, body.strix .slider {
    height: auto; } }
.strix .slider__element, body.strix .slider__element {
  background-color: #b2b4b3;
  height: 5px !important;
  margin: -10px 0 0 0;
  outline: 0;
  width: 100%;
  cursor: pointer; }

.strix .disabled .slider-label, .strix .disabled .slider-wrapper, body.strix .disabled .slider-label, body.strix .disabled .slider-wrapper {
  opacity: .7;
  filter: grayscale(100%); }

@media (max-width: 639px) {
  .strix .disabled .slider-label, .strix .disabled .slider-wrapper, body.strix .disabled .slider-label, body.strix .disabled .slider-wrapper {
    display: none; } }
.strix .disabled .slider__amount, body.strix .disabled .slider__amount {
  display: none; }

.strix .slider-wrapper, body.strix .slider-wrapper {
  position: relative;
  margin-top: 44px;
  height: 40px;
  top: -10px; }

@media (max-width: 639px) {
  .strix .slider-wrapper, body.strix .slider-wrapper {
    margin-right: 5px; } }
.strix .slider-wrapper .slider-max, .strix .slider-wrapper .slider-min, body.strix .slider-wrapper .slider-max, body.strix .slider-wrapper .slider-min {
  position: absolute;
  top: 18px;
  font-size: 12px; }

.strix .slider-wrapper .slider-min, body.strix .slider-wrapper .slider-min {
  left: 0; }

.strix .slider-wrapper .slider-max, body.strix .slider-wrapper .slider-max {
  right: 0; }

@media (max-width: 639px) {
  .strix [class*=col-xs-offset-] .slider-wrapper, body.strix [class*=col-xs-offset-] .slider-wrapper {
    top: 0; } }
.strix .slider__inputWrapper, body.strix .slider__inputWrapper {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -22px;
  width: 28%;
  min-width: 205px;
  height: auto !important;
  font-size: 12px; }

@media (max-width: 639px) {
  .strix .slider__inputWrapper, body.strix .slider__inputWrapper {
    top: 3px;
    left: calc(100% - 165px);
    right: 15px;
    width: 40%; } }
.strix .slider__inputWrapper:after, body.strix .slider__inputWrapper:after {
  content: "";
  display: table;
  clear: both; }

.strix .slider__amount, body.strix .slider__amount {
  position: absolute !important;
  padding: 4px 15px;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  line-height: 14px;
  color: #4d4f53;
  width: auto;
  background: #dedede;
  white-space: nowrap; }

.strix .slider__amount:after, body.strix .slider__amount:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #dedede transparent transparent transparent;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%); }

.strix .slider__amount:before, body.strix .slider__amount:before {
  display: none; }

.strix .slider__mark, body.strix .slider__mark {
  width: 1px;
  height: 55px;
  background-color: #575757; }

.strix .slider__active, body.strix .slider__active {
  background-color: #fff30a;
  height: 8px; }

.strix .slider input, body.strix .slider input {
  float: left;
  width: 96px; }

@media only screen and (min-width: 0px) and (max-width: 640px) {
  .strix .slider input, body.strix .slider input {
    width: 60%; } }
.strix .slider em, body.strix .slider em {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 16px 16px 16px 8px;
  display: block;
  font-style: normal; }

.strix .slider__error, .strix .slider__help, body.strix .slider__error, body.strix .slider__help {
  position: absolute;
  left: 0;
  bottom: -60px;
  z-index: 90;
  max-width: 160px;
  background-color: #333;
  padding: 10px;
  color: #fff;
  display: none; }

.strix .slider__error:before, .strix .slider__help:before, body.strix .slider__error:before, body.strix .slider__help:before {
  position: absolute;
  top: -7px;
  left: 21px;
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #333; }

.strix .slider__error, body.strix .slider__error {
  background-color: #ec5a4e;
  z-index: 100; }

.strix .slider__error:before, body.strix .slider__error:before {
  border-bottom-color: #ec5a4e; }

.strix .slider--delkasplatnosti input, body.strix .slider--delkasplatnosti input {
  width: 50px !important; }

@media only screen and (min-width: 0px) and (max-width: 640px) {
  .strix .slider--delkasplatnosti input, body.strix .slider--delkasplatnosti input {
    width: 20% !important; } }
.strix .slider__error, .strix .slider__help, body.strix .slider__error, body.strix .slider__help {
  position: absolute;
  bottom: -60px;
  z-index: 90;
  max-width: 160px;
  background-color: #333;
  padding: 10px;
  color: #fff; }

.strix .slider__error, body.strix .slider__error {
  background-color: #ec5a4e;
  z-index: 100; }

.strix .form-generic.background-same-as-previous, body.strix .form-generic.background-same-as-previous {
  padding-top: 1px; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .form-generic .form-field .form-checkbox-wrapper label .label-inner, body.strix .form-generic .form-field .form-checkbox-wrapper label .label-inner {
    max-width: calc(100% - 100px); } }
.strix .form-generic-steps .pagination-area, body.strix .form-generic-steps .pagination-area {
  text-align: center; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .form-generic-steps .pagination-area, body.strix .form-generic-steps .pagination-area {
    padding-bottom: 30px; } }
.strix .form-generic-steps .pagination-area .pagination, body.strix .form-generic-steps .pagination-area .pagination {
  margin: 0;
  padding: 0;
  max-width: 970px;
  counter-reset: pagination-counter; }

.strix .form-generic-steps .pagination-area .pagination:before, body.strix .form-generic-steps .pagination-area .pagination:before {
  display: block;
  position: relative;
  top: 42px;
  content: " ";
  border-top-style: solid;
  border-top-width: 1px; }

@media (max-width: 639px) {
  .strix .form-generic-steps .pagination-area .pagination:before, body.strix .form-generic-steps .pagination-area .pagination:before {
    top: 25px; } }
.strix .form-generic-steps .pagination-area .pagination li, body.strix .form-generic-steps .pagination-area .pagination li {
  width: 200px;
  display: inline-block;
  position: relative;
  list-style: none; }

.strix .form-generic-steps .pagination-area .pagination li a, body.strix .form-generic-steps .pagination-area .pagination li a {
  display: inline-block;
  text-decoration: none; }

.strix .form-generic-steps .pagination-area .pagination li a .step-number, body.strix .form-generic-steps .pagination-area .pagination li a .step-number {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 60px;
  font-family: "Futura PT",Arial,sans-serif;
  font-size: 20px;
  font-weight: 500; }

@media (max-width: 639px) {
  .strix .form-generic-steps .pagination-area .pagination li a .step-number, body.strix .form-generic-steps .pagination-area .pagination li a .step-number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    top: 10px; } }
.strix .form-generic-steps .pagination-area .pagination li a .step-number:before, body.strix .form-generic-steps .pagination-area .pagination li a .step-number:before {
  content: counter(pagination-counter);
  counter-increment: pagination-counter; }

.strix .form-generic-steps .pagination-area .pagination li a .step-number:after, body.strix .form-generic-steps .pagination-area .pagination li a .step-number:after {
  content: "."; }

.strix .form-generic-steps .pagination-area .pagination li a .step-label, body.strix .form-generic-steps .pagination-area .pagination li a .step-label {
  margin-top: 97px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline; }

@media (max-width: 639px) {
  .strix .form-generic-steps .pagination-area .pagination li a .step-label, body.strix .form-generic-steps .pagination-area .pagination li a .step-label {
    display: none; } }
.strix .form-generic-steps .pagination-area .pagination li.active a, body.strix .form-generic-steps .pagination-area .pagination li.active a {
  cursor: default; }

.strix .form-generic-steps .pagination-area .pagination li.active a .step-number, body.strix .form-generic-steps .pagination-area .pagination li.active a .step-number {
  width: 84px;
  height: 84px;
  top: 0;
  line-height: 84px;
  font-size: 28px;
  font-weight: 700; }

@media (max-width: 639px) {
  .strix .form-generic-steps .pagination-area .pagination li.active a .step-number, body.strix .form-generic-steps .pagination-area .pagination li.active a .step-number {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px; } }
.strix .form-generic-steps .pagination-area .pagination li.active a .step-label, body.strix .form-generic-steps .pagination-area .pagination li.active a .step-label {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none; }

.strix .form-generic-steps .pagination-area .pagination li.disabled a, body.strix .form-generic-steps .pagination-area .pagination li.disabled a {
  cursor: default; }

.strix .form-generic-steps .pagination-area .pagination li.disabled a .step-label, body.strix .form-generic-steps .pagination-area .pagination li.disabled a .step-label {
  text-decoration: none; }

.strix .form-generic-steps .pagination-area .pagination li.conditionally-disabled, body.strix .form-generic-steps .pagination-area .pagination li.conditionally-disabled {
  display: none; }

.strix .form-generic-steps .pagination-area.pages-1, body.strix .form-generic-steps .pagination-area.pages-1 {
  display: none; }

.strix .form-generic-steps .pagination-area.pages-2 .pagination:before, body.strix .form-generic-steps .pagination-area.pages-2 .pagination:before {
  margin: 0 25%; }

.strix .form-generic-steps .pagination-area.pages-2 .pagination li, body.strix .form-generic-steps .pagination-area.pages-2 .pagination li {
  width: 50%; }

.strix .form-generic-steps .pagination-area.pages-3 .pagination:before, body.strix .form-generic-steps .pagination-area.pages-3 .pagination:before {
  margin: 0 16.5%; }

.strix .form-generic-steps .pagination-area.pages-3 .pagination li, body.strix .form-generic-steps .pagination-area.pages-3 .pagination li {
  width: 33%; }

.strix .form-generic-steps .pagination-area.pages-4 .pagination:before, body.strix .form-generic-steps .pagination-area.pages-4 .pagination:before {
  margin: 0 12.5%; }

.strix .form-generic-steps .pagination-area.pages-4 .pagination li, body.strix .form-generic-steps .pagination-area.pages-4 .pagination li {
  width: 25%; }

.strix .form-generic-steps .pagination-area.pages-5 .pagination:before, body.strix .form-generic-steps .pagination-area.pages-5 .pagination:before {
  margin: 0 10%; }

.strix .form-generic-steps .pagination-area.pages-5 .pagination li, body.strix .form-generic-steps .pagination-area.pages-5 .pagination li {
  width: 20%; }

.strix .form-generic-steps .pagination-area.component-background-color-style1 .pagination:before, body.strix .form-generic-steps .pagination-area.component-background-color-style1 .pagination:before {
  border-top-color: rgba(0, 0, 0, 0.15); }

.strix .form-generic-steps .pagination-area.component-background-color-style1 .pagination .step-number, body.strix .form-generic-steps .pagination-area.component-background-color-style1 .pagination .step-number {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15); }

.strix .form-generic-steps .pagination-area.component-background-color-style1 .pagination .disabled .step-number, body.strix .form-generic-steps .pagination-area.component-background-color-style1 .pagination .disabled .step-number {
  color: rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5; }

.strix .form-generic-steps .pagination-area.component-background-color-style1 .pagination .disabled .step-label, body.strix .form-generic-steps .pagination-area.component-background-color-style1 .pagination .disabled .step-label {
  color: rgba(0, 0, 0, 0.3); }

.strix .form-generic-steps .form-generic, body.strix .form-generic-steps .form-generic {
  padding: 0; }

.strix .form-generic-steps .form-generic form, body.strix .form-generic-steps .form-generic form {
  margin-bottom: 100px;
  max-width: none; }

.strix .form-generic-steps .form-generic form .steps .step:not(.active), body.strix .form-generic-steps .form-generic form .steps .step:not(.active) {
  display: none; }

.strix .form-generic-steps .form-generic form .form-fields .form-field > label, body.strix .form-generic-steps .form-generic form .form-fields .form-field > label {
  width: 275px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field > label, body.strix .form-generic-steps .form-generic form .form-fields .form-field > label {
    padding-left: 0;
    width: 100%;
    text-align: left; } }
.strix .form-generic-steps .form-generic form .form-fields .form-field.radio-tiles > label, body.strix .form-generic-steps .form-generic form .form-fields .form-field.radio-tiles > label {
  margin-top: 55px;
  width: 100%; }

.strix .form-generic-steps .form-generic form .form-fields .form-field .single-checkbox label:before, body.strix .form-generic-steps .form-generic form .form-fields .form-field .single-checkbox label:before {
  left: 275px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field .single-checkbox label:before, body.strix .form-generic-steps .form-generic form .form-fields .form-field .single-checkbox label:before {
    left: 0; } }
.strix .form-generic-steps .form-generic form .form-fields .form-field .single-checkbox label .label-inner, body.strix .form-generic-steps .form-generic form .form-fields .form-field .single-checkbox label .label-inner {
  margin: 0;
  padding: 13px 0 13px 0;
  width: 410px;
  float: none;
  position: relative;
  left: 310px;
  text-align: left; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field .single-checkbox label .label-inner, body.strix .form-generic-steps .form-generic form .form-fields .form-field .single-checkbox label .label-inner {
    left: 35px; } }
.strix .form-generic-steps .form-generic form .form-fields .form-field .dk_container, .strix .form-generic-steps .form-generic form .form-fields .form-field input, .strix .form-generic-steps .form-generic form .form-fields .form-field select, .strix .form-generic-steps .form-generic form .form-fields .form-field textarea, body.strix .form-generic-steps .form-generic form .form-fields .form-field .dk_container, body.strix .form-generic-steps .form-generic form .form-fields .form-field input, body.strix .form-generic-steps .form-generic form .form-fields .form-field select, body.strix .form-generic-steps .form-generic form .form-fields .form-field textarea {
  width: 440px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field .dk_container, .strix .form-generic-steps .form-generic form .form-fields .form-field input, .strix .form-generic-steps .form-generic form .form-fields .form-field select, .strix .form-generic-steps .form-generic form .form-fields .form-field textarea, body.strix .form-generic-steps .form-generic form .form-fields .form-field .dk_container, body.strix .form-generic-steps .form-generic form .form-fields .form-field input, body.strix .form-generic-steps .form-generic form .form-fields .form-field select, body.strix .form-generic-steps .form-generic form .form-fields .form-field textarea {
    width: 100%; } }
.strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker, body.strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker {
  width: 440px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker, body.strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker {
    width: 100%; } }
.strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker .input-wrapper .icon, body.strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker .input-wrapper .icon {
  padding: 0;
  left: 390px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker .input-wrapper .icon, body.strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker .input-wrapper .icon {
    left: calc(100% - 50px); } }
.strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker .input-wrapper .icon:before, body.strix .form-generic-steps .form-generic form .form-fields .form-field .date-picker .input-wrapper .icon:before {
  line-height: 50px; }

.strix .form-generic-steps .form-generic form .form-fields .form-field.with-calling-code .dk_container, body.strix .form-generic-steps .form-generic form .form-fields .form-field.with-calling-code .dk_container {
  width: 100px; }

.strix .form-generic-steps .form-generic form .form-fields .form-field.with-calling-code input[type=tel], body.strix .form-generic-steps .form-generic form .form-fields .form-field.with-calling-code input[type=tel] {
  width: 340px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field.with-calling-code input[type=tel], body.strix .form-generic-steps .form-generic form .form-fields .form-field.with-calling-code input[type=tel] {
    width: calc(100% - 100px); } }
.strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type, body.strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type {
  padding-left: 275px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type, body.strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type {
    padding-left: 0; } }
.strix .form-generic-steps .form-generic form .form-fields .form-field .input-group-wrapper .form-radio-wrapper, .strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type .form-radio-wrapper, body.strix .form-generic-steps .form-generic form .form-fields .form-field .input-group-wrapper .form-radio-wrapper, body.strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type .form-radio-wrapper {
  margin-top: 10px; }

.strix .form-generic-steps .form-generic form .form-fields .form-field .input-group-wrapper .form-radio-wrapper:first-of-type, .strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type .form-radio-wrapper:first-of-type, body.strix .form-generic-steps .form-generic form .form-fields .form-field .input-group-wrapper .form-radio-wrapper:first-of-type, body.strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type .form-radio-wrapper:first-of-type {
  margin-top: 0; }

.strix .form-generic-steps .form-generic form .form-fields .form-field .input-group-wrapper .validation-messages, .strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type .validation-messages, body.strix .form-generic-steps .form-generic form .form-fields .form-field .input-group-wrapper .validation-messages, body.strix .form-generic-steps .form-generic form .form-fields .form-field.checkbox-type .validation-messages {
  padding-left: 0; }

.strix .form-generic-steps .form-generic form .form-fields .form-field.form-button, body.strix .form-generic-steps .form-generic form .form-fields .form-field.form-button {
  margin-bottom: 50px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field .hint-icon, body.strix .form-generic-steps .form-generic form .form-fields .form-field .hint-icon {
    display: none; } }
.strix .form-generic-steps .form-generic form .form-fields .form-field .validation-messages, body.strix .form-generic-steps .form-generic form .form-fields .form-field .validation-messages {
  padding-left: 275px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields .form-field .validation-messages, body.strix .form-generic-steps .form-generic form .form-fields .form-field .validation-messages {
    padding-left: 0; } }
.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg, body.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg {
  margin-bottom: 25px; }

.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg > .tight, body.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg > .tight {
  margin-left: 120px;
  margin-right: 120px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .form-generic-steps .form-generic form .form-fields > .wysiwyg > .tight, body.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg > .tight {
    margin-left: 0;
    margin-right: 0; } }
.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg table, body.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg table {
  width: 100%; }

.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg table td, body.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg table td {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  width: 50%;
  font-weight: 700;
  line-height: 22px;
  text-align: left; }

.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg table td:first-of-type, body.strix .form-generic-steps .form-generic form .form-fields > .wysiwyg table td:first-of-type {
  padding-left: 0;
  padding-right: 15px;
  font-weight: 400;
  text-align: right; }

.strix .form-generic-steps .form-generic h1, body.strix .form-generic-steps .form-generic h1 {
  font-size: 40px;
  line-height: 65px; }

.strix .form-generic-steps .form-generic h2, body.strix .form-generic-steps .form-generic h2 {
  margin-top: 55px;
  font-size: 30px;
  font-weight: 700; }

.strix .form-generic-steps.show-step-1 .steps > *, .strix .form-generic-steps.show-step-2 .steps > *, .strix .form-generic-steps.show-step-3 .steps > *, body.strix .form-generic-steps.show-step-1 .steps > *, body.strix .form-generic-steps.show-step-2 .steps > *, body.strix .form-generic-steps.show-step-3 .steps > * {
  display: none; }

.strix .form-generic-steps.show-step-1 .pagination-area, body.strix .form-generic-steps.show-step-1 .pagination-area {
  display: none; }

.strix .form-generic-steps.show-step-1 .steps .step-1, body.strix .form-generic-steps.show-step-1 .steps .step-1 {
  display: block; }

.strix .form-generic-steps.show-step-2 .steps .step-2, body.strix .form-generic-steps.show-step-2 .steps .step-2 {
  display: block; }

.strix .form-generic-steps.show-step-3 .steps .step-3, body.strix .form-generic-steps.show-step-3 .steps .step-3 {
  display: block; }

.strix .page-mini-footer, body.strix .page-mini-footer {
  background: #000;
  color: #e2e2e2;
  padding-top: 50px;
  font-size: 14px;
  padding-bottom: 0; }

.strix .page-mini-footer ::placeholder, body.strix .page-mini-footer ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .page-mini-footer :-ms-input-placeholder, body.strix .page-mini-footer :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .page-mini-footer ::-ms-input-placeholder, body.strix .page-mini-footer ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .page-mini-footer .form-field .dk_toggle, .strix .page-mini-footer .form-field input[type=email], .strix .page-mini-footer .form-field input[type=number], .strix .page-mini-footer .form-field input[type=password], .strix .page-mini-footer .form-field input[type=tel], .strix .page-mini-footer .form-field input[type=text], .strix .page-mini-footer .form-field textarea, body.strix .page-mini-footer .form-field .dk_toggle, body.strix .page-mini-footer .form-field input[type=email], body.strix .page-mini-footer .form-field input[type=number], body.strix .page-mini-footer .form-field input[type=password], body.strix .page-mini-footer .form-field input[type=tel], body.strix .page-mini-footer .form-field input[type=text], body.strix .page-mini-footer .form-field textarea {
  background: #f5f5f5; }

.strix .page-mini-footer .form-field .form-checkbox-wrapper label:before, .strix .page-mini-footer .form-field .form-radio-wrapper label:before, body.strix .page-mini-footer .form-field .form-checkbox-wrapper label:before, body.strix .page-mini-footer .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .page-mini-footer .form-field .form-checkbox-wrapper input:checked + label:before, .strix .page-mini-footer .form-field .form-radio-wrapper input:checked + label:before, body.strix .page-mini-footer .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .page-mini-footer .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .page-mini-footer .form-field input[type=radio]:checked + label:before, body.strix .page-mini-footer .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .page-mini-footer .form-field.with-calling-code .dk_container .dk_toggle, body.strix .page-mini-footer .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .page-mini-footer .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .page-mini-footer .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .page-mini-footer .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .page-mini-footer .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .page-mini-footer a, body.strix .page-mini-footer a {
  color: #e2e2e2; }

.strix .page-mini-footer h1, .strix .page-mini-footer h2, .strix .page-mini-footer h3, .strix .page-mini-footer h4, .strix .page-mini-footer h5, .strix .page-mini-footer h6, body.strix .page-mini-footer h1, body.strix .page-mini-footer h2, body.strix .page-mini-footer h3, body.strix .page-mini-footer h4, body.strix .page-mini-footer h5, body.strix .page-mini-footer h6 {
  color: #fff; }

.strix .page-mini-footer h1 a, .strix .page-mini-footer h2 a, .strix .page-mini-footer h3 a, .strix .page-mini-footer h4 a, .strix .page-mini-footer h5 a, .strix .page-mini-footer h6 a, body.strix .page-mini-footer h1 a, body.strix .page-mini-footer h2 a, body.strix .page-mini-footer h3 a, body.strix .page-mini-footer h4 a, body.strix .page-mini-footer h5 a, body.strix .page-mini-footer h6 a {
  color: #fff; }

.strix .page-mini-footer .highlight-text-primary, .strix .page-mini-footer .highlight-text-primary a, body.strix .page-mini-footer .highlight-text-primary, body.strix .page-mini-footer .highlight-text-primary a {
  color: #fedf00; }

.strix .page-mini-footer .form-field.input-with-icon .strix-icon, body.strix .page-mini-footer .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .page-mini-footer .footer-logo, body.strix .page-mini-footer .footer-logo {
  display: block;
  margin-top: 20px;
  background-color: grey;
  height: 1px;
  text-align: center; }

.strix .page-mini-footer .footer-logo span, body.strix .page-mini-footer .footer-logo span {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  position: relative;
  background-color: #000; }

.strix .page-mini-footer .footer-logo.fwr span, .strix .page-mini-footer .footer-logo.premium-banking span, .strix .page-mini-footer .footer-logo.raiffeisenbank span, body.strix .page-mini-footer .footer-logo.fwr span, body.strix .page-mini-footer .footer-logo.premium-banking span, body.strix .page-mini-footer .footer-logo.raiffeisenbank span {
  background: #000; }

.strix .page-mini-footer .footer-logo.fwr span:after, .strix .page-mini-footer .footer-logo.premium-banking span:after, .strix .page-mini-footer .footer-logo.raiffeisenbank span:after, body.strix .page-mini-footer .footer-logo.fwr span:after, body.strix .page-mini-footer .footer-logo.premium-banking span:after, body.strix .page-mini-footer .footer-logo.raiffeisenbank span:after {
  background: no-repeat center center;
  content: "";
  opacity: .8;
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute; }

.strix .page-mini-footer .footer-logo.raiffeisenbank span, body.strix .page-mini-footer .footer-logo.raiffeisenbank span {
  width: 146px;
  height: 27px;
  top: -14px; }

.strix .page-mini-footer .footer-logo.raiffeisenbank span:after, body.strix .page-mini-footer .footer-logo.raiffeisenbank span:after {
  background: no-repeat center center url(../../images/logo-svg/logo-rb-02-reversed.svg); }

.strix .page-mini-footer .footer-logo.premium-banking span, body.strix .page-mini-footer .footer-logo.premium-banking span {
  width: 76px;
  height: 50px;
  top: -25px; }

.strix .page-mini-footer .footer-logo.premium-banking span:after, body.strix .page-mini-footer .footer-logo.premium-banking span:after {
  background-image: url(../../images/logo-svg/logo-rb-13.svg); }

.strix .page-mini-footer .footer-logo.fwr span, body.strix .page-mini-footer .footer-logo.fwr span {
  width: 76px;
  height: 50px;
  top: -25px; }

.strix .page-mini-footer .footer-logo.fwr span:after, body.strix .page-mini-footer .footer-logo.fwr span:after {
  background-image: url(../../images/logo-svg/logo-rb-04.svg); }

.strix .page-mini-footer .footer-links, body.strix .page-mini-footer .footer-links {
  margin: 0 auto !important;
  text-align: center; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .page-mini-footer .footer-links, body.strix .page-mini-footer .footer-links {
    padding: 63px 20px 25px 20px; } }
@media (max-width: 639px) {
  .strix .page-mini-footer .footer-links, body.strix .page-mini-footer .footer-links {
    padding: 33px 20px 22px 20px; } }
.strix .page-mini-footer .footer-links a, body.strix .page-mini-footer .footer-links a {
  text-decoration: none;
  line-height: 14px;
  font-size: 16px;
  transition: opacity .3s;
  opacity: .8; }

.strix .page-mini-footer .footer-links a:hover, body.strix .page-mini-footer .footer-links a:hover {
  opacity: 1; }

.strix .page-mini-footer .footer-links ul, body.strix .page-mini-footer .footer-links ul {
  margin: 0;
  padding: 0; }

.strix .page-mini-footer .footer-links ul li, body.strix .page-mini-footer .footer-links ul li {
  position: relative; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .page-mini-footer .footer-links ul li, body.strix .page-mini-footer .footer-links ul li {
    display: inline-block;
    padding: 0 20px 8px 0; }

  .strix .page-mini-footer .footer-links ul li:last-of-type, body.strix .page-mini-footer .footer-links ul li:last-of-type {
    padding-right: 0; } }
@media (max-width: 639px) {
  .strix .page-mini-footer .footer-links ul li, body.strix .page-mini-footer .footer-links ul li {
    display: block;
    padding: 0 20px 18px 0; } }
.strix .page-mini-footer .row, body.strix .page-mini-footer .row {
  margin: 0; }

.strix .page-mini-footer .additional-text, body.strix .page-mini-footer .additional-text {
  border-top: 1px solid #4d4f53; }

.strix .page-mini-footer .additional-text p, body.strix .page-mini-footer .additional-text p {
  padding-top: 30px; }

.strix .page-mini-footer .copyright, .strix .page-mini-footer .footer__bottom, body.strix .page-mini-footer .copyright, body.strix .page-mini-footer .footer__bottom {
  padding: 21px 20px;
  text-align: center; }

.strix .page-mini-footer .copyright p, .strix .page-mini-footer .footer__bottom p, body.strix .page-mini-footer .copyright p, body.strix .page-mini-footer .footer__bottom p {
  font-size: 16px; }

.strix .page-mini-footer .social, body.strix .page-mini-footer .social {
  text-align: center; }

.strix .page-mini-footer .social li, body.strix .page-mini-footer .social li {
  display: inline-block;
  margin: 0 10px; }

.strix .page-mini-footer .social a, body.strix .page-mini-footer .social a {
  text-decoration: none; }

.strix .page-mini-footer .social .strix-icon, body.strix .page-mini-footer .social .strix-icon {
  font-size: 36px;
  transition: opacity .3s;
  opacity: .5; }

.strix .page-mini-footer .social .strix-icon:hover, body.strix .page-mini-footer .social .strix-icon:hover {
  opacity: 1; }

.strix .page-mini-footer.component-background-color-inverse .footer-logo, body.strix .page-mini-footer.component-background-color-inverse .footer-logo {
  background-color: #666; }

.strix .page-mini-footer.component-background-color-inverse .footer-logo span, body.strix .page-mini-footer.component-background-color-inverse .footer-logo span {
  background-color: #000; }

.strix .page-mini-footer.component-background-color-style1 .footer-logo, body.strix .page-mini-footer.component-background-color-style1 .footer-logo {
  background-color: #999; }

.strix .page-mini-footer.component-background-color-style1 .footer-logo span, body.strix .page-mini-footer.component-background-color-style1 .footer-logo span {
  background-color: #f5f5f5; }

.strix .page-mini-footer.component-background-color-style2 .footer-logo span, body.strix .page-mini-footer.component-background-color-style2 .footer-logo span {
  background-color: rgba(77, 79, 83, 0.5); }

.strix .page-mini-footer.component-background-color-style2 .footer-logo.raiffeisenbank span:after, body.strix .page-mini-footer.component-background-color-style2 .footer-logo.raiffeisenbank span:after {
  background: no-repeat center center url(../../images/logo-svg/logo-rb-02-reversed.svg); }

.strix .page-mini-footer.component-background-color-style2 .footer-logo.premium-banking span:after, body.strix .page-mini-footer.component-background-color-style2 .footer-logo.premium-banking span:after {
  background-image: url(../../images/logo-svg/logo-rb-13.svg); }

.strix .page-mini-footer.component-background-color-style2 .footer-logo.fwr span:after, body.strix .page-mini-footer.component-background-color-style2 .footer-logo.fwr span:after {
  background-image: url(../../images/logo-svg/logo-rb-04.svg); }

.strix .page-mega-footer, body.strix .page-mega-footer {
  background: #000;
  color: #e2e2e2;
  font-size: 14px;
  padding: 0; }

.strix .page-mega-footer ::placeholder, body.strix .page-mega-footer ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .page-mega-footer :-ms-input-placeholder, body.strix .page-mega-footer :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .page-mega-footer ::-ms-input-placeholder, body.strix .page-mega-footer ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .page-mega-footer .form-field .dk_toggle, .strix .page-mega-footer .form-field input[type=email], .strix .page-mega-footer .form-field input[type=number], .strix .page-mega-footer .form-field input[type=password], .strix .page-mega-footer .form-field input[type=tel], .strix .page-mega-footer .form-field input[type=text], .strix .page-mega-footer .form-field textarea, body.strix .page-mega-footer .form-field .dk_toggle, body.strix .page-mega-footer .form-field input[type=email], body.strix .page-mega-footer .form-field input[type=number], body.strix .page-mega-footer .form-field input[type=password], body.strix .page-mega-footer .form-field input[type=tel], body.strix .page-mega-footer .form-field input[type=text], body.strix .page-mega-footer .form-field textarea {
  background: #f5f5f5; }

.strix .page-mega-footer .form-field .form-checkbox-wrapper label:before, .strix .page-mega-footer .form-field .form-radio-wrapper label:before, body.strix .page-mega-footer .form-field .form-checkbox-wrapper label:before, body.strix .page-mega-footer .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .page-mega-footer .form-field .form-checkbox-wrapper input:checked + label:before, .strix .page-mega-footer .form-field .form-radio-wrapper input:checked + label:before, body.strix .page-mega-footer .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .page-mega-footer .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .page-mega-footer .form-field input[type=radio]:checked + label:before, body.strix .page-mega-footer .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .page-mega-footer .form-field.with-calling-code .dk_container .dk_toggle, body.strix .page-mega-footer .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .page-mega-footer .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .page-mega-footer .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .page-mega-footer .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .page-mega-footer .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .page-mega-footer a, body.strix .page-mega-footer a {
  color: #e2e2e2; }

.strix .page-mega-footer h1, .strix .page-mega-footer h2, .strix .page-mega-footer h3, .strix .page-mega-footer h4, .strix .page-mega-footer h5, .strix .page-mega-footer h6, body.strix .page-mega-footer h1, body.strix .page-mega-footer h2, body.strix .page-mega-footer h3, body.strix .page-mega-footer h4, body.strix .page-mega-footer h5, body.strix .page-mega-footer h6 {
  color: #fff; }

.strix .page-mega-footer h1 a, .strix .page-mega-footer h2 a, .strix .page-mega-footer h3 a, .strix .page-mega-footer h4 a, .strix .page-mega-footer h5 a, .strix .page-mega-footer h6 a, body.strix .page-mega-footer h1 a, body.strix .page-mega-footer h2 a, body.strix .page-mega-footer h3 a, body.strix .page-mega-footer h4 a, body.strix .page-mega-footer h5 a, body.strix .page-mega-footer h6 a {
  color: #fff; }

.strix .page-mega-footer .highlight-text-primary, .strix .page-mega-footer .highlight-text-primary a, body.strix .page-mega-footer .highlight-text-primary, body.strix .page-mega-footer .highlight-text-primary a {
  color: #fedf00; }

.strix .page-mega-footer .form-field.input-with-icon .strix-icon, body.strix .page-mega-footer .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .page-mega-footer .footer-top, body.strix .page-mega-footer .footer-top {
  padding: 120px 0 80px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .page-mega-footer .footer-top, body.strix .page-mega-footer .footer-top {
    font-size: 13px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .page-mega-footer .footer-top, body.strix .page-mega-footer .footer-top {
    font-size: 11px; } }
@media (max-width: 639px) {
  .strix .page-mega-footer .footer-top, body.strix .page-mega-footer .footer-top {
    padding: 80px 0 0;
    text-align: center;
    font-size: 18px; } }
.strix .page-mega-footer .heading, .strix .page-mega-footer .heading a, body.strix .page-mega-footer .heading, body.strix .page-mega-footer .heading a {
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
  text-decoration: none; }

.strix .page-mega-footer a, body.strix .page-mega-footer a {
  text-decoration: none; }

@media (max-width: 639px) {
  .strix .page-mega-footer .nav-group, body.strix .page-mega-footer .nav-group {
    margin-bottom: 20px; }

  .strix .page-mega-footer .nav-group .heading, body.strix .page-mega-footer .nav-group .heading {
    display: inline-block;
    position: relative;
    padding: 0 30px; }

  .strix .page-mega-footer .nav-group .heading:after, body.strix .page-mega-footer .nav-group .heading:after {
    content: "\e649";
    font-family: rb-icons;
    position: absolute;
    font-size: 22px;
    margin-left: 10px;
    right: 0;
    top: -1px;
    color: #fff; }

  .strix .page-mega-footer .nav-group ul, body.strix .page-mega-footer .nav-group ul {
    max-height: 0;
    overflow: hidden; }

  .strix .page-mega-footer .nav-group.active, body.strix .page-mega-footer .nav-group.active {
    margin-bottom: 40px; }

  .strix .page-mega-footer .nav-group.active ul, body.strix .page-mega-footer .nav-group.active ul {
    max-height: 500px; } }
.strix .page-mega-footer .nav, body.strix .page-mega-footer .nav {
  margin: 0; }

.strix .page-mega-footer .nav li, body.strix .page-mega-footer .nav li {
  list-style: none; }

.strix .page-mega-footer .nav a, body.strix .page-mega-footer .nav a {
  line-height: 24px;
  text-decoration: none;
  opacity: .8;
  transition: opacity .3s; }

.strix .page-mega-footer .nav a:hover, body.strix .page-mega-footer .nav a:hover {
  opacity: 1; }

@media (max-width: 639px) {
  .strix .page-mega-footer .nav a, body.strix .page-mega-footer .nav a {
    line-height: 28px; } }
.strix .page-mega-footer hr, body.strix .page-mega-footer hr {
  border: none;
  border-top: 1px solid #4d4f53;
  background: 0 0; }

@media (max-width: 639px) {
  .strix .page-mega-footer hr, body.strix .page-mega-footer hr {
    display: none; } }
.strix .page-mega-footer .footer-bottom, body.strix .page-mega-footer .footer-bottom {
  padding: 40px 0;
  text-align: center; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .page-mega-footer .footer-bottom, body.strix .page-mega-footer .footer-bottom {
    font-size: 11px; } }
@media (max-width: 639px) {
  .strix .page-mega-footer .footer-bottom, body.strix .page-mega-footer .footer-bottom {
    padding-top: 0;
    font-size: 18px; } }
.strix .page-mega-footer .bottom-group, .strix .page-mega-footer .bottom-item, body.strix .page-mega-footer .bottom-group, body.strix .page-mega-footer .bottom-item {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  position: relative;
  text-align: left; }

@media (max-width: 639px) {
  .strix .page-mega-footer .bottom-group, .strix .page-mega-footer .bottom-item, body.strix .page-mega-footer .bottom-group, body.strix .page-mega-footer .bottom-item {
    text-align: center; } }
.strix .page-mega-footer .bottom-group, body.strix .page-mega-footer .bottom-group {
  margin-top: 10px;
  margin-bottom: 10px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .page-mega-footer .bottom-group, body.strix .page-mega-footer .bottom-group {
    margin: 10px 0; } }
.strix .page-mega-footer .with-icon, body.strix .page-mega-footer .with-icon {
  padding-left: 46px; }

.strix .page-mega-footer .with-icon .strix-icon, body.strix .page-mega-footer .with-icon .strix-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 42px;
  position: absolute;
  left: 0;
  top: -12px; }

.strix .page-mega-footer .phone, body.strix .page-mega-footer .phone {
  margin-bottom: 16px; }

.strix .page-mega-footer .phone a, body.strix .page-mega-footer .phone a {
  display: block; }

.strix .page-mega-footer .phone .strix-icon, body.strix .page-mega-footer .phone .strix-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 42px;
  margin-right: 16px; }

.strix .page-mega-footer .social, body.strix .page-mega-footer .social {
  margin: 0;
  padding: 0; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .page-mega-footer .social, body.strix .page-mega-footer .social {
    margin: 0; } }
@media (max-width: 639px) {
  .strix .page-mega-footer .social, body.strix .page-mega-footer .social {
    padding: 0 0 20px 0;
    margin-bottom: 32px; } }
.strix .page-mega-footer .social li, body.strix .page-mega-footer .social li {
  display: inline-block;
  margin: 0 6px; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .page-mega-footer .social li, body.strix .page-mega-footer .social li {
    margin: 0 4px; } }
.strix .page-mega-footer .social a, body.strix .page-mega-footer .social a {
  text-decoration: none;
  display: block;
  opacity: .4;
  transition: opacity .3s; }

.strix .page-mega-footer .social a:hover, body.strix .page-mega-footer .social a:hover {
  opacity: 1; }

.strix .page-mega-footer .social .strix-icon, body.strix .page-mega-footer .social .strix-icon {
  font-size: 30px;
  transition: color .3s; }

@media (max-width: 639px) {
  .strix .page-mega-footer .social .strix-icon, body.strix .page-mega-footer .social .strix-icon {
    font-size: 46px; } }
.strix .page-mega-footer .contacts-top, body.strix .page-mega-footer .contacts-top {
  text-align: center;
  margin-bottom: 16px;
  font-size: 14px; }

.strix .page-mega-footer .contacts-top .phone, .strix .page-mega-footer .contacts-top .social, body.strix .page-mega-footer .contacts-top .phone, body.strix .page-mega-footer .contacts-top .social {
  display: inline-block;
  vertical-align: top; }

@media (max-width: 639px) {
  .strix .page-mega-footer .contacts-top .phone, .strix .page-mega-footer .contacts-top .social, body.strix .page-mega-footer .contacts-top .phone, body.strix .page-mega-footer .contacts-top .social {
    display: block; } }
.strix .page-mega-footer .contacts-top .phone, body.strix .page-mega-footer .contacts-top .phone {
  margin-right: 32px; }

.strix .page-mega-footer .rb-icon-uniE669, body.strix .page-mega-footer .rb-icon-uniE669 {
  top: -6px !important;
  font-size: 34px !important; }

.strix .page-mega-footer.component-background-color-default .heading, .strix .page-mega-footer.component-background-color-style1 .heading, .strix .page-mega-footer.component-background-color-style3 .heading, .strix .page-mega-footer.component-background-color-style4 .heading, body.strix .page-mega-footer.component-background-color-default .heading, body.strix .page-mega-footer.component-background-color-style1 .heading, body.strix .page-mega-footer.component-background-color-style3 .heading, body.strix .page-mega-footer.component-background-color-style4 .heading {
  color: #000; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.top-component-background-color-default .before-inner-wrapper, body.strix .benefits.top-component-background-color-default .before-inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper ::placeholder, body.strix .benefits.top-component-background-color-default .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder, body.strix .benefits.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder, body.strix .benefits.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field textarea, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .highlight-text-primary, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper.background-color-after, body.strix .benefits.top-component-background-color-default .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper.background-color-after:after, body.strix .benefits.top-component-background-color-default .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper a, body.strix .benefits.top-component-background-color-default .before-inner-wrapper a {
    color: #333; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper h1, .strix .benefits.top-component-background-color-default .before-inner-wrapper h2, .strix .benefits.top-component-background-color-default .before-inner-wrapper h3, .strix .benefits.top-component-background-color-default .before-inner-wrapper h4, .strix .benefits.top-component-background-color-default .before-inner-wrapper h5, .strix .benefits.top-component-background-color-default .before-inner-wrapper h6, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h1, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h2, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h3, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h4, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h5, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h6 {
    color: #000; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper h1 a, .strix .benefits.top-component-background-color-default .before-inner-wrapper h2 a, .strix .benefits.top-component-background-color-default .before-inner-wrapper h3 a, .strix .benefits.top-component-background-color-default .before-inner-wrapper h4 a, .strix .benefits.top-component-background-color-default .before-inner-wrapper h5 a, .strix .benefits.top-component-background-color-default .before-inner-wrapper h6 a, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h1 a, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h2 a, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h3 a, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h4 a, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h5 a, body.strix .benefits.top-component-background-color-default .before-inner-wrapper h6 a {
    color: #000; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper hr, body.strix .benefits.top-component-background-color-default .before-inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon, body.strix .benefits.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper ::placeholder, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field textarea, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper a, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper a {
    color: #e2e2e2; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h1, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h2, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h3, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h4, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h5, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h6, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h1, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h2, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h3, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h4, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h5, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h6 {
    color: #fff; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h1 a, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h2 a, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h3 a, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h4 a, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h5 a, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper h6 a, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h1 a, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h2 a, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h3 a, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h4 a, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h5 a, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .benefits.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper ::placeholder, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field textarea, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper.background-color-after, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, .strix .benefits.top-component-background-color-style1 .before-inner-wrapper input[type=text], .strix .benefits.top-component-background-color-style1 .before-inner-wrapper textarea, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper input[type=text], body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper textarea {
    background: #fff; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon, body.strix .benefits.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper ::placeholder, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field textarea, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper a, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper a {
    color: #f5f5f5; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h1, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h2, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h3, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h4, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h5, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h6, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h1, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h2, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h3, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h4, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h5, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h6 {
    color: #fff; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h1 a, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h2 a, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h3 a, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h4 a, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h5 a, .strix .benefits.top-component-background-color-style2 .before-inner-wrapper h6 a, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h1 a, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h2 a, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h3 a, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h4 a, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h5 a, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .btn.primary, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .btn.primary {
    color: #000; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .benefits.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-], body.strix .benefits[class*=top-component-background-color-] {
    position: relative;
    background: 0 0;
    z-index: 1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper a, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper a {
    color: #333; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 {
    color: #000; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a {
    color: #000; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon, body.strix .benefits[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a {
    color: #e2e2e2; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 {
    color: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a {
    color: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .benefits[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea {
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon, body.strix .benefits[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a {
    color: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 {
    color: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a {
    color: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary {
    color: #000; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .benefits[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default {
    background: #fff;
    color: #333; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea {
    background: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a {
    color: #333; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 {
    color: #000; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a {
    color: #000; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr {
    border-color: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse {
    background: #000;
    color: #e2e2e2; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea {
    background: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a {
    color: #e2e2e2; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 {
    color: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a {
    color: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a {
    color: #fedf00; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 {
    background: #f5f5f5;
    color: #333; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea {
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a {
    color: #f5f5f5; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 {
    color: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a {
    color: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary {
    color: #000; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text] {
    background: #fff; }

  .strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon, body.strix .benefits[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .benefits[class*=top-component-background-color-] .inner-wrapper, body.strix .benefits[class*=top-component-background-color-] .inner-wrapper {
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); }

  .strix .benefits[class*=top-component-background-color-] .inner-wrapper:before, body.strix .benefits[class*=top-component-background-color-] .inner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fedf00;
    width: 100px;
    height: 5px;
    z-index: 20; }

  .strix .benefits[class*=top-component-background-color-]:after, .strix .benefits[class*=top-component-background-color-]:before, body.strix .benefits[class*=top-component-background-color-]:after, body.strix .benefits[class*=top-component-background-color-]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1; }

  .strix .benefits[class*=top-component-background-color-]:before, body.strix .benefits[class*=top-component-background-color-]:before {
    top: 0;
    bottom: 50%; }

  .strix .benefits[class*=top-component-background-color-].background-same-as-previous:before, body.strix .benefits[class*=top-component-background-color-].background-same-as-previous:before {
    bottom: calc(50% + 50px); }

  .strix .benefits[class*=bottom-component-background-color-]:after, body.strix .benefits[class*=bottom-component-background-color-]:after {
    top: 50%;
    bottom: 0; }

  .strix .benefits[class*=bottom-component-background-color-].background-same-as-previous:after, body.strix .benefits[class*=bottom-component-background-color-].background-same-as-previous:after {
    top: calc(50% - 50px); } }
@media (min-width: 1440px) {
  .strix .benefits[class*=top-component-background-color-] .bullets, body.strix .benefits[class*=top-component-background-color-] .bullets {
    padding-left: 116px;
    padding-right: 116px; } }
.strix .benefits.centered, body.strix .benefits.centered {
  text-align: center; }

.strix .benefits.centered .bullets, body.strix .benefits.centered .bullets {
  padding: 0;
  margin-top: 0;
  margin-bottom: 42px; }

@media (max-width: 639px) {
  .strix .benefits.centered .bullets, body.strix .benefits.centered .bullets {
    margin-bottom: 12px; } }
.strix .benefits.centered .bullets .item, body.strix .benefits.centered .bullets .item {
  background: 0 0;
  height: 40px;
  width: auto;
  margin: 0;
  border: 0; }

.strix .benefits.centered .bullets .item:after, .strix .benefits.centered .bullets .item:before, body.strix .benefits.centered .bullets .item:after, body.strix .benefits.centered .bullets .item:before {
  display: none; }

.strix .benefits.centered .bullets .strix-icon, body.strix .benefits.centered .bullets .strix-icon {
  color: inherit !important;
  font-size: 40px !important;
  top: 0 !important; }

.strix .benefits.centered .bullets li:nth-of-type(1n+4), body.strix .benefits.centered .bullets li:nth-of-type(1n+4) {
  display: none; }

.strix .benefits.centered .bullets li, body.strix .benefits.centered .bullets li {
  display: inline-block; }

@media (min-width: 1440px) {
  .strix .benefits.centered .bullets li, body.strix .benefits.centered .bullets li {
    width: 320px;
    margin: 0 15px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.centered .bullets li, body.strix .benefits.centered .bullets li {
    width: 226px;
    margin: 0 22px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.centered .bullets li, body.strix .benefits.centered .bullets li {
    width: calc((100% / 3) - 45px);
    margin: 0 22px; } }
@media (max-width: 639px) {
  .strix .benefits.centered .bullets li, body.strix .benefits.centered .bullets li {
    text-align: left;
    width: 100%; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.centered .item-outer-wrapper, body.strix .benefits.centered .item-outer-wrapper {
    display: block;
    float: none; }

  .strix .benefits.centered .text-col, body.strix .benefits.centered .text-col {
    width: 100% !important;
    padding-right: 0 !important; } }
@media (min-width: 1440px) {
  .strix .benefits .bullets, body.strix .benefits .bullets {
    padding-left: 235px;
    padding-right: 235px;
    margin-top: 70px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits .bullets, body.strix .benefits .bullets {
    padding-left: 81px;
    padding-right: 81px;
    margin-top: 60px; } }
.strix .benefits .bullets li, body.strix .benefits .bullets li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  width: 50%; }

@media (min-width: 1440px) {
  .strix .benefits .bullets li, body.strix .benefits .bullets li {
    margin-bottom: 30px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits .bullets li, body.strix .benefits .bullets li {
    margin-bottom: 20px; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits .bullets li, body.strix .benefits .bullets li {
    margin-bottom: 30px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .benefits .bullets li, body.strix .benefits .bullets li {
    width: auto;
    display: block; } }
.strix .benefits .bullets .item, body.strix .benefits .bullets .item {
  text-align: center; }

@media (min-width: 1440px) {
  .strix .benefits.circle .item, .strix .benefits.hexagon .item, .strix .benefits.square .item, body.strix .benefits.circle .item, body.strix .benefits.hexagon .item, body.strix .benefits.square .item {
    width: 110px;
    height: 110px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.circle .item, .strix .benefits.hexagon .item, .strix .benefits.square .item, body.strix .benefits.circle .item, body.strix .benefits.hexagon .item, body.strix .benefits.square .item {
    width: 94px;
    height: 94px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .benefits.circle .item, .strix .benefits.hexagon .item, .strix .benefits.square .item, body.strix .benefits.circle .item, body.strix .benefits.hexagon .item, body.strix .benefits.square .item {
    width: 65px;
    height: auto; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.circle .item, .strix .benefits.hexagon .item, .strix .benefits.square .item, body.strix .benefits.circle .item, body.strix .benefits.hexagon .item, body.strix .benefits.square .item {
    background: #303030; } }
.strix .benefits.circle .item .strix-icon, .strix .benefits.hexagon .item .strix-icon, .strix .benefits.square .item .strix-icon, body.strix .benefits.circle .item .strix-icon, body.strix .benefits.hexagon .item .strix-icon, body.strix .benefits.square .item .strix-icon {
  color: #fedf00;
  position: relative; }

@media (min-width: 1440px) {
  .strix .benefits.circle .item .strix-icon, .strix .benefits.hexagon .item .strix-icon, .strix .benefits.square .item .strix-icon, body.strix .benefits.circle .item .strix-icon, body.strix .benefits.hexagon .item .strix-icon, body.strix .benefits.square .item .strix-icon {
    top: 25px;
    font-size: 55px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.circle .item .strix-icon, .strix .benefits.hexagon .item .strix-icon, .strix .benefits.square .item .strix-icon, body.strix .benefits.circle .item .strix-icon, body.strix .benefits.hexagon .item .strix-icon, body.strix .benefits.square .item .strix-icon {
    top: 25px;
    font-size: 45px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .benefits.circle .item .strix-icon, .strix .benefits.hexagon .item .strix-icon, .strix .benefits.square .item .strix-icon, body.strix .benefits.circle .item .strix-icon, body.strix .benefits.hexagon .item .strix-icon, body.strix .benefits.square .item .strix-icon {
    top: 0;
    color: #333;
    font-size: 35px; } }
@media (min-width: 1440px) {
  .strix .benefits.circle .text-col, .strix .benefits.hexagon .text-col, .strix .benefits.square .text-col, body.strix .benefits.circle .text-col, body.strix .benefits.hexagon .text-col, body.strix .benefits.square .text-col {
    width: calc(100% - 110px - 30px);
    padding-right: 40px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.circle .text-col, .strix .benefits.hexagon .text-col, .strix .benefits.square .text-col, body.strix .benefits.circle .text-col, body.strix .benefits.hexagon .text-col, body.strix .benefits.square .text-col {
    width: calc(100% - 94px - 20px);
    padding-right: 30px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .benefits.circle .text-col, .strix .benefits.hexagon .text-col, .strix .benefits.square .text-col, body.strix .benefits.circle .text-col, body.strix .benefits.hexagon .text-col, body.strix .benefits.square .text-col {
    width: calc(100% - 70px - 20px); } }
.strix .benefits.circle .item, body.strix .benefits.circle .item {
  position: relative;
  z-index: 3;
  border-radius: 50%;
  background-color: #303030;
  display: inline-block; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits.circle .item, body.strix .benefits.circle .item {
    width: 100px;
    height: 100px; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.circle .item, body.strix .benefits.circle .item {
    width: 65px;
    height: auto;
    background: 0 0; } }
.strix .benefits.circle .item .strix-icon, body.strix .benefits.circle .item .strix-icon {
  color: #fff30a;
  position: relative;
  z-index: 9; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits.circle .item .strix-icon, body.strix .benefits.circle .item .strix-icon {
    font-size: 40px;
    top: 29px; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.circle .item .strix-icon, body.strix .benefits.circle .item .strix-icon {
    font-size: 35px;
    top: 0;
    color: #303030; } }
.strix .benefits.circle .item .number, body.strix .benefits.circle .item .number {
  display: block;
  position: absolute;
  z-index: 10;
  left: 5px;
  width: 100%;
  text-align: center; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits.circle .item .number, body.strix .benefits.circle .item .number {
    font-size: 50px;
    top: 11px; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.circle .item .number, body.strix .benefits.circle .item .number {
    font-size: 36px;
    top: 6px; } }
.strix .benefits.hexagon .item, body.strix .benefits.hexagon .item {
  position: relative;
  z-index: 3;
  background-color: #303030;
  border-left: 1px solid #303030;
  border-right: 1px solid #303030;
  display: inline-block; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits.hexagon .item, body.strix .benefits.hexagon .item {
    width: 100px;
    height: 58px;
    margin: 29px 0; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.hexagon .item, body.strix .benefits.hexagon .item {
    margin: 0;
    width: 66px;
    height: auto;
    background: 0 0;
    border: none; } }
.strix .benefits.hexagon .item .strix-icon, body.strix .benefits.hexagon .item .strix-icon {
  color: #fff30a;
  position: relative;
  z-index: 9; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits.hexagon .item .strix-icon, body.strix .benefits.hexagon .item .strix-icon {
    font-size: 40px;
    top: 8px; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.hexagon .item .strix-icon, body.strix .benefits.hexagon .item .strix-icon {
    font-size: 35px;
    top: 0;
    color: #303030; } }
.strix .benefits.hexagon .item:after, .strix .benefits.hexagon .item:before, body.strix .benefits.hexagon .item:after, body.strix .benefits.hexagon .item:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: inherit;
  transform: scaleY(0.5774) rotate(-45deg); }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits.hexagon .item:after, .strix .benefits.hexagon .item:before, body.strix .benefits.hexagon .item:after, body.strix .benefits.hexagon .item:before {
    width: 69px;
    height: 69px;
    left: 14px; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.hexagon .item:after, .strix .benefits.hexagon .item:before, body.strix .benefits.hexagon .item:after, body.strix .benefits.hexagon .item:before {
    width: 45px;
    height: 45px;
    left: 9px;
    display: none; } }
.strix .benefits.hexagon .item::before, body.strix .benefits.hexagon .item::before {
  border-top: 1px solid #303030;
  border-right: 1px solid #303030; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits.hexagon .item::before, body.strix .benefits.hexagon .item::before {
    top: -35px; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.hexagon .item::before, body.strix .benefits.hexagon .item::before {
    top: -23px; } }
.strix .benefits.hexagon .item::after, body.strix .benefits.hexagon .item::after {
  border-bottom: 1px solid #303030;
  border-left: 1px solid #303030; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits.hexagon .item::after, body.strix .benefits.hexagon .item::after {
    bottom: -35px; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits.hexagon .item::after, body.strix .benefits.hexagon .item::after {
    bottom: -23px; } }
.strix .benefits .item-outer-wrapper, body.strix .benefits .item-outer-wrapper {
  display: inline-block;
  float: left; }

.strix .benefits .text-col, body.strix .benefits .text-col {
  display: inline-block;
  padding: 0;
  width: calc(100% - 120px);
  float: right; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .benefits .text-col, body.strix .benefits .text-col {
    padding: 18px 20px 0 0; } }
.strix .benefits .text-col .wysiwyg-classic, body.strix .benefits .text-col .wysiwyg-classic {
  margin: 0; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.component-background-color-default .item, body.strix .benefits.component-background-color-default .item {
    background: #000; }

  .strix .benefits.component-background-color-default .item .strix-icon, body.strix .benefits.component-background-color-default .item .strix-icon {
    color: #fedf00; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .benefits.component-background-color-default .item .strix-icon, body.strix .benefits.component-background-color-default .item .strix-icon {
    color: #000; } }
.strix .benefits.component-background-color-default p, body.strix .benefits.component-background-color-default p {
  color: #000; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.component-background-color-inverse .item, body.strix .benefits.component-background-color-inverse .item {
    background: #303030;
    border-color: #303030; } }
.strix .benefits.component-background-color-inverse .item .strix-icon, body.strix .benefits.component-background-color-inverse .item .strix-icon {
  color: #f5f5f5; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.component-background-color-style1 .item, body.strix .benefits.component-background-color-style1 .item {
    background: #000; }

  .strix .benefits.component-background-color-style1 .item .strix-icon, body.strix .benefits.component-background-color-style1 .item .strix-icon {
    color: #fedf00; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .benefits.component-background-color-style1 .item .strix-icon, body.strix .benefits.component-background-color-style1 .item .strix-icon {
    color: #000; } }
.strix .benefits.component-background-color-style1 p, body.strix .benefits.component-background-color-style1 p {
  color: #000; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .benefits.component-background-color-style2 .item, body.strix .benefits.component-background-color-style2 .item {
    background: #303030;
    border-color: #303030; }

  .strix .benefits.component-background-color-style2 .item:after, .strix .benefits.component-background-color-style2 .item:before, body.strix .benefits.component-background-color-style2 .item:after, body.strix .benefits.component-background-color-style2 .item:before {
    border: none; } }
.strix .benefits.component-background-color-style2 .item .strix-icon, body.strix .benefits.component-background-color-style2 .item .strix-icon {
  color: #f5f5f5; }

@media (min-width: 1440px) {
  .strix .tabs[class*=top-component-background-color-] .benefits .bullets, body.strix .tabs[class*=top-component-background-color-] .benefits .bullets {
    padding-left: 116px;
    padding-right: 116px; } }
.strix .media-gallery.media-gallery-list, body.strix .media-gallery.media-gallery-list {
  margin: 0 auto; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .media-gallery.media-gallery-list, body.strix .media-gallery.media-gallery-list {
    width: 672px; } }
@media (max-width: 690px) {
  .strix .media-gallery.media-gallery-list, body.strix .media-gallery.media-gallery-list {
    width: 348px; } }
.strix .media-gallery .media-items, body.strix .media-gallery .media-items {
  margin-left: -10px;
  margin-top: 10px; }

.strix .media-gallery .media-items .media-metadata, .strix .media-gallery .media-items .thumbnail, .strix .media-gallery .media-items a, body.strix .media-gallery .media-items .media-metadata, body.strix .media-gallery .media-items .thumbnail, body.strix .media-gallery .media-items a {
  width: 316px;
  margin-right: 0 !important; }

.strix .media-gallery .media-items .thumbnail, body.strix .media-gallery .media-items .thumbnail {
  height: 316px;
  display: inline-block;
  background-position: center center;
  background-size: cover; }

.strix .media-gallery .media-items a, body.strix .media-gallery .media-items a {
  text-decoration: none;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left; }

.strix .media-gallery .media-items .media-metadata, body.strix .media-gallery .media-items .media-metadata {
  text-align: center; }

.strix .media-gallery .media-items .media-metadata span, body.strix .media-gallery .media-items .media-metadata span {
  display: block; }

.strix .media-gallery .media-items .media-metadata span.media-title, body.strix .media-gallery .media-items .media-metadata span.media-title {
  font-weight: 700;
  margin-top: 10px; }

.strix .media-gallery .additional-content, body.strix .media-gallery .additional-content {
  width: 100%;
  float: left;
  margin-top: 10px; }

.strix .media-gallery .lSAction > a, body.strix .media-gallery .lSAction > a {
  transition: none;
  opacity: 1;
  font-family: rb-icons;
  font-size: 33px;
  background-color: #fff30a;
  background-image: none;
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 3px;
  top: 120px; }

.strix .media-gallery .lSAction > a::before, body.strix .media-gallery .lSAction > a::before {
  content: "\e648"; }

.strix .media-gallery .lSAction > a:hover, body.strix .media-gallery .lSAction > a:hover {
  background-color: #fff30a;
  background-image: none; }

.strix .media-gallery .lSAction > .lSPrev, body.strix .media-gallery .lSAction > .lSPrev {
  left: 0;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.strix .media-gallery .lSAction > .lSNext, body.strix .media-gallery .lSAction > .lSNext {
  right: 0; }

.strix .lg-icon, body.strix .lg-icon {
  font-family: lg; }

.strix .lg .lg-toolbar #lg-share, body.strix .lg .lg-toolbar #lg-share {
  display: none; }

.strix .photo-gallery.list .carousel, body.strix .photo-gallery.list .carousel {
  display: none; }

.strix .photo-gallery.carousel .list, body.strix .photo-gallery.carousel .list {
  display: none; }

.strix .photo-gallery .lSSlideOuter .lSPager.lSpg > li a, body.strix .photo-gallery .lSSlideOuter .lSPager.lSpg > li a {
  background-color: #333; }

.strix .photo-gallery .lSSlideOuter .lSPager.lSpg > li.active a, .strix .photo-gallery .lSSlideOuter .lSPager.lSpg > li:hover a, body.strix .photo-gallery .lSSlideOuter .lSPager.lSpg > li.active a, body.strix .photo-gallery .lSSlideOuter .lSPager.lSpg > li:hover a {
  background-color: #fff30a; }

.strix .photo-gallery .lSAction > a, body.strix .photo-gallery .lSAction > a {
  top: 150px;
  border-radius: 2px;
  width: 60px;
  height: 60px; }

.strix .photo-gallery .lSAction > a:before, body.strix .photo-gallery .lSAction > a:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  text-align: center; }

.strix .photo-gallery .lg-share, body.strix .photo-gallery .lg-share {
  display: none; }

.strix .lg-icon, body.strix .lg-icon {
  font-family: lg; }

.strix .lg .lg-toolbar #lg-share, body.strix .lg .lg-toolbar #lg-share {
  display: none; }

.strix .video-gallery.list .carousel, body.strix .video-gallery.list .carousel {
  display: none; }

.strix .video-gallery.carousel .list, body.strix .video-gallery.carousel .list {
  display: none; }

.strix .video-gallery .lSSlideOuter .lSPager.lSpg > li a, body.strix .video-gallery .lSSlideOuter .lSPager.lSpg > li a {
  background-color: #333; }

.strix .video-gallery .lSSlideOuter .lSPager.lSpg > li.active a, .strix .video-gallery .lSSlideOuter .lSPager.lSpg > li:hover a, body.strix .video-gallery .lSSlideOuter .lSPager.lSpg > li.active a, body.strix .video-gallery .lSSlideOuter .lSPager.lSpg > li:hover a {
  background-color: #fff30a; }

.strix .video-gallery .lSAction > a, body.strix .video-gallery .lSAction > a {
  top: 150px;
  border-radius: 2px;
  width: 60px;
  height: 60px; }

.strix .video-gallery .lSAction > a:before, body.strix .video-gallery .lSAction > a:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  text-align: center; }

.strix .video-gallery .media-items img, body.strix .video-gallery .media-items img {
  width: 100%; }

.strix .anchors-navigation, body.strix .anchors-navigation {
  display: inline-block;
  height: 100%; }

.strix .anchors-navigation .disabled, body.strix .anchors-navigation .disabled {
  opacity: .4;
  pointer-events: none; }

.strix .anchors-navigation .link-list, body.strix .anchors-navigation .link-list {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%; }

.strix .anchors-navigation .link-list .link-wrapper, body.strix .anchors-navigation .link-list .link-wrapper {
  display: inline-block;
  height: 100%;
  float: left; }

.strix .anchors-navigation .link-list .link-wrapper .link, body.strix .anchors-navigation .link-list .link-wrapper .link {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 40px 15px;
  line-height: 15px;
  border-top: 3px solid #fff;
  text-decoration: none; }

.strix .anchors-navigation .link-list .link-wrapper .link:hover, body.strix .anchors-navigation .link-list .link-wrapper .link:hover {
  border-top: 3px solid #fff30a;
  text-decoration: none; }

.strix .anchors-navigation .link-list .link-wrapper .link.active-link, body.strix .anchors-navigation .link-list .link-wrapper .link.active-link {
  font-weight: 900;
  border-top: 3px solid #fff30a; }

.strix .benefits-promo-values, body.strix .benefits-promo-values {
  padding: 100px 15px;
  text-align: center; }

.strix .benefits-promo-values .wysiwyg, .strix .benefits-promo-values .wysiwyg *, body.strix .benefits-promo-values .wysiwyg, body.strix .benefits-promo-values .wysiwyg * {
  text-align: left; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits-promo-values .wysiwyg, .strix .benefits-promo-values .wysiwyg *, body.strix .benefits-promo-values .wysiwyg, body.strix .benefits-promo-values .wysiwyg * {
    text-align: center; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits-promo-values .wysiwyg, body.strix .benefits-promo-values .wysiwyg {
    display: none; } }
.strix .benefits-promo-values .text-mobile, body.strix .benefits-promo-values .text-mobile {
  text-align: center;
  display: none; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .benefits-promo-values .text-mobile, body.strix .benefits-promo-values .text-mobile {
    display: block; } }
.strix .benefits-promo-values h2, body.strix .benefits-promo-values h2 {
  margin-top: 0; }

.strix .benefits-promo-values p, body.strix .benefits-promo-values p {
  margin-top: 0; }

.strix .benefits-promo-values .btn, body.strix .benefits-promo-values .btn {
  margin-bottom: 20px; }

.strix .benefits-promo-values .items-wrapper, body.strix .benefits-promo-values .items-wrapper {
  margin-top: 20px;
  padding: 0;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05); }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .benefits-promo-values .items-wrapper, body.strix .benefits-promo-values .items-wrapper {
    max-width: 470px;
    margin: 60px auto 0; } }
@media (max-width: 639px) {
  .strix .benefits-promo-values .items-wrapper, body.strix .benefits-promo-values .items-wrapper {
    box-shadow: none; } }
.strix .benefits-promo-values .item, body.strix .benefits-promo-values .item {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  height: 213px;
  width: calc(33%);
  text-align: center;
  padding: 50px 15px !important;
  border: none;
  background: #4d4f53;
  border-color: #4d4f53 !important; }

@media (min-width: 1440px) {
  .strix .benefits-promo-values .item, body.strix .benefits-promo-values .item {
    padding-top: 64px;
    height: 260px; } }
.strix .benefits-promo-values .item:nth-of-type(2), body.strix .benefits-promo-values .item:nth-of-type(2) {
  width: calc(34% - 2px);
  margin: 0 1px; }

.strix .benefits-promo-values .item .value, body.strix .benefits-promo-values .item .value {
  height: 70px; }

.strix .benefits-promo-values .item .value .number, body.strix .benefits-promo-values .item .value .number {
  font-size: 43px;
  font-weight: 700; }

.strix .benefits-promo-values .item .value .strix-icon, body.strix .benefits-promo-values .item .value .strix-icon {
  font-size: 52px; }

.strix .benefits-promo-values .item .value .unit, body.strix .benefits-promo-values .item .value .unit {
  font-size: 20px;
  margin-left: 4px; }

.strix .benefits-promo-values .item .key, body.strix .benefits-promo-values .item .key {
  font-size: 14px; }

@media (min-width: 1440px), (max-width: 639px) {
  .strix .benefits-promo-values .item .key, body.strix .benefits-promo-values .item .key {
    font-size: 15px; } }
@media (max-width: 639px) {
  .strix .benefits-promo-values .item, body.strix .benefits-promo-values .item {
    display: block;
    width: auto;
    height: auto;
    background: 0 0 !important;
    padding: 6px 0 !important; }

  .strix .benefits-promo-values .item:nth-of-type(2), body.strix .benefits-promo-values .item:nth-of-type(2) {
    margin: 0;
    width: auto; }

  .strix .benefits-promo-values .item .value, body.strix .benefits-promo-values .item .value {
    float: right;
    height: auto; }

  .strix .benefits-promo-values .item .strix-icon, body.strix .benefits-promo-values .item .strix-icon {
    font-size: 40px !important; }

  .strix .benefits-promo-values .item .key, body.strix .benefits-promo-values .item .key {
    float: left;
    width: 50%;
    text-align: left;
    padding-top: 10px; } }
.strix .benefits-promo-values.component-background-color-default .item, body.strix .benefits-promo-values.component-background-color-default .item {
  background: #f5f5f5;
  color: #333; }

.strix .benefits-promo-values.component-background-color-default .item ::placeholder, body.strix .benefits-promo-values.component-background-color-default .item ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .benefits-promo-values.component-background-color-default .item :-ms-input-placeholder, body.strix .benefits-promo-values.component-background-color-default .item :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-default .item ::-ms-input-placeholder, body.strix .benefits-promo-values.component-background-color-default .item ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-default .item .form-field .dk_toggle, .strix .benefits-promo-values.component-background-color-default .item .form-field input[type=email], .strix .benefits-promo-values.component-background-color-default .item .form-field input[type=number], .strix .benefits-promo-values.component-background-color-default .item .form-field input[type=password], .strix .benefits-promo-values.component-background-color-default .item .form-field input[type=tel], .strix .benefits-promo-values.component-background-color-default .item .form-field input[type=text], .strix .benefits-promo-values.component-background-color-default .item .form-field textarea, body.strix .benefits-promo-values.component-background-color-default .item .form-field .dk_toggle, body.strix .benefits-promo-values.component-background-color-default .item .form-field input[type=email], body.strix .benefits-promo-values.component-background-color-default .item .form-field input[type=number], body.strix .benefits-promo-values.component-background-color-default .item .form-field input[type=password], body.strix .benefits-promo-values.component-background-color-default .item .form-field input[type=tel], body.strix .benefits-promo-values.component-background-color-default .item .form-field input[type=text], body.strix .benefits-promo-values.component-background-color-default .item .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-default .item .form-field .form-checkbox-wrapper label:before, .strix .benefits-promo-values.component-background-color-default .item .form-field .form-radio-wrapper label:before, body.strix .benefits-promo-values.component-background-color-default .item .form-field .form-checkbox-wrapper label:before, body.strix .benefits-promo-values.component-background-color-default .item .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .benefits-promo-values.component-background-color-default .item .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits-promo-values.component-background-color-default .item .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits-promo-values.component-background-color-default .item .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits-promo-values.component-background-color-default .item .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-default .item .form-field input[type=radio]:checked + label:before, body.strix .benefits-promo-values.component-background-color-default .item .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .benefits-promo-values.component-background-color-default .item .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits-promo-values.component-background-color-default .item .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .benefits-promo-values.component-background-color-default .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits-promo-values.component-background-color-default .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .benefits-promo-values.component-background-color-default .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits-promo-values.component-background-color-default .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .benefits-promo-values.component-background-color-default .item.background-color-after, body.strix .benefits-promo-values.component-background-color-default .item.background-color-after {
  position: relative;
  z-index: 1; }

.strix .benefits-promo-values.component-background-color-default .item.background-color-after:after, body.strix .benefits-promo-values.component-background-color-default .item.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .benefits-promo-values.component-background-color-default .item .highlight-text-primary, body.strix .benefits-promo-values.component-background-color-default .item .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .benefits-promo-values.component-background-color-default .item .dk_toggle, .strix .benefits-promo-values.component-background-color-default .item input[type=text], .strix .benefits-promo-values.component-background-color-default .item textarea, body.strix .benefits-promo-values.component-background-color-default .item .dk_toggle, body.strix .benefits-promo-values.component-background-color-default .item input[type=text], body.strix .benefits-promo-values.component-background-color-default .item textarea {
  background: #fff; }

.strix .benefits-promo-values.component-background-color-default .item .form-field .form-checkbox-wrapper label:before, .strix .benefits-promo-values.component-background-color-default .item .form-field .form-radio-wrapper label:before, body.strix .benefits-promo-values.component-background-color-default .item .form-field .form-checkbox-wrapper label:before, body.strix .benefits-promo-values.component-background-color-default .item .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .benefits-promo-values.component-background-color-default .item .form-field.input-with-icon .strix-icon, body.strix .benefits-promo-values.component-background-color-default .item .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-default .item .form-field .hint-icon, body.strix .benefits-promo-values.component-background-color-default .item .form-field .hint-icon {
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-default .appearance-primary .key, .strix .benefits-promo-values.component-background-color-default .appearance-primary .value, body.strix .benefits-promo-values.component-background-color-default .appearance-primary .key, body.strix .benefits-promo-values.component-background-color-default .appearance-primary .value {
  font-weight: 700; }

.strix .benefits-promo-values.component-background-color-inverse .item, body.strix .benefits-promo-values.component-background-color-inverse .item {
  background: #000;
  color: #e2e2e2;
  background: #303030; }

.strix .benefits-promo-values.component-background-color-inverse .item ::placeholder, body.strix .benefits-promo-values.component-background-color-inverse .item ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .benefits-promo-values.component-background-color-inverse .item :-ms-input-placeholder, body.strix .benefits-promo-values.component-background-color-inverse .item :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-inverse .item ::-ms-input-placeholder, body.strix .benefits-promo-values.component-background-color-inverse .item ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-inverse .item .form-field .dk_toggle, .strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=email], .strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=number], .strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=password], .strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=tel], .strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=text], .strix .benefits-promo-values.component-background-color-inverse .item .form-field textarea, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field .dk_toggle, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=email], body.strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=number], body.strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=password], body.strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=tel], body.strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=text], body.strix .benefits-promo-values.component-background-color-inverse .item .form-field textarea {
  background: #f5f5f5; }

.strix .benefits-promo-values.component-background-color-inverse .item .form-field .form-checkbox-wrapper label:before, .strix .benefits-promo-values.component-background-color-inverse .item .form-field .form-radio-wrapper label:before, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field .form-checkbox-wrapper label:before, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .benefits-promo-values.component-background-color-inverse .item .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits-promo-values.component-background-color-inverse .item .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=radio]:checked + label:before, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .benefits-promo-values.component-background-color-inverse .item .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .benefits-promo-values.component-background-color-inverse .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .benefits-promo-values.component-background-color-inverse .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .benefits-promo-values.component-background-color-inverse .item a, body.strix .benefits-promo-values.component-background-color-inverse .item a {
  color: #e2e2e2; }

.strix .benefits-promo-values.component-background-color-inverse .item h1, .strix .benefits-promo-values.component-background-color-inverse .item h2, .strix .benefits-promo-values.component-background-color-inverse .item h3, .strix .benefits-promo-values.component-background-color-inverse .item h4, .strix .benefits-promo-values.component-background-color-inverse .item h5, .strix .benefits-promo-values.component-background-color-inverse .item h6, body.strix .benefits-promo-values.component-background-color-inverse .item h1, body.strix .benefits-promo-values.component-background-color-inverse .item h2, body.strix .benefits-promo-values.component-background-color-inverse .item h3, body.strix .benefits-promo-values.component-background-color-inverse .item h4, body.strix .benefits-promo-values.component-background-color-inverse .item h5, body.strix .benefits-promo-values.component-background-color-inverse .item h6 {
  color: #fff; }

.strix .benefits-promo-values.component-background-color-inverse .item h1 a, .strix .benefits-promo-values.component-background-color-inverse .item h2 a, .strix .benefits-promo-values.component-background-color-inverse .item h3 a, .strix .benefits-promo-values.component-background-color-inverse .item h4 a, .strix .benefits-promo-values.component-background-color-inverse .item h5 a, .strix .benefits-promo-values.component-background-color-inverse .item h6 a, body.strix .benefits-promo-values.component-background-color-inverse .item h1 a, body.strix .benefits-promo-values.component-background-color-inverse .item h2 a, body.strix .benefits-promo-values.component-background-color-inverse .item h3 a, body.strix .benefits-promo-values.component-background-color-inverse .item h4 a, body.strix .benefits-promo-values.component-background-color-inverse .item h5 a, body.strix .benefits-promo-values.component-background-color-inverse .item h6 a {
  color: #fff; }

.strix .benefits-promo-values.component-background-color-inverse .item .highlight-text-primary, .strix .benefits-promo-values.component-background-color-inverse .item .highlight-text-primary a, body.strix .benefits-promo-values.component-background-color-inverse .item .highlight-text-primary, body.strix .benefits-promo-values.component-background-color-inverse .item .highlight-text-primary a {
  color: #fedf00; }

.strix .benefits-promo-values.component-background-color-inverse .item .form-field.input-with-icon .strix-icon, body.strix .benefits-promo-values.component-background-color-inverse .item .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-inverse .appearance-primary .key, .strix .benefits-promo-values.component-background-color-inverse .appearance-primary .value, body.strix .benefits-promo-values.component-background-color-inverse .appearance-primary .key, body.strix .benefits-promo-values.component-background-color-inverse .appearance-primary .value {
  color: #fff30a; }

.strix .benefits-promo-values.component-background-color-style1 .item, body.strix .benefits-promo-values.component-background-color-style1 .item {
  background: #fff;
  color: #333; }

.strix .benefits-promo-values.component-background-color-style1 .item ::placeholder, body.strix .benefits-promo-values.component-background-color-style1 .item ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .benefits-promo-values.component-background-color-style1 .item :-ms-input-placeholder, body.strix .benefits-promo-values.component-background-color-style1 .item :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-style1 .item ::-ms-input-placeholder, body.strix .benefits-promo-values.component-background-color-style1 .item ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field .dk_toggle, .strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=email], .strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=number], .strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=password], .strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=tel], .strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=text], .strix .benefits-promo-values.component-background-color-style1 .item .form-field textarea, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field .dk_toggle, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=email], body.strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=number], body.strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=password], body.strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=tel], body.strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=text], body.strix .benefits-promo-values.component-background-color-style1 .item .form-field textarea {
  background: #f5f5f5; }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field .form-checkbox-wrapper label:before, .strix .benefits-promo-values.component-background-color-style1 .item .form-field .form-radio-wrapper label:before, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field .form-checkbox-wrapper label:before, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits-promo-values.component-background-color-style1 .item .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=radio]:checked + label:before, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .benefits-promo-values.component-background-color-style1 .item .highlight-text-primary, body.strix .benefits-promo-values.component-background-color-style1 .item .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .benefits-promo-values.component-background-color-style1 .item.background-color-after, body.strix .benefits-promo-values.component-background-color-style1 .item.background-color-after {
  position: relative;
  z-index: 1; }

.strix .benefits-promo-values.component-background-color-style1 .item.background-color-after:after, body.strix .benefits-promo-values.component-background-color-style1 .item.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .benefits-promo-values.component-background-color-style1 .item a, body.strix .benefits-promo-values.component-background-color-style1 .item a {
  color: #333; }

.strix .benefits-promo-values.component-background-color-style1 .item h1, .strix .benefits-promo-values.component-background-color-style1 .item h2, .strix .benefits-promo-values.component-background-color-style1 .item h3, .strix .benefits-promo-values.component-background-color-style1 .item h4, .strix .benefits-promo-values.component-background-color-style1 .item h5, .strix .benefits-promo-values.component-background-color-style1 .item h6, body.strix .benefits-promo-values.component-background-color-style1 .item h1, body.strix .benefits-promo-values.component-background-color-style1 .item h2, body.strix .benefits-promo-values.component-background-color-style1 .item h3, body.strix .benefits-promo-values.component-background-color-style1 .item h4, body.strix .benefits-promo-values.component-background-color-style1 .item h5, body.strix .benefits-promo-values.component-background-color-style1 .item h6 {
  color: #000; }

.strix .benefits-promo-values.component-background-color-style1 .item h1 a, .strix .benefits-promo-values.component-background-color-style1 .item h2 a, .strix .benefits-promo-values.component-background-color-style1 .item h3 a, .strix .benefits-promo-values.component-background-color-style1 .item h4 a, .strix .benefits-promo-values.component-background-color-style1 .item h5 a, .strix .benefits-promo-values.component-background-color-style1 .item h6 a, body.strix .benefits-promo-values.component-background-color-style1 .item h1 a, body.strix .benefits-promo-values.component-background-color-style1 .item h2 a, body.strix .benefits-promo-values.component-background-color-style1 .item h3 a, body.strix .benefits-promo-values.component-background-color-style1 .item h4 a, body.strix .benefits-promo-values.component-background-color-style1 .item h5 a, body.strix .benefits-promo-values.component-background-color-style1 .item h6 a {
  color: #000; }

.strix .benefits-promo-values.component-background-color-style1 .item hr, body.strix .benefits-promo-values.component-background-color-style1 .item hr {
  border-color: #f5f5f5; }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field.input-with-icon .strix-icon, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-style1 .item .form-field .hint-icon, body.strix .benefits-promo-values.component-background-color-style1 .item .form-field .hint-icon {
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-style1 .appearance-primary .key, body.strix .benefits-promo-values.component-background-color-style1 .appearance-primary .key {
  font-weight: 700; }

.strix .benefits-promo-values.component-background-color-style2 .item, body.strix .benefits-promo-values.component-background-color-style2 .item {
  background: #4d4f53;
  color: #f5f5f5;
  background: #303030;
  color: #f5f5f5; }

.strix .benefits-promo-values.component-background-color-style2 .item ::placeholder, body.strix .benefits-promo-values.component-background-color-style2 .item ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .benefits-promo-values.component-background-color-style2 .item :-ms-input-placeholder, body.strix .benefits-promo-values.component-background-color-style2 .item :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-style2 .item ::-ms-input-placeholder, body.strix .benefits-promo-values.component-background-color-style2 .item ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field .dk_toggle, .strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=email], .strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=number], .strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=password], .strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=tel], .strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=text], .strix .benefits-promo-values.component-background-color-style2 .item .form-field textarea, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field .dk_toggle, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=email], body.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=number], body.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=password], body.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=tel], body.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=text], body.strix .benefits-promo-values.component-background-color-style2 .item .form-field textarea {
  color: #4d4f53;
  background: #fff; }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field .form-checkbox-wrapper label:before, .strix .benefits-promo-values.component-background-color-style2 .item .form-field .form-radio-wrapper label:before, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field .form-checkbox-wrapper label:before, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field .form-checkbox-wrapper input:checked + label:before, .strix .benefits-promo-values.component-background-color-style2 .item .form-field .form-radio-wrapper input:checked + label:before, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=radio]:checked + label:before, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field.with-calling-code .dk_container .dk_toggle, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: grey;
  background: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #b2b4b3; }

.strix .benefits-promo-values.component-background-color-style2 .item a, body.strix .benefits-promo-values.component-background-color-style2 .item a {
  color: #f5f5f5; }

.strix .benefits-promo-values.component-background-color-style2 .item h1, .strix .benefits-promo-values.component-background-color-style2 .item h2, .strix .benefits-promo-values.component-background-color-style2 .item h3, .strix .benefits-promo-values.component-background-color-style2 .item h4, .strix .benefits-promo-values.component-background-color-style2 .item h5, .strix .benefits-promo-values.component-background-color-style2 .item h6, body.strix .benefits-promo-values.component-background-color-style2 .item h1, body.strix .benefits-promo-values.component-background-color-style2 .item h2, body.strix .benefits-promo-values.component-background-color-style2 .item h3, body.strix .benefits-promo-values.component-background-color-style2 .item h4, body.strix .benefits-promo-values.component-background-color-style2 .item h5, body.strix .benefits-promo-values.component-background-color-style2 .item h6 {
  color: #fff; }

.strix .benefits-promo-values.component-background-color-style2 .item h1 a, .strix .benefits-promo-values.component-background-color-style2 .item h2 a, .strix .benefits-promo-values.component-background-color-style2 .item h3 a, .strix .benefits-promo-values.component-background-color-style2 .item h4 a, .strix .benefits-promo-values.component-background-color-style2 .item h5 a, .strix .benefits-promo-values.component-background-color-style2 .item h6 a, body.strix .benefits-promo-values.component-background-color-style2 .item h1 a, body.strix .benefits-promo-values.component-background-color-style2 .item h2 a, body.strix .benefits-promo-values.component-background-color-style2 .item h3 a, body.strix .benefits-promo-values.component-background-color-style2 .item h4 a, body.strix .benefits-promo-values.component-background-color-style2 .item h5 a, body.strix .benefits-promo-values.component-background-color-style2 .item h6 a {
  color: #fff; }

.strix .benefits-promo-values.component-background-color-style2 .item .btn.primary, body.strix .benefits-promo-values.component-background-color-style2 .item .btn.primary {
  color: #000; }

.strix .benefits-promo-values.component-background-color-style2 .item .btn.secondary:hover, body.strix .benefits-promo-values.component-background-color-style2 .item .btn.secondary:hover {
  background: #000;
  border-color: #000; }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=text], body.strix .benefits-promo-values.component-background-color-style2 .item .form-field input[type=text] {
  background: #fff; }

.strix .benefits-promo-values.component-background-color-style2 .item .form-field.input-with-icon .strix-icon, body.strix .benefits-promo-values.component-background-color-style2 .item .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .benefits-promo-values.component-background-color-style2 .appearance-primary .key, .strix .benefits-promo-values.component-background-color-style2 .appearance-primary .value, body.strix .benefits-promo-values.component-background-color-style2 .appearance-primary .key, body.strix .benefits-promo-values.component-background-color-style2 .appearance-primary .value {
  color: #fff30a; }

.strix.test .benefits-promo-values, body.strix.test .benefits-promo-values {
  padding: 150px 15px; }

.strix .representative-example .main-heading, body.strix .representative-example .main-heading {
  margin-bottom: 54px; }

.strix .representative-example .props, body.strix .representative-example .props {
  text-align: center;
  padding: 0;
  margin: 80px 0 0 -15px; }

@media (max-width: 639px) {
  .strix .representative-example .props, body.strix .representative-example .props {
    padding: 0 10%;
    margin-top: 35px; } }
.strix .representative-example .props + p, body.strix .representative-example .props + p {
  margin-top: 30px; }

.strix .representative-example .props.total-props, body.strix .representative-example .props.total-props {
  margin-top: 40px;
  margin-bottom: 65px;
  padding: 0; }

.strix .representative-example .props.total-props .prop, body.strix .representative-example .props.total-props .prop {
  width: auto; }

.strix .representative-example .props.total-props .number, body.strix .representative-example .props.total-props .number {
  font-size: 36px; }

@media (max-width: 639px) {
  .strix .representative-example .props.total-props, body.strix .representative-example .props.total-props {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0 10%;
    text-align: center; }

  .strix .representative-example .props.total-props .key, .strix .representative-example .props.total-props .value, body.strix .representative-example .props.total-props .key, body.strix .representative-example .props.total-props .value {
    display: block;
    text-align: center;
    width: auto; } }
.strix .representative-example .prop, body.strix .representative-example .prop {
  background: #f5f5f5;
  color: #333;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: 182px;
  height: 180px;
  position: relative;
  margin-bottom: 15px;
  margin-left: 15px;
  box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05); }

.strix .representative-example .prop ::placeholder, body.strix .representative-example .prop ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .representative-example .prop :-ms-input-placeholder, body.strix .representative-example .prop :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .representative-example .prop ::-ms-input-placeholder, body.strix .representative-example .prop ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .representative-example .prop .form-field .dk_toggle, .strix .representative-example .prop .form-field input[type=email], .strix .representative-example .prop .form-field input[type=number], .strix .representative-example .prop .form-field input[type=password], .strix .representative-example .prop .form-field input[type=tel], .strix .representative-example .prop .form-field input[type=text], .strix .representative-example .prop .form-field textarea, body.strix .representative-example .prop .form-field .dk_toggle, body.strix .representative-example .prop .form-field input[type=email], body.strix .representative-example .prop .form-field input[type=number], body.strix .representative-example .prop .form-field input[type=password], body.strix .representative-example .prop .form-field input[type=tel], body.strix .representative-example .prop .form-field input[type=text], body.strix .representative-example .prop .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .representative-example .prop .form-field .form-checkbox-wrapper label:before, .strix .representative-example .prop .form-field .form-radio-wrapper label:before, body.strix .representative-example .prop .form-field .form-checkbox-wrapper label:before, body.strix .representative-example .prop .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .representative-example .prop .form-field .form-checkbox-wrapper input:checked + label:before, .strix .representative-example .prop .form-field .form-radio-wrapper input:checked + label:before, body.strix .representative-example .prop .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .representative-example .prop .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .representative-example .prop .form-field input[type=radio]:checked + label:before, body.strix .representative-example .prop .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .representative-example .prop .form-field.with-calling-code .dk_container .dk_toggle, body.strix .representative-example .prop .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .representative-example .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .representative-example .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .representative-example .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .representative-example .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .representative-example .prop.background-color-after, body.strix .representative-example .prop.background-color-after {
  position: relative;
  z-index: 1; }

.strix .representative-example .prop.background-color-after:after, body.strix .representative-example .prop.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .representative-example .prop .highlight-text-primary, body.strix .representative-example .prop .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .representative-example .prop .dk_toggle, .strix .representative-example .prop input[type=text], .strix .representative-example .prop textarea, body.strix .representative-example .prop .dk_toggle, body.strix .representative-example .prop input[type=text], body.strix .representative-example .prop textarea {
  background: #fff; }

.strix .representative-example .prop .form-field .form-checkbox-wrapper label:before, .strix .representative-example .prop .form-field .form-radio-wrapper label:before, body.strix .representative-example .prop .form-field .form-checkbox-wrapper label:before, body.strix .representative-example .prop .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .representative-example .prop .form-field.input-with-icon .strix-icon, body.strix .representative-example .prop .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .representative-example .prop .form-field .hint-icon, body.strix .representative-example .prop .form-field .hint-icon {
  color: #4d4f53; }

@media (min-width: 1440px) {
  .strix .representative-example .prop, body.strix .representative-example .prop {
    width: 210px; } }
@media (max-width: 639px) {
  .strix .representative-example .prop, body.strix .representative-example .prop {
    width: auto;
    height: auto;
    background: 0 0;
    display: block; } }
.strix .representative-example .prop.total-prop, body.strix .representative-example .prop.total-prop {
  background: 0 0 !important;
  height: auto;
  box-shadow: none; }

.strix .representative-example .prop.total-prop .key, body.strix .representative-example .prop.total-prop .key {
  margin: 0; }

.strix .representative-example .prop .key, body.strix .representative-example .prop .key {
  line-height: 16px;
  margin-top: 46px;
  padding: 0 6px;
  height: 40px;
  opacity: .7; }

@media (max-width: 639px) {
  .strix .representative-example .prop .key, body.strix .representative-example .prop .key {
    width: 50%;
    display: inline-block;
    text-align: left;
    margin: 0;
    vertical-align: top; } }
.strix .representative-example .prop .value, body.strix .representative-example .prop .value {
  width: 100%;
  height: auto;
  font-weight: 700; }

@media (max-width: 639px) {
  .strix .representative-example .prop .value, body.strix .representative-example .prop .value {
    width: 50%;
    display: inline-block;
    text-align: right;
    vertical-align: top; } }
.strix .representative-example .prop .helper, .strix .representative-example .prop .number, body.strix .representative-example .prop .helper, body.strix .representative-example .prop .number {
  display: inline-block; }

.strix .representative-example .prop .number, body.strix .representative-example .prop .number {
  font-size: 25px;
  line-height: 30px; }

@media (max-width: 639px) {
  .strix .representative-example .prop .number, body.strix .representative-example .prop .number {
    font-size: 22px;
    line-height: 27px; } }
.strix .representative-example .prop .helper, body.strix .representative-example .prop .helper {
  font-size: 20px;
  opacity: .7;
  margin-left: 6px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .representative-example, body.strix .representative-example {
    text-align: center; } }
.strix .representative-example.component-background-color-style1 .prop, body.strix .representative-example.component-background-color-style1 .prop {
  background: #fff;
  color: #333;
  padding: 0; }

.strix .representative-example.component-background-color-style1 .prop ::placeholder, body.strix .representative-example.component-background-color-style1 .prop ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .representative-example.component-background-color-style1 .prop :-ms-input-placeholder, body.strix .representative-example.component-background-color-style1 .prop :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .representative-example.component-background-color-style1 .prop ::-ms-input-placeholder, body.strix .representative-example.component-background-color-style1 .prop ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .representative-example.component-background-color-style1 .prop .form-field .dk_toggle, .strix .representative-example.component-background-color-style1 .prop .form-field input[type=email], .strix .representative-example.component-background-color-style1 .prop .form-field input[type=number], .strix .representative-example.component-background-color-style1 .prop .form-field input[type=password], .strix .representative-example.component-background-color-style1 .prop .form-field input[type=tel], .strix .representative-example.component-background-color-style1 .prop .form-field input[type=text], .strix .representative-example.component-background-color-style1 .prop .form-field textarea, body.strix .representative-example.component-background-color-style1 .prop .form-field .dk_toggle, body.strix .representative-example.component-background-color-style1 .prop .form-field input[type=email], body.strix .representative-example.component-background-color-style1 .prop .form-field input[type=number], body.strix .representative-example.component-background-color-style1 .prop .form-field input[type=password], body.strix .representative-example.component-background-color-style1 .prop .form-field input[type=tel], body.strix .representative-example.component-background-color-style1 .prop .form-field input[type=text], body.strix .representative-example.component-background-color-style1 .prop .form-field textarea {
  background: #f5f5f5; }

.strix .representative-example.component-background-color-style1 .prop .form-field .form-checkbox-wrapper label:before, .strix .representative-example.component-background-color-style1 .prop .form-field .form-radio-wrapper label:before, body.strix .representative-example.component-background-color-style1 .prop .form-field .form-checkbox-wrapper label:before, body.strix .representative-example.component-background-color-style1 .prop .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .representative-example.component-background-color-style1 .prop .form-field .form-checkbox-wrapper input:checked + label:before, .strix .representative-example.component-background-color-style1 .prop .form-field .form-radio-wrapper input:checked + label:before, body.strix .representative-example.component-background-color-style1 .prop .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .representative-example.component-background-color-style1 .prop .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .representative-example.component-background-color-style1 .prop .form-field input[type=radio]:checked + label:before, body.strix .representative-example.component-background-color-style1 .prop .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .representative-example.component-background-color-style1 .prop .form-field.with-calling-code .dk_container .dk_toggle, body.strix .representative-example.component-background-color-style1 .prop .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .representative-example.component-background-color-style1 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .representative-example.component-background-color-style1 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .representative-example.component-background-color-style1 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .representative-example.component-background-color-style1 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .representative-example.component-background-color-style1 .prop .highlight-text-primary, body.strix .representative-example.component-background-color-style1 .prop .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .representative-example.component-background-color-style1 .prop.background-color-after, body.strix .representative-example.component-background-color-style1 .prop.background-color-after {
  position: relative;
  z-index: 1; }

.strix .representative-example.component-background-color-style1 .prop.background-color-after:after, body.strix .representative-example.component-background-color-style1 .prop.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .representative-example.component-background-color-style1 .prop a, body.strix .representative-example.component-background-color-style1 .prop a {
  color: #333; }

.strix .representative-example.component-background-color-style1 .prop h1, .strix .representative-example.component-background-color-style1 .prop h2, .strix .representative-example.component-background-color-style1 .prop h3, .strix .representative-example.component-background-color-style1 .prop h4, .strix .representative-example.component-background-color-style1 .prop h5, .strix .representative-example.component-background-color-style1 .prop h6, body.strix .representative-example.component-background-color-style1 .prop h1, body.strix .representative-example.component-background-color-style1 .prop h2, body.strix .representative-example.component-background-color-style1 .prop h3, body.strix .representative-example.component-background-color-style1 .prop h4, body.strix .representative-example.component-background-color-style1 .prop h5, body.strix .representative-example.component-background-color-style1 .prop h6 {
  color: #000; }

.strix .representative-example.component-background-color-style1 .prop h1 a, .strix .representative-example.component-background-color-style1 .prop h2 a, .strix .representative-example.component-background-color-style1 .prop h3 a, .strix .representative-example.component-background-color-style1 .prop h4 a, .strix .representative-example.component-background-color-style1 .prop h5 a, .strix .representative-example.component-background-color-style1 .prop h6 a, body.strix .representative-example.component-background-color-style1 .prop h1 a, body.strix .representative-example.component-background-color-style1 .prop h2 a, body.strix .representative-example.component-background-color-style1 .prop h3 a, body.strix .representative-example.component-background-color-style1 .prop h4 a, body.strix .representative-example.component-background-color-style1 .prop h5 a, body.strix .representative-example.component-background-color-style1 .prop h6 a {
  color: #000; }

.strix .representative-example.component-background-color-style1 .prop hr, body.strix .representative-example.component-background-color-style1 .prop hr {
  border-color: #f5f5f5; }

.strix .representative-example.component-background-color-style1 .prop .form-field.input-with-icon .strix-icon, body.strix .representative-example.component-background-color-style1 .prop .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .representative-example.component-background-color-style1 .prop .form-field .hint-icon, body.strix .representative-example.component-background-color-style1 .prop .form-field .hint-icon {
  color: #4d4f53; }

.strix .representative-example.component-background-color-style1 .prop.total-prop, body.strix .representative-example.component-background-color-style1 .prop.total-prop {
  background: 0 0; }

.strix .representative-example.component-background-color-inverse .prop, body.strix .representative-example.component-background-color-inverse .prop {
  background: #000;
  color: #e2e2e2;
  background: #303030;
  padding: 0; }

.strix .representative-example.component-background-color-inverse .prop ::placeholder, body.strix .representative-example.component-background-color-inverse .prop ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .representative-example.component-background-color-inverse .prop :-ms-input-placeholder, body.strix .representative-example.component-background-color-inverse .prop :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .representative-example.component-background-color-inverse .prop ::-ms-input-placeholder, body.strix .representative-example.component-background-color-inverse .prop ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .representative-example.component-background-color-inverse .prop .form-field .dk_toggle, .strix .representative-example.component-background-color-inverse .prop .form-field input[type=email], .strix .representative-example.component-background-color-inverse .prop .form-field input[type=number], .strix .representative-example.component-background-color-inverse .prop .form-field input[type=password], .strix .representative-example.component-background-color-inverse .prop .form-field input[type=tel], .strix .representative-example.component-background-color-inverse .prop .form-field input[type=text], .strix .representative-example.component-background-color-inverse .prop .form-field textarea, body.strix .representative-example.component-background-color-inverse .prop .form-field .dk_toggle, body.strix .representative-example.component-background-color-inverse .prop .form-field input[type=email], body.strix .representative-example.component-background-color-inverse .prop .form-field input[type=number], body.strix .representative-example.component-background-color-inverse .prop .form-field input[type=password], body.strix .representative-example.component-background-color-inverse .prop .form-field input[type=tel], body.strix .representative-example.component-background-color-inverse .prop .form-field input[type=text], body.strix .representative-example.component-background-color-inverse .prop .form-field textarea {
  background: #f5f5f5; }

.strix .representative-example.component-background-color-inverse .prop .form-field .form-checkbox-wrapper label:before, .strix .representative-example.component-background-color-inverse .prop .form-field .form-radio-wrapper label:before, body.strix .representative-example.component-background-color-inverse .prop .form-field .form-checkbox-wrapper label:before, body.strix .representative-example.component-background-color-inverse .prop .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .representative-example.component-background-color-inverse .prop .form-field .form-checkbox-wrapper input:checked + label:before, .strix .representative-example.component-background-color-inverse .prop .form-field .form-radio-wrapper input:checked + label:before, body.strix .representative-example.component-background-color-inverse .prop .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .representative-example.component-background-color-inverse .prop .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .representative-example.component-background-color-inverse .prop .form-field input[type=radio]:checked + label:before, body.strix .representative-example.component-background-color-inverse .prop .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .representative-example.component-background-color-inverse .prop .form-field.with-calling-code .dk_container .dk_toggle, body.strix .representative-example.component-background-color-inverse .prop .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .representative-example.component-background-color-inverse .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .representative-example.component-background-color-inverse .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .representative-example.component-background-color-inverse .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .representative-example.component-background-color-inverse .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .representative-example.component-background-color-inverse .prop a, body.strix .representative-example.component-background-color-inverse .prop a {
  color: #e2e2e2; }

.strix .representative-example.component-background-color-inverse .prop h1, .strix .representative-example.component-background-color-inverse .prop h2, .strix .representative-example.component-background-color-inverse .prop h3, .strix .representative-example.component-background-color-inverse .prop h4, .strix .representative-example.component-background-color-inverse .prop h5, .strix .representative-example.component-background-color-inverse .prop h6, body.strix .representative-example.component-background-color-inverse .prop h1, body.strix .representative-example.component-background-color-inverse .prop h2, body.strix .representative-example.component-background-color-inverse .prop h3, body.strix .representative-example.component-background-color-inverse .prop h4, body.strix .representative-example.component-background-color-inverse .prop h5, body.strix .representative-example.component-background-color-inverse .prop h6 {
  color: #fff; }

.strix .representative-example.component-background-color-inverse .prop h1 a, .strix .representative-example.component-background-color-inverse .prop h2 a, .strix .representative-example.component-background-color-inverse .prop h3 a, .strix .representative-example.component-background-color-inverse .prop h4 a, .strix .representative-example.component-background-color-inverse .prop h5 a, .strix .representative-example.component-background-color-inverse .prop h6 a, body.strix .representative-example.component-background-color-inverse .prop h1 a, body.strix .representative-example.component-background-color-inverse .prop h2 a, body.strix .representative-example.component-background-color-inverse .prop h3 a, body.strix .representative-example.component-background-color-inverse .prop h4 a, body.strix .representative-example.component-background-color-inverse .prop h5 a, body.strix .representative-example.component-background-color-inverse .prop h6 a {
  color: #fff; }

.strix .representative-example.component-background-color-inverse .prop .highlight-text-primary, .strix .representative-example.component-background-color-inverse .prop .highlight-text-primary a, body.strix .representative-example.component-background-color-inverse .prop .highlight-text-primary, body.strix .representative-example.component-background-color-inverse .prop .highlight-text-primary a {
  color: #fedf00; }

.strix .representative-example.component-background-color-inverse .prop .form-field.input-with-icon .strix-icon, body.strix .representative-example.component-background-color-inverse .prop .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .representative-example.component-background-color-style2 .prop, body.strix .representative-example.component-background-color-style2 .prop {
  background: #000;
  color: #e2e2e2;
  background: #303030;
  padding: 0; }

.strix .representative-example.component-background-color-style2 .prop ::placeholder, body.strix .representative-example.component-background-color-style2 .prop ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .representative-example.component-background-color-style2 .prop :-ms-input-placeholder, body.strix .representative-example.component-background-color-style2 .prop :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .representative-example.component-background-color-style2 .prop ::-ms-input-placeholder, body.strix .representative-example.component-background-color-style2 .prop ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .representative-example.component-background-color-style2 .prop .form-field .dk_toggle, .strix .representative-example.component-background-color-style2 .prop .form-field input[type=email], .strix .representative-example.component-background-color-style2 .prop .form-field input[type=number], .strix .representative-example.component-background-color-style2 .prop .form-field input[type=password], .strix .representative-example.component-background-color-style2 .prop .form-field input[type=tel], .strix .representative-example.component-background-color-style2 .prop .form-field input[type=text], .strix .representative-example.component-background-color-style2 .prop .form-field textarea, body.strix .representative-example.component-background-color-style2 .prop .form-field .dk_toggle, body.strix .representative-example.component-background-color-style2 .prop .form-field input[type=email], body.strix .representative-example.component-background-color-style2 .prop .form-field input[type=number], body.strix .representative-example.component-background-color-style2 .prop .form-field input[type=password], body.strix .representative-example.component-background-color-style2 .prop .form-field input[type=tel], body.strix .representative-example.component-background-color-style2 .prop .form-field input[type=text], body.strix .representative-example.component-background-color-style2 .prop .form-field textarea {
  background: #f5f5f5; }

.strix .representative-example.component-background-color-style2 .prop .form-field .form-checkbox-wrapper label:before, .strix .representative-example.component-background-color-style2 .prop .form-field .form-radio-wrapper label:before, body.strix .representative-example.component-background-color-style2 .prop .form-field .form-checkbox-wrapper label:before, body.strix .representative-example.component-background-color-style2 .prop .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .representative-example.component-background-color-style2 .prop .form-field .form-checkbox-wrapper input:checked + label:before, .strix .representative-example.component-background-color-style2 .prop .form-field .form-radio-wrapper input:checked + label:before, body.strix .representative-example.component-background-color-style2 .prop .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .representative-example.component-background-color-style2 .prop .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .representative-example.component-background-color-style2 .prop .form-field input[type=radio]:checked + label:before, body.strix .representative-example.component-background-color-style2 .prop .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .representative-example.component-background-color-style2 .prop .form-field.with-calling-code .dk_container .dk_toggle, body.strix .representative-example.component-background-color-style2 .prop .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .representative-example.component-background-color-style2 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .representative-example.component-background-color-style2 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .representative-example.component-background-color-style2 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .representative-example.component-background-color-style2 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .representative-example.component-background-color-style2 .prop a, body.strix .representative-example.component-background-color-style2 .prop a {
  color: #e2e2e2; }

.strix .representative-example.component-background-color-style2 .prop h1, .strix .representative-example.component-background-color-style2 .prop h2, .strix .representative-example.component-background-color-style2 .prop h3, .strix .representative-example.component-background-color-style2 .prop h4, .strix .representative-example.component-background-color-style2 .prop h5, .strix .representative-example.component-background-color-style2 .prop h6, body.strix .representative-example.component-background-color-style2 .prop h1, body.strix .representative-example.component-background-color-style2 .prop h2, body.strix .representative-example.component-background-color-style2 .prop h3, body.strix .representative-example.component-background-color-style2 .prop h4, body.strix .representative-example.component-background-color-style2 .prop h5, body.strix .representative-example.component-background-color-style2 .prop h6 {
  color: #fff; }

.strix .representative-example.component-background-color-style2 .prop h1 a, .strix .representative-example.component-background-color-style2 .prop h2 a, .strix .representative-example.component-background-color-style2 .prop h3 a, .strix .representative-example.component-background-color-style2 .prop h4 a, .strix .representative-example.component-background-color-style2 .prop h5 a, .strix .representative-example.component-background-color-style2 .prop h6 a, body.strix .representative-example.component-background-color-style2 .prop h1 a, body.strix .representative-example.component-background-color-style2 .prop h2 a, body.strix .representative-example.component-background-color-style2 .prop h3 a, body.strix .representative-example.component-background-color-style2 .prop h4 a, body.strix .representative-example.component-background-color-style2 .prop h5 a, body.strix .representative-example.component-background-color-style2 .prop h6 a {
  color: #fff; }

.strix .representative-example.component-background-color-style2 .prop .highlight-text-primary, .strix .representative-example.component-background-color-style2 .prop .highlight-text-primary a, body.strix .representative-example.component-background-color-style2 .prop .highlight-text-primary, body.strix .representative-example.component-background-color-style2 .prop .highlight-text-primary a {
  color: #fedf00; }

.strix .representative-example.component-background-color-style2 .prop .form-field.input-with-icon .strix-icon, body.strix .representative-example.component-background-color-style2 .prop .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .representative-example.component-background-color-style2 .prop .highlight-text-primary, body.strix .representative-example.component-background-color-style2 .prop .highlight-text-primary {
  color: #fff30a; }

@media (max-width: 639px) {
  .strix .representative-example.component-background-color-style2 .prop, body.strix .representative-example.component-background-color-style2 .prop {
    background: 0 0; } }
.strix .representative-example.component-background-color-style2 .total-prop, body.strix .representative-example.component-background-color-style2 .total-prop {
  background: 0 0; }

.strix .representative-example.component-background-color-style2 p, body.strix .representative-example.component-background-color-style2 p {
  color: #dbdcdc; }

.strix .main-heading-area, body.strix .main-heading-area {
  padding: 20px 0 50px 0;
  text-align: center; }

.strix .main-heading-area .perex, body.strix .main-heading-area .perex {
  font-size: 22px;
  line-height: 30px;
  font-weight: 100;
  max-width: 80%;
  margin: 0 auto 30px; }

.strix .main-heading-area .buttons .btn, body.strix .main-heading-area .buttons .btn {
  margin: 0 8px;
  font-size: 16px;
  padding: 20px 88px 19px 40px; }

.strix .main-heading-area .buttons .btn .strix-icon, body.strix .main-heading-area .buttons .btn .strix-icon {
  top: 14px !important; }

.strix ._2-content-boxes, body.strix ._2-content-boxes {
  position: relative; }

.strix ._2-content-boxes:after, .strix ._2-content-boxes:before, body.strix ._2-content-boxes:after, body.strix ._2-content-boxes:before {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 30px;
  top: 0;
  width: calc(50% - 30px);
  background: #fff;
  z-index: -1; }

.strix ._2-content-boxes:before, body.strix ._2-content-boxes:before {
  right: auto;
  left: 15px; }

@media (max-width: 639px) {
  .strix ._2-content-boxes:after, .strix ._2-content-boxes:before, body.strix ._2-content-boxes:after, body.strix ._2-content-boxes:before {
    display: none; } }
.strix .content-box, body.strix .content-box {
  background: #fff;
  padding: 20px 0 60px;
  position: relative;
  min-height: 100px;
  margin-bottom: 30px; }

.strix .content-box:before, body.strix .content-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  height: 8px;
  background: #fff30a; }

.strix .content-box .container, body.strix .content-box .container {
  width: auto;
  padding: 0 60px; }

.strix .arrows, body.strix .arrows {
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 20px; }

.strix .arrows .inner, body.strix .arrows .inner {
  width: 50%;
  display: inline-block;
  background: #999;
  height: 4px;
  position: relative; }

.strix .arrows .arrow-left, .strix .arrows .arrow-right, body.strix .arrows .arrow-left, body.strix .arrows .arrow-right {
  position: absolute;
  top: 4px;
  left: 0;
  width: 4px;
  height: 20px;
  background: #999; }

.strix .arrows .arrow-left:after, .strix .arrows .arrow-right:after, body.strix .arrows .arrow-left:after, body.strix .arrows .arrow-right:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -6px;
  border-right: #999 4px solid;
  border-bottom: #999 4px solid;
  width: 12px;
  height: 12px;
  transform: rotate(45deg); }

.strix .arrows .arrow-right, body.strix .arrows .arrow-right {
  left: auto;
  right: 0; }

.strix .advisor-guide-context-menu, body.strix .advisor-guide-context-menu {
  margin: 30px 0 0;
  line-height: 26px;
  text-align: right; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .advisor-guide-context-menu, body.strix .advisor-guide-context-menu {
    margin-top: 90px; } }
.strix .advisor-guide-context-menu ul, body.strix .advisor-guide-context-menu ul {
  margin: 0;
  padding: 0; }

.strix .advisor-guide-context-menu li, body.strix .advisor-guide-context-menu li {
  list-style: none;
  display: inline-block;
  margin-left: 8px; }

.strix .advisor-guide-context-menu a, body.strix .advisor-guide-context-menu a {
  color: #4c8;
  padding: 0 8px 0 0; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .advisor-guide-context-menu a, body.strix .advisor-guide-context-menu a {
    padding: 0 0 0 8px; } }
.strix .advisor-guide-context-menu .icon, body.strix .advisor-guide-context-menu .icon {
  display: inline-block;
  margin-right: 5px; }

.strix.popup-wrapper, body.strix.popup-wrapper {
  padding-top: 0;
  padding-bottom: 40px; }

.strix.popup-wrapper .breadcrumbs.popup-breadcrumb, body.strix.popup-wrapper .breadcrumbs.popup-breadcrumb {
  margin: 0;
  padding: 30px 0;
  display: block; }

.strix.popup-wrapper .advisor-guide-context-menu, .strix.popup-wrapper .breadcrumbs, .strix.popup-wrapper .footer-row, .strix.popup-wrapper .top-section, body.strix.popup-wrapper .advisor-guide-context-menu, body.strix.popup-wrapper .breadcrumbs, body.strix.popup-wrapper .footer-row, body.strix.popup-wrapper .top-section {
  display: none; }

.strix .risk-ruler, body.strix .risk-ruler {
  text-align: center;
  padding-bottom: 100px; }

.strix .risk-ruler .heading, body.strix .risk-ruler .heading {
  font-family: Futura,"Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px; }

.strix .risk-ruler .label-left, .strix .risk-ruler .label-right, body.strix .risk-ruler .label-left, body.strix .risk-ruler .label-right {
  height: 36px;
  font-size: 14px;
  line-height: 18px;
  color: #6c6c6c; }

.strix .risk-ruler .label-left, body.strix .risk-ruler .label-left {
  float: left; }

.strix .risk-ruler .label-right, body.strix .risk-ruler .label-right {
  float: right; }

.strix .risk-ruler .ruler-risk, body.strix .risk-ruler .ruler-risk {
  margin-top: 14px;
  width: 100%; }

.strix .risk-ruler .ruler-risk td, body.strix .risk-ruler .ruler-risk td {
  border: 0;
  background: #e2e2e2;
  height: 40px;
  line-height: 40px;
  padding: 0;
  vertical-align: middle; }

.strix .risk-ruler .ruler-risk td .inner-wrapper, body.strix .risk-ruler .ruler-risk td .inner-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10; }

.strix .risk-ruler .ruler-risk td .inner-wrapper.active, body.strix .risk-ruler .ruler-risk td .inner-wrapper.active {
  background: #fff30a; }

.strix .risk-ruler .ruler-risk td .inner-wrapper.active:before, body.strix .risk-ruler .ruler-risk td .inner-wrapper.active:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  bottom: -10px;
  background: #fff30a;
  z-index: -1; }

.strix .recommended-investment-horizon, body.strix .recommended-investment-horizon {
  text-align: center;
  padding-bottom: 100px; }

.strix .recommended-investment-horizon .heading, body.strix .recommended-investment-horizon .heading {
  font-family: Futura,"Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px; }

.strix .recommended-investment-horizon .label-left, .strix .recommended-investment-horizon .label-right, body.strix .recommended-investment-horizon .label-left, body.strix .recommended-investment-horizon .label-right {
  font-size: 14px;
  line-height: 18px;
  color: #6c6c6c; }

.strix .recommended-investment-horizon .label-left, body.strix .recommended-investment-horizon .label-left {
  float: left; }

.strix .recommended-investment-horizon .label-right, body.strix .recommended-investment-horizon .label-right {
  float: right; }

.strix .recommended-investment-horizon .ruler-horizon, body.strix .recommended-investment-horizon .ruler-horizon {
  padding: 0;
  margin-top: 80px;
  margin-bottom: 0;
  width: 100%;
  table-layout: fixed; }

.strix .recommended-investment-horizon .ruler-horizon td, body.strix .recommended-investment-horizon .ruler-horizon td {
  background: #e2e2e2;
  border-color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0; }

.strix .recommended-investment-horizon .ruler-horizon td .inner-wrapper, body.strix .recommended-investment-horizon .ruler-horizon td .inner-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10; }

.strix .recommended-investment-horizon .ruler-horizon td .inner-wrapper.active, body.strix .recommended-investment-horizon .ruler-horizon td .inner-wrapper.active {
  background: #fff30a; }

.strix .recommended-investment-horizon .ruler-horizon td .inner-wrapper.semi-active:before, body.strix .recommended-investment-horizon .ruler-horizon td .inner-wrapper.semi-active:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #fff30a; }

.strix .recommended-investment-horizon .ruler-horizon li, body.strix .recommended-investment-horizon .ruler-horizon li {
  list-style: none;
  display: block;
  float: left;
  background: #e2e2e2;
  width: calc(100% / 13 - 1px);
  height: 40px;
  line-height: 40px;
  margin-left: 1px;
  text-align: center;
  position: relative; }

.strix .recommended-investment-horizon .ruler-horizon li.active, body.strix .recommended-investment-horizon .ruler-horizon li.active {
  background: #fff30a; }

.strix .recommended-investment-horizon .ruler-horizon li.semi-active:before, body.strix .recommended-investment-horizon .ruler-horizon li.semi-active:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #fff30a; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper ::placeholder, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field textarea, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .highlight-text-primary, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper.background-color-after, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper.background-color-after:after, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper a, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper a {
    color: #333; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h1, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h2, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h3, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h4, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h5, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h6, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h1, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h2, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h3, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h4, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h5, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h6 {
    color: #000; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h1 a, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h2 a, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h3 a, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h4 a, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h5 a, .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h6 a, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h1 a, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h2 a, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h3 a, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h4 a, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h5 a, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper h6 a {
    color: #000; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper hr, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon, body.strix .wysiwyg.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper ::placeholder, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field textarea, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper a, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper a {
    color: #e2e2e2; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h1, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h2, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h3, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h4, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h5, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h6, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h1, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h2, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h3, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h4, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h5, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h6 {
    color: #fff; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h1 a, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h2 a, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h3 a, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h4 a, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h5 a, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h6 a, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h1 a, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h2 a, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h3 a, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h4 a, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h5 a, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .wysiwyg.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper ::placeholder, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field textarea, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper.background-color-after, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper input[type=text], .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper textarea, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper input[type=text], body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper textarea {
    background: #fff; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon, body.strix .wysiwyg.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper ::placeholder, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field textarea, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper a, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper a {
    color: #f5f5f5; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h1, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h2, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h3, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h4, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h5, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h6, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h1, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h2, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h3, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h4, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h5, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h6 {
    color: #fff; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h1 a, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h2 a, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h3 a, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h4 a, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h5 a, .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h6 a, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h1 a, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h2 a, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h3 a, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h4 a, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h5 a, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .btn.primary, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .btn.primary {
    color: #000; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .wysiwyg.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-], body.strix .wysiwyg[class*=top-component-background-color-] {
    position: relative;
    background: 0 0;
    z-index: 1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper a {
    color: #333; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 {
    color: #000; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a {
    color: #000; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a {
    color: #e2e2e2; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 {
    color: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a {
    color: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea {
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a {
    color: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 {
    color: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a {
    color: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary {
    color: #000; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .wysiwyg[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default {
    background: #fff;
    color: #333; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea {
    background: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a {
    color: #333; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 {
    color: #000; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a {
    color: #000; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr {
    border-color: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse {
    background: #000;
    color: #e2e2e2; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea {
    background: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a {
    color: #e2e2e2; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 {
    color: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a {
    color: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a {
    color: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 {
    background: #f5f5f5;
    color: #333; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea {
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a {
    color: #f5f5f5; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 {
    color: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a {
    color: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary {
    color: #000; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text] {
    background: #fff; }

  .strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon, body.strix .wysiwyg[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .wysiwyg[class*=top-component-background-color-] .inner-wrapper, body.strix .wysiwyg[class*=top-component-background-color-] .inner-wrapper {
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); }

  .strix .wysiwyg[class*=top-component-background-color-] .inner-wrapper:before, body.strix .wysiwyg[class*=top-component-background-color-] .inner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fedf00;
    width: 100px;
    height: 5px;
    z-index: 20; }

  .strix .wysiwyg[class*=top-component-background-color-]:after, .strix .wysiwyg[class*=top-component-background-color-]:before, body.strix .wysiwyg[class*=top-component-background-color-]:after, body.strix .wysiwyg[class*=top-component-background-color-]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1; }

  .strix .wysiwyg[class*=top-component-background-color-]:before, body.strix .wysiwyg[class*=top-component-background-color-]:before {
    top: 0;
    bottom: 50%; }

  .strix .wysiwyg[class*=top-component-background-color-].background-same-as-previous:before, body.strix .wysiwyg[class*=top-component-background-color-].background-same-as-previous:before {
    bottom: calc(50% + 50px); }

  .strix .wysiwyg[class*=bottom-component-background-color-]:after, body.strix .wysiwyg[class*=bottom-component-background-color-]:after {
    top: 50%;
    bottom: 0; }

  .strix .wysiwyg[class*=bottom-component-background-color-].background-same-as-previous:after, body.strix .wysiwyg[class*=bottom-component-background-color-].background-same-as-previous:after {
    top: calc(50% - 50px); } }
.strix .header, body.strix .header {
  background: #fff;
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 250;
  font-family: "Proxima N",Arial,sans-serif;
  padding: 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); }

.strix .header ::placeholder, body.strix .header ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .header :-ms-input-placeholder, body.strix .header :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .header ::-ms-input-placeholder, body.strix .header ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .header .form-field .dk_toggle, .strix .header .form-field input[type=email], .strix .header .form-field input[type=number], .strix .header .form-field input[type=password], .strix .header .form-field input[type=tel], .strix .header .form-field input[type=text], .strix .header .form-field textarea, body.strix .header .form-field .dk_toggle, body.strix .header .form-field input[type=email], body.strix .header .form-field input[type=number], body.strix .header .form-field input[type=password], body.strix .header .form-field input[type=tel], body.strix .header .form-field input[type=text], body.strix .header .form-field textarea {
  background: #f5f5f5; }

.strix .header .form-field .form-checkbox-wrapper label:before, .strix .header .form-field .form-radio-wrapper label:before, body.strix .header .form-field .form-checkbox-wrapper label:before, body.strix .header .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .header .form-field .form-checkbox-wrapper input:checked + label:before, .strix .header .form-field .form-radio-wrapper input:checked + label:before, body.strix .header .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .header .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .header .form-field input[type=radio]:checked + label:before, body.strix .header .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .header .form-field.with-calling-code .dk_container .dk_toggle, body.strix .header .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .header .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .header .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .header .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .header .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .header .highlight-text-primary, body.strix .header .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .header.background-color-after, body.strix .header.background-color-after {
  position: relative;
  z-index: 1; }

.strix .header.background-color-after:after, body.strix .header.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .header a, body.strix .header a {
  color: #333; }

.strix .header h1, .strix .header h2, .strix .header h3, .strix .header h4, .strix .header h5, .strix .header h6, body.strix .header h1, body.strix .header h2, body.strix .header h3, body.strix .header h4, body.strix .header h5, body.strix .header h6 {
  color: #000; }

.strix .header h1 a, .strix .header h2 a, .strix .header h3 a, .strix .header h4 a, .strix .header h5 a, .strix .header h6 a, body.strix .header h1 a, body.strix .header h2 a, body.strix .header h3 a, body.strix .header h4 a, body.strix .header h5 a, body.strix .header h6 a {
  color: #000; }

.strix .header hr, body.strix .header hr {
  border-color: #f5f5f5; }

.strix .header .form-field.input-with-icon .strix-icon, body.strix .header .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .header .form-field .hint-icon, body.strix .header .form-field .hint-icon {
  color: #4d4f53; }

.strix .header a, body.strix .header a {
  color: #4d4f53; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .header, body.strix .header {
    height: 100px; } }
@media (max-width: 639px) {
  .strix .header, body.strix .header {
    height: 55px; } }
.strix .header *, body.strix .header * {
  font-family: "Proxima N",Arial,sans-serif; }

.strix .header .wrapper, body.strix .header .wrapper {
  height: 55px; }

.strix .header .segment-navigation, body.strix .header .segment-navigation {
  float: left; }

.strix .header .segment-navigation-row, body.strix .header .segment-navigation-row {
  white-space: nowrap;
  max-height: 28px;
  padding-right: 10px; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .header .segment-navigation-row, body.strix .header .segment-navigation-row {
    max-height: 35px; } }
.strix .header .segment-navigation-row .phone-call-center, body.strix .header .segment-navigation-row .phone-call-center {
  display: none !important; }

.strix .header .segment-navigation-row .portlet-dropzone, body.strix .header .segment-navigation-row .portlet-dropzone {
  display: inline-block; }

.strix .header .segment-navigation-row .portlet-boundary, body.strix .header .segment-navigation-row .portlet-boundary {
  float: right; }

.strix .header .segment-navigation-row #layout-column_main-navigation-row > div, body.strix .header .segment-navigation-row #layout-column_main-navigation-row > div {
  float: left; }

.strix .header .segment-navigation-row .float-right > div, body.strix .header .segment-navigation-row .float-right > div {
  float: left; }

.strix .header .wrapper, body.strix .header .wrapper {
  float: left;
  width: calc(100% - 240px); }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .wrapper, body.strix .header .wrapper {
    width: calc(100% - 160px); } }
@media (max-width: 639px) {
  .strix .header .wrapper, body.strix .header .wrapper {
    width: calc(100% - 55px); } }
.strix .header .wrapper #layout-column_main-navigation-row > div:nth-of-type(2), body.strix .header .wrapper #layout-column_main-navigation-row > div:nth-of-type(2) {
  width: 100%; }

@media (max-width: 639px) {
  .strix .header .wrapper #layout-column_main-navigation-row > div:nth-of-type(2), body.strix .header .wrapper #layout-column_main-navigation-row > div:nth-of-type(2) {
    width: calc(100% - 55px); } }
.strix .header .branches-header, .strix .header .scroll-top, .strix .header .search-small, body.strix .header .branches-header, body.strix .header .scroll-top, body.strix .header .search-small {
  display: inline-block;
  vertical-align: top; }

.strix .header .branches-header, body.strix .header .branches-header {
  margin: 0 20px; }

.strix .header .branches-header span.icon, body.strix .header .branches-header span.icon {
  display: inline-block;
  margin-right: 6px; }

.strix .header .scroll-top, body.strix .header .scroll-top {
  display: none; }

.strix .header .search-small, body.strix .header .search-small {
  margin: 0 40px;
  font-size: 24px;
  cursor: pointer; }

@media (max-width: 639px) {
  .strix .header .search-small, body.strix .header .search-small {
    margin-left: 0;
    display: none; } }
.strix .header .main-nav-outer .branches-header, body.strix .header .main-nav-outer .branches-header {
  display: none; }

.strix .header .phone-call-center, body.strix .header .phone-call-center {
  display: none !important; }

.strix .header .segment-navigation-row, body.strix .header .segment-navigation-row {
  background: inherit;
  color: inherit; }

.strix .header .segment-navigation-row li.active a, body.strix .header .segment-navigation-row li.active a {
  color: #000;
  font-weight: 700; }

.strix .header .icon, body.strix .header .icon {
  display: inline-block; }

.strix .header .login, .strix .header .phone-call-center, .strix .header .search, .strix .header .wrapper, .strix .header li, .strix .header ul, body.strix .header .login, body.strix .header .phone-call-center, body.strix .header .search, body.strix .header .wrapper, body.strix .header li, body.strix .header ul {
  display: inline-block;
  padding: 0;
  vertical-align: top;
  margin: 0; }

.strix .header .login, body.strix .header .login {
  right: 10px;
  background: 0 0;
  height: 50px;
  top: 8px; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .login, body.strix .header .login {
    right: 5px; } }
@media (max-width: 639px) {
  .strix .header .login, body.strix .header .login {
    height: 55px;
    line-height: 55px;
    top: 0;
    right: 0; } }
.strix .header .login > a, body.strix .header .login > a {
  border-radius: 2px;
  height: 50px;
  line-height: 50px; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .login > a, body.strix .header .login > a {
    width: 40px;
    height: 40px;
    line-height: 40px; } }
@media (max-width: 639px) {
  .strix .header .login > a, body.strix .header .login > a {
    height: 55px;
    line-height: 55px;
    border-radius: 0; } }
.strix .header .float-right, body.strix .header .float-right {
  float: right; }

.strix .header a, body.strix .header a {
  text-decoration: none; }

.strix .header .main-nav-outer, body.strix .header .main-nav-outer {
  padding-left: 35px;
  height: 65px;
  line-height: 65px;
  font-size: 15px;
  clear: both;
  position: relative;
  background: 0 0; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav-outer .phone-call-center, body.strix .header .main-nav-outer .phone-call-center {
    margin-right: 30px; } }
@media (max-width: 1149px) {
  .strix .header .main-nav-outer .float-right .phone-call-center, body.strix .header .main-nav-outer .float-right .phone-call-center {
    display: none !important; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav-outer, body.strix .header .main-nav-outer {
    padding-left: 14px;
    height: 52px;
    line-height: 52px; } }
@media (max-width: 639px) {
  .strix .header .main-nav-outer, body.strix .header .main-nav-outer {
    height: 55px;
    line-height: 55px;
    padding: 0;
    font-size: 18px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .login-element, body.strix .header .login-element {
    width: 206px; } }
@media (min-width: 1440px) {
  .strix .header .login-element, body.strix .header .login-element {
    width: 238px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .login-element, body.strix .header .login-element {
    width: 55px; } }
@media (max-width: 639px) {
  .strix .header .login-element, body.strix .header .login-element {
    width: 55px; }

  .strix .header .login-element:before, body.strix .header .login-element:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 55px; } }
@media (max-width: 639px) {
  .strix .header .login-element .login > .btn, body.strix .header .login-element .login > .btn {
    width: 55px; } }
.strix .header .language-selection, body.strix .header .language-selection {
  display: inline-block;
  width: 64px;
  position: relative;
  z-index: 200;
  margin-left: 10px;
  margin-right: -10px; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .header .language-selection a:hover, body.strix .header .language-selection a:hover {
    color: #fedf00 !important; } }
@media (max-width: 639px) {
  .strix .header .language-selection, body.strix .header .language-selection {
    margin: 0; } }
.strix .header .language-selection .label, body.strix .header .language-selection .label {
  padding-right: 0; }

.strix .header .language-selection .dropdown-menu, body.strix .header .language-selection .dropdown-menu {
  width: 64px; }

@media (max-width: 639px) {
  .strix .header .dropdown-wrapper .label, .strix .header .dropdown-wrapper a, body.strix .header .dropdown-wrapper .label, body.strix .header .dropdown-wrapper a {
    background: #4d4f53 !important;
    color: #f5f5f5; } }
.strix .header .main-nav > li, body.strix .header .main-nav > li {
  position: relative; }

.strix .header .main-nav > li.active:hover > a:after, .strix .header .main-nav > li.active > a:after, .strix .header .main-nav > li:hover > a:after, body.strix .header .main-nav > li.active:hover > a:after, body.strix .header .main-nav > li.active > a:after, body.strix .header .main-nav > li:hover > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #fff30a; }

.strix .header .main-nav > li.active > a, body.strix .header .main-nav > li.active > a {
  color: #000;
  font-weight: 700; }

.strix .header .main-nav > li.dropdown > a, body.strix .header .main-nav > li.dropdown > a {
  padding-right: 20px; }

.strix .header .main-nav > li.dropdown > a:before, body.strix .header .main-nav > li.dropdown > a:before {
  font-family: rb-icons;
  content: "\e649";
  position: absolute;
  right: 2px; }

@media (max-width: 639px) {
  .strix .header .main-nav > li.dropdown > a:before, body.strix .header .main-nav > li.dropdown > a:before {
    display: none; } }
.strix .header .main-nav > li > a, body.strix .header .main-nav > li > a {
  display: block;
  height: 100%;
  padding: 0 15px;
  font-size: 15px;
  position: relative;
  color: #4d4f53;
  font-weight: 600; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li > a, body.strix .header .main-nav > li > a {
    font-size: 12px; } }
@media (max-width: 639px) {
  .strix .header .main-nav > li > a, body.strix .header .main-nav > li > a {
    color: #000; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .main-nav > li.hovered .mega-menu, .strix .header .main-nav > li:hover .mega-menu, body.strix .header .main-nav > li.hovered .mega-menu, body.strix .header .main-nav > li:hover .mega-menu {
    visibility: visible;
    opacity: 1; } }
.strix .header .main-nav > li.eater .mega-menu, body.strix .header .main-nav > li.eater .mega-menu {
  display: none; }

.strix .header .main-nav > li .mega-menu, body.strix .header .main-nav > li .mega-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: 50px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  left: -15px;
  background: #fff;
  z-index: 10;
  transition: opacity .3s;
  display: inline-block;
  white-space: nowrap;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu, body.strix .header .main-nav > li .mega-menu {
    display: none; } }
.strix .header .main-nav > li .mega-menu.center, body.strix .header .main-nav > li .mega-menu.center {
  left: 50%;
  transform: translateX(-50%); }

.strix .header .main-nav > li .mega-menu.right, body.strix .header .main-nav > li .mega-menu.right {
  right: 0;
  left: auto; }

.strix .header .main-nav > li .mega-menu .mega-menu-item, body.strix .header .main-nav > li .mega-menu .mega-menu-item {
  display: inline-block;
  width: 250px;
  white-space: normal;
  vertical-align: top;
  margin-left: 15px;
  margin-right: 15px; }

.strix .header .main-nav > li .mega-menu .mega-menu-item .heading a, body.strix .header .main-nav > li .mega-menu .mega-menu-item .heading a {
  text-decoration: underline; }

.strix .header .main-nav > li .mega-menu .mega-menu-item .heading a:hover, body.strix .header .main-nav > li .mega-menu .mega-menu-item .heading a:hover {
  text-decoration: none; }

@media (min-width: 1440px) {
  .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper {
    width: 300px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper {
    width: 240px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper {
    width: 27vw; } }
@media (min-width: 1440px) {
  .strix .header .main-nav > li .mega-menu .image-wrapper, body.strix .header .main-nav > li .mega-menu .image-wrapper {
    width: 435px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .main-nav > li .mega-menu .image-wrapper, body.strix .header .main-nav > li .mega-menu .image-wrapper {
    width: 348px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu .image-wrapper, body.strix .header .main-nav > li .mega-menu .image-wrapper {
    display: none; } }
@media (min-width: 1440px) {
  .strix .header .main-nav > li .mega-menu .links-wrapper, .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width, body.strix .header .main-nav > li .mega-menu .links-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width {
    width: 200px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .main-nav > li .mega-menu .links-wrapper, .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width, body.strix .header .main-nav > li .mega-menu .links-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width {
    width: 160px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu .links-wrapper, .strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width, body.strix .header .main-nav > li .mega-menu .links-wrapper, body.strix .header .main-nav > li .mega-menu .wysiwyg-wrapper.links-wrapper-width {
    width: 18vw; } }
.strix .header .main-nav > li .mega-menu .heading a:hover, .strix .header .main-nav > li .mega-menu li a:hover, body.strix .header .main-nav > li .mega-menu .heading a:hover, body.strix .header .main-nav > li .mega-menu li a:hover {
  text-decoration: underline; }

.strix .header .main-nav > li .mega-menu li, body.strix .header .main-nav > li .mega-menu li {
  padding-bottom: 11px;
  font-family: "Proxima N",Arial,sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  display: block; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu li, body.strix .header .main-nav > li .mega-menu li {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 18px; } }
.strix .header .main-nav > li .mega-menu li a, body.strix .header .main-nav > li .mega-menu li a {
  color: #4d4f53;
  display: block; }

.strix .header .main-nav > li .mega-menu .subnav li, body.strix .header .main-nav > li .mega-menu .subnav li {
  padding-left: 9px;
  position: relative; }

.strix .header .main-nav > li .mega-menu .subnav li:before, body.strix .header .main-nav > li .mega-menu .subnav li:before {
  content: "\e648";
  font-family: rb-icons;
  left: -8px;
  position: absolute; }

.strix .header .main-nav > li .mega-menu .heading, body.strix .header .main-nav > li .mega-menu .heading {
  font-size: 18px;
  line-height: 26px;
  font-family: "Proxima N",Arial,sans-serif;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .header .main-nav > li .mega-menu .heading, body.strix .header .main-nav > li .mega-menu .heading {
    font-size: 16px; } }
.strix .header .main-nav > li .mega-menu .wysiwyg p, body.strix .header .main-nav > li .mega-menu .wysiwyg p {
  font-family: "Proxima N",Arial,sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #4d4f53; }

.strix .header .mobile-nav-wrapper, body.strix .header .mobile-nav-wrapper {
  display: inline-block; }

@media (max-width: 639px) {
  .strix .header .mobile-nav-wrapper, body.strix .header .mobile-nav-wrapper {
    position: absolute;
    top: 55px;
    line-height: 28px;
    right: 0;
    width: calc(100% + 35px);
    height: calc(100vh - 55px);
    overflow-y: auto;
    overflow-x: hidden;
    transition: all .3s;
    display: none; }

  .strix .header .mobile-nav-wrapper.active, .strix .header .mobile-nav-wrapper.active .main-nav, body.strix .header .mobile-nav-wrapper.active, body.strix .header .mobile-nav-wrapper.active .main-nav {
    display: block !important;
    right: 0; }

  .strix .header .mobile-nav-wrapper .label, body.strix .header .mobile-nav-wrapper .label {
    position: relative; }

  .strix .header .mobile-nav-wrapper .icon, body.strix .header .mobile-nav-wrapper .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px; }

  .strix .header .mobile-nav-wrapper li, body.strix .header .mobile-nav-wrapper li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: #f5f5f5; }

  .strix .header .mobile-nav-wrapper li:last-of-type, body.strix .header .mobile-nav-wrapper li:last-of-type {
    border: none; }

  .strix .header .mobile-nav-wrapper li a, body.strix .header .mobile-nav-wrapper li a {
    padding: 19px 40px; }

  .strix .header .mobile-nav-wrapper li a:after, body.strix .header .mobile-nav-wrapper li a:after {
    display: none; }

  .strix .header .mobile-nav-wrapper .mega-menu, body.strix .header .mobile-nav-wrapper .mega-menu {
    display: none !important; }

  .strix .header .mobile-nav-wrapper .collapse .icon:before, body.strix .header .mobile-nav-wrapper .collapse .icon:before {
    transition: all .3s; }

  .strix .header .mobile-nav-wrapper .collapse.expanded .icon:before, body.strix .header .mobile-nav-wrapper .collapse.expanded .icon:before {
    transform: rotate(180deg); }

  .strix .header .mobile-nav-wrapper .language-selection, .strix .header .mobile-nav-wrapper .segment-navigation-mobile, body.strix .header .mobile-nav-wrapper .language-selection, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile {
    display: block;
    width: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); }

  .strix .header .mobile-nav-wrapper .language-selection:last-of-type, .strix .header .mobile-nav-wrapper .segment-navigation-mobile:last-of-type, body.strix .header .mobile-nav-wrapper .language-selection:last-of-type, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile:last-of-type {
    border: none; }

  .strix .header .mobile-nav-wrapper .language-selection .collapsed-content, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content, body.strix .header .mobile-nav-wrapper .language-selection .collapsed-content, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content {
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: all .3s; }

  .strix .header .mobile-nav-wrapper .language-selection .collapsed-content li, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content li, body.strix .header .mobile-nav-wrapper .language-selection .collapsed-content li, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content li {
    width: auto;
    display: block;
    background: #000;
    border-top: 1px solid grey;
    border-bottom: 0; }

  .strix .header .mobile-nav-wrapper .language-selection .collapsed-content a, .strix .header .mobile-nav-wrapper .language-selection .label, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content a, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .label, body.strix .header .mobile-nav-wrapper .language-selection .collapsed-content a, body.strix .header .mobile-nav-wrapper .language-selection .label, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content a, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .label {
    padding: 19px 55px 19px 40px;
    color: #f5f5f5;
    background: #000;
    width: auto;
    display: block; }

  .strix .header .mobile-nav-wrapper .language-selection .collapsed-content a, .strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content a, body.strix .header .mobile-nav-wrapper .language-selection .collapsed-content a, body.strix .header .mobile-nav-wrapper .segment-navigation-mobile .collapsed-content a {
    padding: 19px 40px 19px 65px; } }
.strix .header .main-nav-trigger-mobile, body.strix .header .main-nav-trigger-mobile {
  display: inline-block;
  padding-left: 10px;
  color: #4d4f53;
  position: relative; }

.strix .header .main-nav-trigger-mobile .text, .strix .header .main-nav-trigger-mobile > .icon, body.strix .header .main-nav-trigger-mobile .text, body.strix .header .main-nav-trigger-mobile > .icon {
  vertical-align: top;
  height: 55px;
  line-height: 55px; }

.strix .header .search, body.strix .header .search {
  border: none;
  border-left: 1px solid #f5f5f5;
  background: 0 0;
  padding: 0 10px;
  position: relative;
  height: 35px !important; }

@media (min-width: 1440px) {
  .strix .header .search, body.strix .header .search {
    width: 210px !important; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .header .search, body.strix .header .search {
    width: 180px !important; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header .search, body.strix .header .search {
    width: 52px !important;
    height: 28px !important; } }
.strix .header .search:focus, body.strix .header .search:focus {
  outline: 0; }

.strix .header .phone-call-center, body.strix .header .phone-call-center {
  display: inline-block;
  color: #f5f5f5;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden; }

.strix .header .phone-call-center a, body.strix .header .phone-call-center a {
  color: #f5f5f5; }

.strix .header .phone-call-center .strix-icon, body.strix .header .phone-call-center .strix-icon {
  vertical-align: middle; }

@media (max-width: 380px) {
  .strix .header .phone-call-center, body.strix .header .phone-call-center {
    font-size: 14px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .header .main-nav-outer #layout-column_main-navigation-row > div[class*=phonecallcenter], .strix .header .main-nav-outer .phone-call-center, body.strix .header .main-nav-outer #layout-column_main-navigation-row > div[class*=phonecallcenter], body.strix .header .main-nav-outer .phone-call-center {
    display: none; } }
.strix .header .main-nav-outer .float-right .phone-call-center, body.strix .header .main-nav-outer .float-right .phone-call-center {
  display: inline-block; }

.strix .header .main-nav-outer .float-right .phone-call-center a, body.strix .header .main-nav-outer .float-right .phone-call-center a {
  color: #4d4f53; }

.strix .header .main-nav-trigger-mobile, body.strix .header .main-nav-trigger-mobile {
  width: 110px;
  text-align: center;
  margin: 0;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer; }

.strix .header .main-nav-trigger-mobile a, body.strix .header .main-nav-trigger-mobile a {
  display: block; }

@media (max-width: 639px) {
  .strix .header .main-nav-outer .phone-call-center, body.strix .header .main-nav-outer .phone-call-center {
    width: 100%;
    text-align: center;
    margin: 0;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    display: block; }

  .strix .header .main-nav-outer .phone-call-center a, body.strix .header .main-nav-outer .phone-call-center a {
    display: block;
    color: #000; }

  .strix .header .main-nav-outer .phone-call-center a span, body.strix .header .main-nav-outer .phone-call-center a span {
    padding-left: 21px;
    color: #fff; } }
.strix .header .main-nav-trigger-mobile, body.strix .header .main-nav-trigger-mobile {
  transition: all .3s; }

.strix .header .main-nav-trigger-mobile .icon, body.strix .header .main-nav-trigger-mobile .icon {
  margin-left: 10px; }

.strix .header .main-nav-trigger-mobile .rb-icon-uniE631, body.strix .header .main-nav-trigger-mobile .rb-icon-uniE631 {
  display: none; }

.strix .header .main-nav-trigger-mobile.active .rb-icon-uniE632, body.strix .header .main-nav-trigger-mobile.active .rb-icon-uniE632 {
  display: none; }

.strix .header .main-nav-trigger-mobile.active .rb-icon-uniE631, body.strix .header .main-nav-trigger-mobile.active .rb-icon-uniE631 {
  display: inline-block; }

.strix .header .login.unwrapped > a, body.strix .header .login.unwrapped > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .header #login-window, body.strix .header #login-window {
    top: 50px !important; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .header #login-window, body.strix .header #login-window {
    top: 40px !important; } }
.strix .header #login-window [class*=icon]:before, body.strix .header #login-window [class*=icon]:before {
  font-family: rb-icons !important; }

@media (max-width: 639px) {
  .strix .header.sticky, body.strix .header.sticky {
    position: fixed; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .header.sticky, body.strix .header.sticky {
    position: fixed;
    height: 55px;
    top: 0 !important; }

  .strix .header.sticky #login-window, body.strix .header.sticky #login-window {
    top: 55px;
    left: auto;
    right: 0; }

  .strix .header.sticky .main-nav-outer, body.strix .header.sticky .main-nav-outer {
    height: 55px;
    line-height: 55px; }

  .strix .header.sticky .segment-navigation-row, body.strix .header.sticky .segment-navigation-row {
    display: none; }

  .strix .header.sticky .wrapper, body.strix .header.sticky .wrapper {
    width: calc(100% - 55px) !important; }

  .strix .header.sticky .logo-fwr-01, .strix .header.sticky .logo-rb-01, .strix .header.sticky .logo-rb-02, body.strix .header.sticky .logo-fwr-01, body.strix .header.sticky .logo-rb-01, body.strix .header.sticky .logo-rb-02 {
    display: none; }

  .strix .header.sticky .logo-fwr-02, .strix .header.sticky .logo-rb-03, body.strix .header.sticky .logo-fwr-02, body.strix .header.sticky .logo-rb-03 {
    display: inline-block;
    width: 55px;
    height: 55px; }

  .strix .header.sticky .logo-fwr-02 svg, .strix .header.sticky .logo-rb-03 svg, body.strix .header.sticky .logo-fwr-02 svg, body.strix .header.sticky .logo-rb-03 svg {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important; }

  .strix .header.sticky .branches-header, .strix .header.sticky .scroll-top, .strix .header.sticky .search-small, body.strix .header.sticky .branches-header, body.strix .header.sticky .scroll-top, body.strix .header.sticky .search-small {
    margin: 0 18px; }

  .strix .header.sticky .branches-header .icon, .strix .header.sticky .scroll-top .icon, .strix .header.sticky .search-small .icon, body.strix .header.sticky .branches-header .icon, body.strix .header.sticky .scroll-top .icon, body.strix .header.sticky .search-small .icon {
    font-size: 24px;
    vertical-align: bottom; }

  .strix .header.sticky .branches-header .icon:before, .strix .header.sticky .scroll-top .icon:before, .strix .header.sticky .search-small .icon:before, body.strix .header.sticky .branches-header .icon:before, body.strix .header.sticky .scroll-top .icon:before, body.strix .header.sticky .search-small .icon:before {
    line-height: 55px; }

  .strix .header.sticky .branches-header, body.strix .header.sticky .branches-header {
    display: inline-block; }

  .strix .header.sticky .branches-header .text, body.strix .header.sticky .branches-header .text {
    display: none; }

  .strix .header.sticky .scroll-top, body.strix .header.sticky .scroll-top {
    display: inline-block;
    opacity: .8; }

  .strix .header.sticky .scroll-top .text, body.strix .header.sticky .scroll-top .text {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px; } }
@media (min-width: 1440px) and (max-width: 639px), (min-width: 1000px) and (max-width: 1439px) and (max-width: 639px), (min-width: 640px) and (max-width: 999px) and (max-width: 639px) {
  .strix .header.sticky .search-small, body.strix .header.sticky .search-small {
    margin-right: 30px; }

  .strix .header.sticky .branches-header, .strix .header.sticky .scroll-top, .strix .header.sticky .search-small, body.strix .header.sticky .branches-header, body.strix .header.sticky .scroll-top, body.strix .header.sticky .search-small {
    display: none; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .header.sticky .login-element, body.strix .header.sticky .login-element {
    width: 55px; }

  .strix .header.sticky .login, body.strix .header.sticky .login {
    right: 0;
    top: 0;
    width: 55px !important;
    height: 55px; }

  .strix .header.sticky .login .text, body.strix .header.sticky .login .text {
    display: none; }

  .strix .header.sticky .login > a, body.strix .header.sticky .login > a {
    border-radius: 0;
    width: 55px !important;
    height: 55px;
    line-height: 55px; }

  .strix .header.sticky .mobile-nav-wrapper, body.strix .header.sticky .mobile-nav-wrapper {
    top: 55px; } }
.strix .header #layout-column_segment-navigation-row, body.strix .header #layout-column_segment-navigation-row {
  float: left; }

.strix .header #layout-column_language-search-row, body.strix .header #layout-column_language-search-row {
  float: left; }

.strix .header #layout-column_language-search-row > div, body.strix .header #layout-column_language-search-row > div {
  display: block;
  float: left; }

.strix .header #layout-column_phone-login-row > div, body.strix .header #layout-column_phone-login-row > div {
  float: left; }

@media (max-width: 639px) {
  .strix .header .wrapper #layout-column_main-navigation-row, body.strix .header .wrapper #layout-column_main-navigation-row {
    width: auto; } }
@media (max-width: 639px) {
  .strix .header .wrapper #layout-column_main-navigation-row > div:nth-of-type(2), body.strix .header .wrapper #layout-column_main-navigation-row > div:nth-of-type(2) {
    float: left;
    margin-left: 0; } }
.strix .component-background-color-default .table td.highlight, .strix .component-background-color-default .table th.highlight, .strix .component-background-color-default .table-compare td.highlight, .strix .component-background-color-default .table-compare th.highlight, body.strix .component-background-color-default .table td.highlight, body.strix .component-background-color-default .table th.highlight, body.strix .component-background-color-default .table-compare td.highlight, body.strix .component-background-color-default .table-compare th.highlight {
  background: #f5f5f5; }

.strix .component-background-color-inverse .table td, .strix .component-background-color-inverse .table th, .strix .component-background-color-inverse .table-compare td, .strix .component-background-color-inverse .table-compare th, body.strix .component-background-color-inverse .table td, body.strix .component-background-color-inverse .table th, body.strix .component-background-color-inverse .table-compare td, body.strix .component-background-color-inverse .table-compare th {
  border-color: #6c6c6c; }

.strix .component-background-color-inverse .table td.highlight, .strix .component-background-color-inverse .table th.highlight, .strix .component-background-color-inverse .table-compare td.highlight, .strix .component-background-color-inverse .table-compare th.highlight, body.strix .component-background-color-inverse .table td.highlight, body.strix .component-background-color-inverse .table th.highlight, body.strix .component-background-color-inverse .table-compare td.highlight, body.strix .component-background-color-inverse .table-compare th.highlight {
  background: #303030; }

.strix .component-background-color-inverse .table td:first-of-type, body.strix .component-background-color-inverse .table td:first-of-type {
  background: 0 0; }

.strix .component-background-color-inverse .table-compare td:first-of-type, body.strix .component-background-color-inverse .table-compare td:first-of-type {
  background: rgba(77, 79, 83, 0.5); }

.strix .component-background-color-style1 .table td.highlight, .strix .component-background-color-style1 .table th.highlight, .strix .component-background-color-style1 .table-compare td.highlight, .strix .component-background-color-style1 .table-compare th.highlight, body.strix .component-background-color-style1 .table td.highlight, body.strix .component-background-color-style1 .table th.highlight, body.strix .component-background-color-style1 .table-compare td.highlight, body.strix .component-background-color-style1 .table-compare th.highlight {
  background: #fff; }

.strix .component-background-color-style2 .table-compare td, .strix .component-background-color-style2 .table-compare th, body.strix .component-background-color-style2 .table-compare td, body.strix .component-background-color-style2 .table-compare th {
  border-color: #6c6c6c; }

.strix .component-background-color-style2 .table-compare td.highlight, .strix .component-background-color-style2 .table-compare th.highlight, body.strix .component-background-color-style2 .table-compare td.highlight, body.strix .component-background-color-style2 .table-compare th.highlight {
  background: #5d5e61; }

.strix .component-background-color-style2 .table-compare tr td:first-of-type, body.strix .component-background-color-style2 .table-compare tr td:first-of-type {
  background: rgba(93, 94, 97, 0.5); }

.strix .component-background-color-style2 .table-compare.with-buttons tr:last-of-type td:first-of-type, body.strix .component-background-color-style2 .table-compare.with-buttons tr:last-of-type td:first-of-type {
  background: 0 0; }

@media (max-width: 639px) {
  .strix .component-background-color-default .table td.highlight, .strix .component-background-color-default .table th.highlight, .strix .component-background-color-default .table-compare td.highlight, .strix .component-background-color-default .table-compare th.highlight, .strix .component-background-color-inverse .table td.highlight, .strix .component-background-color-inverse .table th.highlight, .strix .component-background-color-inverse .table-compare td.highlight, .strix .component-background-color-inverse .table-compare th.highlight, .strix .component-background-color-style1 .table td.highlight, .strix .component-background-color-style1 .table th.highlight, .strix .component-background-color-style1 .table-compare td.highlight, .strix .component-background-color-style1 .table-compare th.highlight, .strix .component-background-color-style2 .table td.highlight, .strix .component-background-color-style2 .table th.highlight, .strix .component-background-color-style2 .table-compare td.highlight, .strix .component-background-color-style2 .table-compare th.highlight, body.strix .component-background-color-default .table td.highlight, body.strix .component-background-color-default .table th.highlight, body.strix .component-background-color-default .table-compare td.highlight, body.strix .component-background-color-default .table-compare th.highlight, body.strix .component-background-color-inverse .table td.highlight, body.strix .component-background-color-inverse .table th.highlight, body.strix .component-background-color-inverse .table-compare td.highlight, body.strix .component-background-color-inverse .table-compare th.highlight, body.strix .component-background-color-style1 .table td.highlight, body.strix .component-background-color-style1 .table th.highlight, body.strix .component-background-color-style1 .table-compare td.highlight, body.strix .component-background-color-style1 .table-compare th.highlight, body.strix .component-background-color-style2 .table td.highlight, body.strix .component-background-color-style2 .table th.highlight, body.strix .component-background-color-style2 .table-compare td.highlight, body.strix .component-background-color-style2 .table-compare th.highlight {
    background: 0 0; } }
.strix .table-compare, body.strix .table-compare {
  margin-bottom: 30px;
  table-layout: fixed; }

.strix .table-compare.no-links th, body.strix .table-compare.no-links th {
  padding: 35px; }

@media (max-width: 639px) {
  .strix .table-compare.no-links th, body.strix .table-compare.no-links th {
    padding: 19px 10px; } }
.strix .table-compare td, .strix .table-compare th, body.strix .table-compare td, body.strix .table-compare th {
  text-align: center;
  padding: 22px 20px;
  position: relative; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-compare td, .strix .table-compare th, body.strix .table-compare td, body.strix .table-compare th {
    padding-left: 14px;
    padding-right: 14px; } }
@media (max-width: 639px) {
  .strix .table-compare td, .strix .table-compare th, body.strix .table-compare td, body.strix .table-compare th {
    display: inline-block;
    vertical-align: top;
    width: 25%; }

  .strix .table-compare td:first-of-type, .strix .table-compare th:first-of-type, body.strix .table-compare td:first-of-type, body.strix .table-compare th:first-of-type {
    display: none; } }
.strix .table-compare td a:before, .strix .table-compare th a:before, body.strix .table-compare td a:before, body.strix .table-compare th a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

@media (max-width: 639px) {
  .strix .table-compare td a, .strix .table-compare th a, body.strix .table-compare td a, body.strix .table-compare th a {
    padding: 19px 10px; } }
.strix .table-compare td.highlight, .strix .table-compare th.highlight, body.strix .table-compare td.highlight, body.strix .table-compare th.highlight {
  font-weight: 600; }

.strix .table-compare td a, .strix .table-compare th a, body.strix .table-compare td a, body.strix .table-compare th a {
  display: block;
  height: 100%;
  text-decoration: none; }

.strix .table-compare th, body.strix .table-compare th {
  font-size: 18px;
  font-weight: 600;
  vertical-align: top; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare th, body.strix .table-compare th {
    font-size: 14px; } }
.strix .table-compare th img, body.strix .table-compare th img {
  margin-bottom: 20px; }

@media (max-width: 639px) {
  .strix .table-compare th img, body.strix .table-compare th img {
    margin-bottom: 10px; } }
.strix .table-compare td, body.strix .table-compare td {
  background: 0 0;
  font-size: 16px;
  font-weight: 300;
  border-top: 1px #e4e4e4 solid;
  position: relative; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare td, body.strix .table-compare td {
    font-size: 14px; } }
@media (max-width: 639px) {
  .strix .table-compare td, body.strix .table-compare td {
    border: none; } }
.strix .table-compare tr td:first-of-type, .strix .table-compare tr th:first-of-type, body.strix .table-compare tr td:first-of-type, body.strix .table-compare tr th:first-of-type {
  width: 327px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-compare tr td:first-of-type, .strix .table-compare tr th:first-of-type, body.strix .table-compare tr td:first-of-type, body.strix .table-compare tr th:first-of-type {
    width: 219px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare tr td:first-of-type, .strix .table-compare tr th:first-of-type, body.strix .table-compare tr td:first-of-type, body.strix .table-compare tr th:first-of-type {
    width: 135px; } }
.strix .table-compare tr td:first-of-type, body.strix .table-compare tr td:first-of-type {
  background: #efefef;
  text-align: left;
  font-size: 18px;
  font-weight: 600; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare tr td:first-of-type, body.strix .table-compare tr td:first-of-type {
    font-size: 14px; } }
@media (max-width: 639px) {
  .strix .table-compare tr td:first-of-type, body.strix .table-compare tr td:first-of-type {
    display: block;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 5px 14px !important; } }
@media (max-width: 639px) {
  .strix .table-compare tr, body.strix .table-compare tr {
    display: block; } }
.strix .table-compare .help-icon, body.strix .table-compare .help-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%); }

.strix .table-compare.centered, body.strix .table-compare.centered {
  margin: 0 auto 30px; }

@media (min-width: 1440px) {
  .strix .table-compare.columns-2 tr td:first-of-type, .strix .table-compare.columns-2 tr th:first-of-type, body.strix .table-compare.columns-2 tr td:first-of-type, body.strix .table-compare.columns-2 tr th:first-of-type {
    width: 313px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-compare.columns-2 tr td:first-of-type, .strix .table-compare.columns-2 tr th:first-of-type, body.strix .table-compare.columns-2 tr td:first-of-type, body.strix .table-compare.columns-2 tr th:first-of-type {
    width: 270px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare.columns-2 tr td:first-of-type, .strix .table-compare.columns-2 tr th:first-of-type, body.strix .table-compare.columns-2 tr td:first-of-type, body.strix .table-compare.columns-2 tr th:first-of-type {
    width: calc(100% - 2 * 176px); } }
@media (min-width: 1440px) {
  .strix .table-compare.columns-2 td, .strix .table-compare.columns-2 th, body.strix .table-compare.columns-2 td, body.strix .table-compare.columns-2 th {
    width: 252px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-compare.columns-2 td, .strix .table-compare.columns-2 th, body.strix .table-compare.columns-2 td, body.strix .table-compare.columns-2 th {
    width: 200px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare.columns-2 td, .strix .table-compare.columns-2 th, body.strix .table-compare.columns-2 td, body.strix .table-compare.columns-2 th {
    width: 176px; } }
@media (max-width: 639px) {
  .strix .table-compare.columns-2 td, .strix .table-compare.columns-2 th, body.strix .table-compare.columns-2 td, body.strix .table-compare.columns-2 th {
    width: 50%; } }
@media (min-width: 1440px) {
  .strix .table-compare.columns-3 tr td:first-of-type, .strix .table-compare.columns-3 tr th:first-of-type, body.strix .table-compare.columns-3 tr td:first-of-type, body.strix .table-compare.columns-3 tr th:first-of-type {
    width: calc(100% - 3 * 252px); } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-compare.columns-3 tr td:first-of-type, .strix .table-compare.columns-3 tr th:first-of-type, body.strix .table-compare.columns-3 tr td:first-of-type, body.strix .table-compare.columns-3 tr th:first-of-type {
    width: calc(100% - 3 * 200px); } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare.columns-3 tr td:first-of-type, .strix .table-compare.columns-3 tr th:first-of-type, body.strix .table-compare.columns-3 tr td:first-of-type, body.strix .table-compare.columns-3 tr th:first-of-type {
    width: calc(100% - 3 * 176px); } }
@media (min-width: 1440px) {
  .strix .table-compare.columns-3 td, .strix .table-compare.columns-3 th, body.strix .table-compare.columns-3 td, body.strix .table-compare.columns-3 th {
    width: 252px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-compare.columns-3 td, .strix .table-compare.columns-3 th, body.strix .table-compare.columns-3 td, body.strix .table-compare.columns-3 th {
    width: 200px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare.columns-3 td, .strix .table-compare.columns-3 th, body.strix .table-compare.columns-3 td, body.strix .table-compare.columns-3 th {
    width: 176px; } }
@media (max-width: 639px) {
  .strix .table-compare.columns-3 td, .strix .table-compare.columns-3 th, body.strix .table-compare.columns-3 td, body.strix .table-compare.columns-3 th {
    width: 33%; } }
@media (min-width: 1440px) {
  .strix .table-compare.columns-6 tr td:first-of-type, .strix .table-compare.columns-6 tr th:first-of-type, body.strix .table-compare.columns-6 tr td:first-of-type, body.strix .table-compare.columns-6 tr th:first-of-type {
    width: calc(100% - 6 * 126px); } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-compare.columns-6 tr td:first-of-type, .strix .table-compare.columns-6 tr th:first-of-type, body.strix .table-compare.columns-6 tr td:first-of-type, body.strix .table-compare.columns-6 tr th:first-of-type {
    width: calc(100% - 6 * 100px); } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare.columns-6 tr td:first-of-type, .strix .table-compare.columns-6 tr th:first-of-type, body.strix .table-compare.columns-6 tr td:first-of-type, body.strix .table-compare.columns-6 tr th:first-of-type {
    width: calc(100% - 6 * 88px); } }
@media (min-width: 1440px) {
  .strix .table-compare.columns-6 td, .strix .table-compare.columns-6 th, body.strix .table-compare.columns-6 td, body.strix .table-compare.columns-6 th {
    width: 126px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-compare.columns-6 td, .strix .table-compare.columns-6 th, body.strix .table-compare.columns-6 td, body.strix .table-compare.columns-6 th {
    width: 100px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .table-compare.columns-6 td, .strix .table-compare.columns-6 th, body.strix .table-compare.columns-6 td, body.strix .table-compare.columns-6 th {
    width: 88px; } }
@media (max-width: 639px) {
  .strix .table-compare.columns-6 td, .strix .table-compare.columns-6 th, body.strix .table-compare.columns-6 td, body.strix .table-compare.columns-6 th {
    width: 32%; } }
.strix .table, body.strix .table {
  width: 100%; }

.strix .table th, body.strix .table th {
  text-align: left; }

.strix .table td, body.strix .table td {
  border: none; }

.strix .table td, .strix .table th, body.strix .table td, body.strix .table th {
  border-bottom: 1px solid #e4e4e4;
  padding: 14px 20px 14px 0; }

.strix .table td:last-of-type, .strix .table th:last-of-type, body.strix .table td:last-of-type, body.strix .table th:last-of-type {
  text-align: right;
  padding-right: 0; }

.strix .table td a, .strix .table th a, body.strix .table td a, body.strix .table th a {
  display: inline-block;
  height: 100%; }

.strix .table.th-highlight th, body.strix .table.th-highlight th {
  background: rgba(245, 245, 245, 0.5); }

.strix .table-simple, body.strix .table-simple {
  width: 100%;
  max-width: 100%; }

.strix .table-centered, body.strix .table-centered {
  margin: 0 auto; }

@media (max-width: 639px) {
  .strix .table-responsive-wrapper .table.responsive, .strix .table-responsive-wrapper .table.responsive-accordion, body.strix .table-responsive-wrapper .table.responsive, body.strix .table-responsive-wrapper .table.responsive-accordion {
    display: none; } }
@media (max-width: 639px) {
  .strix .table-responsive-wrapper.apply-xs .table.responsive, .strix .table-responsive-wrapper.apply-xs .table.responsive-accordion, body.strix .table-responsive-wrapper.apply-xs .table.responsive, body.strix .table-responsive-wrapper.apply-xs .table.responsive-accordion {
    display: none; }

  .strix .table-responsive-wrapper.apply-xs .table-responsive-mobile, body.strix .table-responsive-wrapper.apply-xs .table-responsive-mobile {
    display: block; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .table-responsive-wrapper.apply-sm .table.responsive, .strix .table-responsive-wrapper.apply-sm .table.responsive-accordion, body.strix .table-responsive-wrapper.apply-sm .table.responsive, body.strix .table-responsive-wrapper.apply-sm .table.responsive-accordion {
    display: none; }

  .strix .table-responsive-wrapper.apply-sm .table-responsive-mobile, body.strix .table-responsive-wrapper.apply-sm .table-responsive-mobile {
    display: block; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .table-responsive-wrapper.apply-md .table.responsive, .strix .table-responsive-wrapper.apply-md .table.responsive-accordion, body.strix .table-responsive-wrapper.apply-md .table.responsive, body.strix .table-responsive-wrapper.apply-md .table.responsive-accordion {
    display: none; }

  .strix .table-responsive-wrapper.apply-md .table-responsive-mobile, body.strix .table-responsive-wrapper.apply-md .table-responsive-mobile {
    display: block; } }
@media (min-width: 1440px) {
  .strix .table-responsive-wrapper.apply-lg .table.responsive, .strix .table-responsive-wrapper.apply-lg .table.responsive-accordion, body.strix .table-responsive-wrapper.apply-lg .table.responsive, body.strix .table-responsive-wrapper.apply-lg .table.responsive-accordion {
    display: none; }

  .strix .table-responsive-wrapper.apply-lg .table-responsive-mobile, body.strix .table-responsive-wrapper.apply-lg .table-responsive-mobile {
    display: block; } }
.strix .table-responsive-mobile, body.strix .table-responsive-mobile {
  display: none; }

@media (max-width: 639px) {
  .strix .table-responsive-mobile, body.strix .table-responsive-mobile {
    display: block; } }
.strix .table-responsive-mobile .table, body.strix .table-responsive-mobile .table {
  margin-bottom: 15px;
  width: 100%; }

.strix .table-responsive-mobile .table td, body.strix .table-responsive-mobile .table td {
  padding-left: 15px;
  padding-right: 15px;
  height: 70px; }

.strix .table-responsive-mobile .table td div, body.strix .table-responsive-mobile .table td div {
  height: auto; }

.strix .table-responsive-mobile .table .key, body.strix .table-responsive-mobile .table .key {
  font-weight: 700; }

.strix .table-responsive-mobile .accordion-heading, body.strix .table-responsive-mobile .accordion-heading {
  cursor: pointer;
  font-size: 18px;
  padding: 22px 15px;
  border-bottom: 1px solid #ccc;
  position: relative; }

.strix .table-responsive-mobile .accordion-heading:after, body.strix .table-responsive-mobile .accordion-heading:after {
  font-family: rb-icons;
  font-size: 26px;
  content: "\e649";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px; }

.strix .table-responsive-mobile .table-accordion-wrapper.active .table, body.strix .table-responsive-mobile .table-accordion-wrapper.active .table {
  display: table;
  margin: 0; }

.strix .table-responsive-mobile .table-accordion-wrapper.active .accordion-heading:after, body.strix .table-responsive-mobile .table-accordion-wrapper.active .accordion-heading:after {
  content: "\e64B"; }

.strix .table-responsive-mobile .table-accordion-wrapper .table, body.strix .table-responsive-mobile .table-accordion-wrapper .table {
  display: none; }

.strix .enumItemComparison, body.strix .enumItemComparison {
  text-align: center; }

.strix .enumItemComparison .btn, body.strix .enumItemComparison .btn {
  margin-top: 40px; }

.strix .head-cta, body.strix .head-cta {
  width: 100%;
  height: 100%;
  position: relative; }

.strix .head-cta .btn, body.strix .head-cta .btn {
  position: relative;
  border-radius: 0; }

@media (max-width: 639px) {
  .strix .head-cta .btn, body.strix .head-cta .btn {
    width: 100%;
    height: 100%; } }
.strix .product-detail .main-heading, body.strix .product-detail .main-heading {
  margin-bottom: 54px; }

.strix .product-detail .props, body.strix .product-detail .props {
  text-align: center;
  padding: 0;
  margin: 80px 0 0 -15px; }

@media (max-width: 639px) {
  .strix .product-detail .props, body.strix .product-detail .props {
    padding: 0 10%;
    margin-top: 35px; } }
.strix .product-detail .props.total-props, body.strix .product-detail .props.total-props {
  margin-top: 40px;
  margin-bottom: 65px;
  padding: 0; }

.strix .product-detail .props.total-props .prop, body.strix .product-detail .props.total-props .prop {
  width: auto; }

.strix .product-detail .props.total-props .number, body.strix .product-detail .props.total-props .number {
  font-size: 36px; }

@media (max-width: 639px) {
  .strix .product-detail .props.total-props, body.strix .product-detail .props.total-props {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0 10%;
    text-align: center; }

  .strix .product-detail .props.total-props .key, .strix .product-detail .props.total-props .value, body.strix .product-detail .props.total-props .key, body.strix .product-detail .props.total-props .value {
    display: block;
    text-align: center;
    width: auto; } }
.strix .product-detail .prop, body.strix .product-detail .prop {
  background: #f5f5f5;
  color: #333;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: 182px;
  height: 180px;
  position: relative;
  margin-bottom: 15px;
  margin-left: 15px;
  box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05); }

.strix .product-detail .prop ::placeholder, body.strix .product-detail .prop ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .product-detail .prop :-ms-input-placeholder, body.strix .product-detail .prop :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .product-detail .prop ::-ms-input-placeholder, body.strix .product-detail .prop ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .product-detail .prop .form-field .dk_toggle, .strix .product-detail .prop .form-field input[type=email], .strix .product-detail .prop .form-field input[type=number], .strix .product-detail .prop .form-field input[type=password], .strix .product-detail .prop .form-field input[type=tel], .strix .product-detail .prop .form-field input[type=text], .strix .product-detail .prop .form-field textarea, body.strix .product-detail .prop .form-field .dk_toggle, body.strix .product-detail .prop .form-field input[type=email], body.strix .product-detail .prop .form-field input[type=number], body.strix .product-detail .prop .form-field input[type=password], body.strix .product-detail .prop .form-field input[type=tel], body.strix .product-detail .prop .form-field input[type=text], body.strix .product-detail .prop .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .product-detail .prop .form-field .form-checkbox-wrapper label:before, .strix .product-detail .prop .form-field .form-radio-wrapper label:before, body.strix .product-detail .prop .form-field .form-checkbox-wrapper label:before, body.strix .product-detail .prop .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .product-detail .prop .form-field .form-checkbox-wrapper input:checked + label:before, .strix .product-detail .prop .form-field .form-radio-wrapper input:checked + label:before, body.strix .product-detail .prop .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .product-detail .prop .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .product-detail .prop .form-field input[type=radio]:checked + label:before, body.strix .product-detail .prop .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .product-detail .prop .form-field.with-calling-code .dk_container .dk_toggle, body.strix .product-detail .prop .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .product-detail .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .product-detail .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .product-detail .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .product-detail .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .product-detail .prop.background-color-after, body.strix .product-detail .prop.background-color-after {
  position: relative;
  z-index: 1; }

.strix .product-detail .prop.background-color-after:after, body.strix .product-detail .prop.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .product-detail .prop .highlight-text-primary, body.strix .product-detail .prop .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .product-detail .prop .dk_toggle, .strix .product-detail .prop input[type=text], .strix .product-detail .prop textarea, body.strix .product-detail .prop .dk_toggle, body.strix .product-detail .prop input[type=text], body.strix .product-detail .prop textarea {
  background: #fff; }

.strix .product-detail .prop .form-field .form-checkbox-wrapper label:before, .strix .product-detail .prop .form-field .form-radio-wrapper label:before, body.strix .product-detail .prop .form-field .form-checkbox-wrapper label:before, body.strix .product-detail .prop .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .product-detail .prop .form-field.input-with-icon .strix-icon, body.strix .product-detail .prop .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .product-detail .prop .form-field .hint-icon, body.strix .product-detail .prop .form-field .hint-icon {
  color: #4d4f53; }

@media (min-width: 1440px) {
  .strix .product-detail .prop, body.strix .product-detail .prop {
    width: 210px; } }
@media (max-width: 639px) {
  .strix .product-detail .prop, body.strix .product-detail .prop {
    width: auto;
    height: auto;
    background: 0 0;
    display: block; } }
.strix .product-detail .prop.total-prop, body.strix .product-detail .prop.total-prop {
  background: 0 0 !important;
  height: auto;
  box-shadow: none; }

.strix .product-detail .prop.total-prop .key, body.strix .product-detail .prop.total-prop .key {
  margin: 0; }

.strix .product-detail .prop .key, body.strix .product-detail .prop .key {
  line-height: 16px;
  margin-top: 46px;
  padding: 0 6px;
  height: 40px;
  opacity: .7; }

@media (max-width: 639px) {
  .strix .product-detail .prop .key, body.strix .product-detail .prop .key {
    width: 50%;
    display: inline-block;
    text-align: left;
    margin: 0;
    vertical-align: top; } }
.strix .product-detail .prop .value, body.strix .product-detail .prop .value {
  width: 100%;
  height: auto;
  font-weight: 700; }

@media (max-width: 639px) {
  .strix .product-detail .prop .value, body.strix .product-detail .prop .value {
    width: 50%;
    display: inline-block;
    text-align: right;
    vertical-align: top; } }
.strix .product-detail .prop .helper, .strix .product-detail .prop .number, body.strix .product-detail .prop .helper, body.strix .product-detail .prop .number {
  display: inline-block; }

.strix .product-detail .prop .number, body.strix .product-detail .prop .number {
  font-size: 25px;
  line-height: 30px; }

@media (max-width: 639px) {
  .strix .product-detail .prop .number, body.strix .product-detail .prop .number {
    font-size: 22px;
    line-height: 27px; } }
.strix .product-detail .prop .helper, body.strix .product-detail .prop .helper {
  font-size: 20px;
  opacity: .7;
  margin-left: 6px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .product-detail, body.strix .product-detail {
    text-align: center; } }
.strix .product-detail .btn, body.strix .product-detail .btn {
  margin-top: 40px; }

.strix .product-detail.component-background-color-style1 .prop, body.strix .product-detail.component-background-color-style1 .prop {
  background: #fff;
  color: #333;
  padding: 0; }

.strix .product-detail.component-background-color-style1 .prop ::placeholder, body.strix .product-detail.component-background-color-style1 .prop ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .product-detail.component-background-color-style1 .prop :-ms-input-placeholder, body.strix .product-detail.component-background-color-style1 .prop :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .product-detail.component-background-color-style1 .prop ::-ms-input-placeholder, body.strix .product-detail.component-background-color-style1 .prop ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .product-detail.component-background-color-style1 .prop .form-field .dk_toggle, .strix .product-detail.component-background-color-style1 .prop .form-field input[type=email], .strix .product-detail.component-background-color-style1 .prop .form-field input[type=number], .strix .product-detail.component-background-color-style1 .prop .form-field input[type=password], .strix .product-detail.component-background-color-style1 .prop .form-field input[type=tel], .strix .product-detail.component-background-color-style1 .prop .form-field input[type=text], .strix .product-detail.component-background-color-style1 .prop .form-field textarea, body.strix .product-detail.component-background-color-style1 .prop .form-field .dk_toggle, body.strix .product-detail.component-background-color-style1 .prop .form-field input[type=email], body.strix .product-detail.component-background-color-style1 .prop .form-field input[type=number], body.strix .product-detail.component-background-color-style1 .prop .form-field input[type=password], body.strix .product-detail.component-background-color-style1 .prop .form-field input[type=tel], body.strix .product-detail.component-background-color-style1 .prop .form-field input[type=text], body.strix .product-detail.component-background-color-style1 .prop .form-field textarea {
  background: #f5f5f5; }

.strix .product-detail.component-background-color-style1 .prop .form-field .form-checkbox-wrapper label:before, .strix .product-detail.component-background-color-style1 .prop .form-field .form-radio-wrapper label:before, body.strix .product-detail.component-background-color-style1 .prop .form-field .form-checkbox-wrapper label:before, body.strix .product-detail.component-background-color-style1 .prop .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .product-detail.component-background-color-style1 .prop .form-field .form-checkbox-wrapper input:checked + label:before, .strix .product-detail.component-background-color-style1 .prop .form-field .form-radio-wrapper input:checked + label:before, body.strix .product-detail.component-background-color-style1 .prop .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .product-detail.component-background-color-style1 .prop .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .product-detail.component-background-color-style1 .prop .form-field input[type=radio]:checked + label:before, body.strix .product-detail.component-background-color-style1 .prop .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .product-detail.component-background-color-style1 .prop .form-field.with-calling-code .dk_container .dk_toggle, body.strix .product-detail.component-background-color-style1 .prop .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .product-detail.component-background-color-style1 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .product-detail.component-background-color-style1 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .product-detail.component-background-color-style1 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .product-detail.component-background-color-style1 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .product-detail.component-background-color-style1 .prop .highlight-text-primary, body.strix .product-detail.component-background-color-style1 .prop .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .product-detail.component-background-color-style1 .prop.background-color-after, body.strix .product-detail.component-background-color-style1 .prop.background-color-after {
  position: relative;
  z-index: 1; }

.strix .product-detail.component-background-color-style1 .prop.background-color-after:after, body.strix .product-detail.component-background-color-style1 .prop.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .product-detail.component-background-color-style1 .prop a, body.strix .product-detail.component-background-color-style1 .prop a {
  color: #333; }

.strix .product-detail.component-background-color-style1 .prop h1, .strix .product-detail.component-background-color-style1 .prop h2, .strix .product-detail.component-background-color-style1 .prop h3, .strix .product-detail.component-background-color-style1 .prop h4, .strix .product-detail.component-background-color-style1 .prop h5, .strix .product-detail.component-background-color-style1 .prop h6, body.strix .product-detail.component-background-color-style1 .prop h1, body.strix .product-detail.component-background-color-style1 .prop h2, body.strix .product-detail.component-background-color-style1 .prop h3, body.strix .product-detail.component-background-color-style1 .prop h4, body.strix .product-detail.component-background-color-style1 .prop h5, body.strix .product-detail.component-background-color-style1 .prop h6 {
  color: #000; }

.strix .product-detail.component-background-color-style1 .prop h1 a, .strix .product-detail.component-background-color-style1 .prop h2 a, .strix .product-detail.component-background-color-style1 .prop h3 a, .strix .product-detail.component-background-color-style1 .prop h4 a, .strix .product-detail.component-background-color-style1 .prop h5 a, .strix .product-detail.component-background-color-style1 .prop h6 a, body.strix .product-detail.component-background-color-style1 .prop h1 a, body.strix .product-detail.component-background-color-style1 .prop h2 a, body.strix .product-detail.component-background-color-style1 .prop h3 a, body.strix .product-detail.component-background-color-style1 .prop h4 a, body.strix .product-detail.component-background-color-style1 .prop h5 a, body.strix .product-detail.component-background-color-style1 .prop h6 a {
  color: #000; }

.strix .product-detail.component-background-color-style1 .prop hr, body.strix .product-detail.component-background-color-style1 .prop hr {
  border-color: #f5f5f5; }

.strix .product-detail.component-background-color-style1 .prop .form-field.input-with-icon .strix-icon, body.strix .product-detail.component-background-color-style1 .prop .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .product-detail.component-background-color-style1 .prop .form-field .hint-icon, body.strix .product-detail.component-background-color-style1 .prop .form-field .hint-icon {
  color: #4d4f53; }

.strix .product-detail.component-background-color-style1 .prop.total-prop, body.strix .product-detail.component-background-color-style1 .prop.total-prop {
  background: 0 0; }

.strix .product-detail.component-background-color-inverse .prop, body.strix .product-detail.component-background-color-inverse .prop {
  background: #000;
  color: #e2e2e2;
  background: #303030;
  padding: 0; }

.strix .product-detail.component-background-color-inverse .prop ::placeholder, body.strix .product-detail.component-background-color-inverse .prop ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .product-detail.component-background-color-inverse .prop :-ms-input-placeholder, body.strix .product-detail.component-background-color-inverse .prop :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .product-detail.component-background-color-inverse .prop ::-ms-input-placeholder, body.strix .product-detail.component-background-color-inverse .prop ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .product-detail.component-background-color-inverse .prop .form-field .dk_toggle, .strix .product-detail.component-background-color-inverse .prop .form-field input[type=email], .strix .product-detail.component-background-color-inverse .prop .form-field input[type=number], .strix .product-detail.component-background-color-inverse .prop .form-field input[type=password], .strix .product-detail.component-background-color-inverse .prop .form-field input[type=tel], .strix .product-detail.component-background-color-inverse .prop .form-field input[type=text], .strix .product-detail.component-background-color-inverse .prop .form-field textarea, body.strix .product-detail.component-background-color-inverse .prop .form-field .dk_toggle, body.strix .product-detail.component-background-color-inverse .prop .form-field input[type=email], body.strix .product-detail.component-background-color-inverse .prop .form-field input[type=number], body.strix .product-detail.component-background-color-inverse .prop .form-field input[type=password], body.strix .product-detail.component-background-color-inverse .prop .form-field input[type=tel], body.strix .product-detail.component-background-color-inverse .prop .form-field input[type=text], body.strix .product-detail.component-background-color-inverse .prop .form-field textarea {
  background: #f5f5f5; }

.strix .product-detail.component-background-color-inverse .prop .form-field .form-checkbox-wrapper label:before, .strix .product-detail.component-background-color-inverse .prop .form-field .form-radio-wrapper label:before, body.strix .product-detail.component-background-color-inverse .prop .form-field .form-checkbox-wrapper label:before, body.strix .product-detail.component-background-color-inverse .prop .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .product-detail.component-background-color-inverse .prop .form-field .form-checkbox-wrapper input:checked + label:before, .strix .product-detail.component-background-color-inverse .prop .form-field .form-radio-wrapper input:checked + label:before, body.strix .product-detail.component-background-color-inverse .prop .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .product-detail.component-background-color-inverse .prop .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .product-detail.component-background-color-inverse .prop .form-field input[type=radio]:checked + label:before, body.strix .product-detail.component-background-color-inverse .prop .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .product-detail.component-background-color-inverse .prop .form-field.with-calling-code .dk_container .dk_toggle, body.strix .product-detail.component-background-color-inverse .prop .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .product-detail.component-background-color-inverse .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .product-detail.component-background-color-inverse .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .product-detail.component-background-color-inverse .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .product-detail.component-background-color-inverse .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .product-detail.component-background-color-inverse .prop a, body.strix .product-detail.component-background-color-inverse .prop a {
  color: #e2e2e2; }

.strix .product-detail.component-background-color-inverse .prop h1, .strix .product-detail.component-background-color-inverse .prop h2, .strix .product-detail.component-background-color-inverse .prop h3, .strix .product-detail.component-background-color-inverse .prop h4, .strix .product-detail.component-background-color-inverse .prop h5, .strix .product-detail.component-background-color-inverse .prop h6, body.strix .product-detail.component-background-color-inverse .prop h1, body.strix .product-detail.component-background-color-inverse .prop h2, body.strix .product-detail.component-background-color-inverse .prop h3, body.strix .product-detail.component-background-color-inverse .prop h4, body.strix .product-detail.component-background-color-inverse .prop h5, body.strix .product-detail.component-background-color-inverse .prop h6 {
  color: #fff; }

.strix .product-detail.component-background-color-inverse .prop h1 a, .strix .product-detail.component-background-color-inverse .prop h2 a, .strix .product-detail.component-background-color-inverse .prop h3 a, .strix .product-detail.component-background-color-inverse .prop h4 a, .strix .product-detail.component-background-color-inverse .prop h5 a, .strix .product-detail.component-background-color-inverse .prop h6 a, body.strix .product-detail.component-background-color-inverse .prop h1 a, body.strix .product-detail.component-background-color-inverse .prop h2 a, body.strix .product-detail.component-background-color-inverse .prop h3 a, body.strix .product-detail.component-background-color-inverse .prop h4 a, body.strix .product-detail.component-background-color-inverse .prop h5 a, body.strix .product-detail.component-background-color-inverse .prop h6 a {
  color: #fff; }

.strix .product-detail.component-background-color-inverse .prop .highlight-text-primary, .strix .product-detail.component-background-color-inverse .prop .highlight-text-primary a, body.strix .product-detail.component-background-color-inverse .prop .highlight-text-primary, body.strix .product-detail.component-background-color-inverse .prop .highlight-text-primary a {
  color: #fedf00; }

.strix .product-detail.component-background-color-inverse .prop .form-field.input-with-icon .strix-icon, body.strix .product-detail.component-background-color-inverse .prop .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .product-detail.component-background-color-style2 .prop, body.strix .product-detail.component-background-color-style2 .prop {
  background: #000;
  color: #e2e2e2;
  background: #303030;
  padding: 0; }

.strix .product-detail.component-background-color-style2 .prop ::placeholder, body.strix .product-detail.component-background-color-style2 .prop ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .product-detail.component-background-color-style2 .prop :-ms-input-placeholder, body.strix .product-detail.component-background-color-style2 .prop :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .product-detail.component-background-color-style2 .prop ::-ms-input-placeholder, body.strix .product-detail.component-background-color-style2 .prop ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .product-detail.component-background-color-style2 .prop .form-field .dk_toggle, .strix .product-detail.component-background-color-style2 .prop .form-field input[type=email], .strix .product-detail.component-background-color-style2 .prop .form-field input[type=number], .strix .product-detail.component-background-color-style2 .prop .form-field input[type=password], .strix .product-detail.component-background-color-style2 .prop .form-field input[type=tel], .strix .product-detail.component-background-color-style2 .prop .form-field input[type=text], .strix .product-detail.component-background-color-style2 .prop .form-field textarea, body.strix .product-detail.component-background-color-style2 .prop .form-field .dk_toggle, body.strix .product-detail.component-background-color-style2 .prop .form-field input[type=email], body.strix .product-detail.component-background-color-style2 .prop .form-field input[type=number], body.strix .product-detail.component-background-color-style2 .prop .form-field input[type=password], body.strix .product-detail.component-background-color-style2 .prop .form-field input[type=tel], body.strix .product-detail.component-background-color-style2 .prop .form-field input[type=text], body.strix .product-detail.component-background-color-style2 .prop .form-field textarea {
  background: #f5f5f5; }

.strix .product-detail.component-background-color-style2 .prop .form-field .form-checkbox-wrapper label:before, .strix .product-detail.component-background-color-style2 .prop .form-field .form-radio-wrapper label:before, body.strix .product-detail.component-background-color-style2 .prop .form-field .form-checkbox-wrapper label:before, body.strix .product-detail.component-background-color-style2 .prop .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .product-detail.component-background-color-style2 .prop .form-field .form-checkbox-wrapper input:checked + label:before, .strix .product-detail.component-background-color-style2 .prop .form-field .form-radio-wrapper input:checked + label:before, body.strix .product-detail.component-background-color-style2 .prop .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .product-detail.component-background-color-style2 .prop .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .product-detail.component-background-color-style2 .prop .form-field input[type=radio]:checked + label:before, body.strix .product-detail.component-background-color-style2 .prop .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .product-detail.component-background-color-style2 .prop .form-field.with-calling-code .dk_container .dk_toggle, body.strix .product-detail.component-background-color-style2 .prop .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .product-detail.component-background-color-style2 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .product-detail.component-background-color-style2 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .product-detail.component-background-color-style2 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .product-detail.component-background-color-style2 .prop .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .product-detail.component-background-color-style2 .prop a, body.strix .product-detail.component-background-color-style2 .prop a {
  color: #e2e2e2; }

.strix .product-detail.component-background-color-style2 .prop h1, .strix .product-detail.component-background-color-style2 .prop h2, .strix .product-detail.component-background-color-style2 .prop h3, .strix .product-detail.component-background-color-style2 .prop h4, .strix .product-detail.component-background-color-style2 .prop h5, .strix .product-detail.component-background-color-style2 .prop h6, body.strix .product-detail.component-background-color-style2 .prop h1, body.strix .product-detail.component-background-color-style2 .prop h2, body.strix .product-detail.component-background-color-style2 .prop h3, body.strix .product-detail.component-background-color-style2 .prop h4, body.strix .product-detail.component-background-color-style2 .prop h5, body.strix .product-detail.component-background-color-style2 .prop h6 {
  color: #fff; }

.strix .product-detail.component-background-color-style2 .prop h1 a, .strix .product-detail.component-background-color-style2 .prop h2 a, .strix .product-detail.component-background-color-style2 .prop h3 a, .strix .product-detail.component-background-color-style2 .prop h4 a, .strix .product-detail.component-background-color-style2 .prop h5 a, .strix .product-detail.component-background-color-style2 .prop h6 a, body.strix .product-detail.component-background-color-style2 .prop h1 a, body.strix .product-detail.component-background-color-style2 .prop h2 a, body.strix .product-detail.component-background-color-style2 .prop h3 a, body.strix .product-detail.component-background-color-style2 .prop h4 a, body.strix .product-detail.component-background-color-style2 .prop h5 a, body.strix .product-detail.component-background-color-style2 .prop h6 a {
  color: #fff; }

.strix .product-detail.component-background-color-style2 .prop .highlight-text-primary, .strix .product-detail.component-background-color-style2 .prop .highlight-text-primary a, body.strix .product-detail.component-background-color-style2 .prop .highlight-text-primary, body.strix .product-detail.component-background-color-style2 .prop .highlight-text-primary a {
  color: #fedf00; }

.strix .product-detail.component-background-color-style2 .prop .form-field.input-with-icon .strix-icon, body.strix .product-detail.component-background-color-style2 .prop .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

@media (max-width: 639px) {
  .strix .product-detail.component-background-color-style2 .prop, body.strix .product-detail.component-background-color-style2 .prop {
    background: 0 0; } }
.strix .product-detail.component-background-color-style2 .total-prop, body.strix .product-detail.component-background-color-style2 .total-prop {
  background: 0 0; }

.strix .product-detail.component-background-color-style2 p, body.strix .product-detail.component-background-color-style2 p {
  color: #dbdcdc; }

.strix .product-pricing-comparison .btn, body.strix .product-pricing-comparison .btn {
  margin-top: 40px; }

.strix .transparent-accounts .choose-area, body.strix .transparent-accounts .choose-area {
  padding: 20px 0 60px 0; }

.strix .transparent-accounts .choose-area .form-field, body.strix .transparent-accounts .choose-area .form-field {
  width: 400px;
  margin: 0 auto;
  position: relative; }

.strix .transparent-accounts .choose-area input[type=text], body.strix .transparent-accounts .choose-area input[type=text] {
  float: none;
  width: 100%; }

.strix .transparent-accounts .filter, body.strix .transparent-accounts .filter {
  max-width: 400px;
  margin: 0 auto 60px; }

.strix .transparent-accounts .filter .form-field, body.strix .transparent-accounts .filter .form-field {
  margin-bottom: 16px;
  position: relative; }

.strix .transparent-accounts input, body.strix .transparent-accounts input {
  float: none !important;
  width: 100%; }

.strix .transparent-accounts .list-area, body.strix .transparent-accounts .list-area {
  text-align: left;
  background: #fff;
  padding: 60px 10px 60px 60px; }

@media (max-width: 639px) {
  .strix .transparent-accounts .list-area, body.strix .transparent-accounts .list-area {
    padding: 30px 10px 30px 30px; } }
.strix .transparent-accounts .list-area li, body.strix .transparent-accounts .list-area li {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding-right: 30px; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .transparent-accounts .list-area li, body.strix .transparent-accounts .list-area li {
    width: 50%; } }
@media (max-width: 639px) {
  .strix .transparent-accounts .list-area li, body.strix .transparent-accounts .list-area li {
    width: 100%; } }
.strix .transparent-accounts .table-transactions, body.strix .transparent-accounts .table-transactions {
  width: 1000px; }

.strix .transparent-accounts .screen, body.strix .transparent-accounts .screen {
  padding: 80px 0; }

.strix .transparent-accounts .account-info, body.strix .transparent-accounts .account-info {
  margin-bottom: 40px; }

.strix .transparent-accounts .account-info p, body.strix .transparent-accounts .account-info p {
  margin-bottom: 4px; }

.strix .transparent-accounts .overflow-auto, body.strix .transparent-accounts .overflow-auto {
  padding: 0 15px; }

.strix .list-of-registered-shops .choose-area, body.strix .list-of-registered-shops .choose-area {
  padding: 20px 0 60px 0; }

.strix .list-of-registered-shops .choose-area .dk_container, body.strix .list-of-registered-shops .choose-area .dk_container {
  float: none;
  max-width: 400px;
  margin: 0 auto; }

.strix .list-of-registered-shops .logo, body.strix .list-of-registered-shops .logo {
  padding: 0 10px; }

.strix .list-of-registered-shops .description, body.strix .list-of-registered-shops .description {
  margin: 0; }

.strix .list-of-registered-shops .table, body.strix .list-of-registered-shops .table {
  max-width: 800px; }

.strix .list-of-registered-shops .table td, body.strix .list-of-registered-shops .table td {
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: left; }

.strix .list-of-registered-shops .table tr td:first-of-type, body.strix .list-of-registered-shops .table tr td:first-of-type {
  width: 145px; }

.strix .list-of-registered-shops .screen, body.strix .list-of-registered-shops .screen {
  padding: 80px 0; }

.strix .promobox-index, body.strix .promobox-index {
  text-align: center; }

.strix .promobox-index .component-background-color-style1, body.strix .promobox-index .component-background-color-style1 {
  padding: 40px; }

.strix .promobox-index .label, body.strix .promobox-index .label {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  margin-right: 14px; }

.strix .promobox-index .value, body.strix .promobox-index .value {
  display: inline-block;
  vertical-align: top;
  font-size: 40px;
  font-weight: 700;
  line-height: 34px;
  position: relative; }

.strix .promobox-index .value:after, body.strix .promobox-index .value:after {
  font-family: rb-icons;
  font-size: 24px;
  content: "\e64B";
  color: #4c8;
  position: absolute;
  top: 0;
  right: -30px;
  line-height: .8; }

.strix .promobox-index.down .value:after, body.strix .promobox-index.down .value:after {
  content: "\e649";
  color: #ec5a4e; }

.strix .promobox-index.neutral .value:after, body.strix .promobox-index.neutral .value:after {
  content: "\e647";
  color: #4d4f53; }

.strix .promobox-index .heading, body.strix .promobox-index .heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px; }

.strix .promobox-index .period, body.strix .promobox-index .period {
  font-size: 12px; }

.strix .promobox-index .wrapper, body.strix .promobox-index .wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 44px;
  margin-bottom: 6px; }

@media (max-width: 480px) {
  .strix .promobox-index .wrapper, body.strix .promobox-index .wrapper {
    display: block;
    margin: 0 0 18px 0; } }
.strix .cookies-consent, body.strix .cookies-consent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #4d4f53;
  color: #f5f5f5;
  padding: 15px;
  z-index: 20; }

@media (max-width: 639px) {
  .strix .cookies-consent, body.strix .cookies-consent {
    text-align: center;
    padding: 30px 15px; } }
.strix .cookies-consent a, body.strix .cookies-consent a {
  color: #f5f5f5; }

.strix .cookies-consent p, body.strix .cookies-consent p {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 150px);
  margin: 0;
  padding-right: 20px;
  padding-top: 15px;
  font-size: 16px;
  line-height: 1.4; }

@media (max-width: 639px) {
  .strix .cookies-consent p, body.strix .cookies-consent p {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    font-size: 14px; } }
.strix .cookies-consent .btn, body.strix .cookies-consent .btn {
  vertical-align: middle;
  background: #4d4f53;
  color: #f5f5f5;
  border-color: #f5f5f5;
  float: right; }

@media (max-width: 639px) {
  .strix .cookies-consent .btn, body.strix .cookies-consent .btn {
    float: none; } }
.strix .cookies-consent .btn:hover, body.strix .cookies-consent .btn:hover {
  color: #4d4f53;
  background: #f5f5f5;
  border-color: #f5f5f5; }

.strix .application-menu, body.strix .application-menu {
  width: 70px;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .application-menu, body.strix .application-menu {
    display: none; } }
.strix .application-menu ul, body.strix .application-menu ul {
  padding: 0;
  margin: 0;
  background: #202020;
  box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.1); }

.strix .application-menu ul li, body.strix .application-menu ul li {
  margin: 0;
  list-style: none;
  display: block; }

.strix .application-menu ul li a, body.strix .application-menu ul li a {
  height: 75px;
  display: block;
  position: relative;
  color: #f5f5f5;
  text-align: center;
  text-decoration: none;
  border-top: 1px solid #4d4f53; }

.strix .application-menu ul li a:hover, body.strix .application-menu ul li a:hover {
  background: rgba(255, 255, 255, 0.15); }

.strix .application-menu ul li a .strix-icon, body.strix .application-menu ul li a .strix-icon {
  width: 100%;
  position: absolute;
  top: 10px;
  left: 0; }

.strix .application-menu ul li a .text, body.strix .application-menu ul li a .text {
  padding: 0 8px;
  width: 100%;
  display: block;
  position: absolute;
  top: 43px;
  left: 0;
  font-size: 10px;
  line-height: 10px; }

.strix .application-menu ul li:first-of-type a, body.strix .application-menu ul li:first-of-type a {
  border-top: none; }

.strix .application-menu.left, body.strix .application-menu.left {
  left: 0; }

.strix .application-menu.right, body.strix .application-menu.right {
  right: 0; }

.strix .accordion, body.strix .accordion {
  text-align: center; }

.strix .accordion .ui-accordion, body.strix .accordion .ui-accordion {
  width: 100%;
  text-align: left; }

.strix .accordion .ui-accordion .ui-accordion-header, body.strix .accordion .ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  zoom: 1;
  z-index: 10; }

.strix .accordion .ui-accordion .ui-accordion-header:after, body.strix .accordion .ui-accordion .ui-accordion-header:after {
  font-family: rb-icons;
  font-size: 26px;
  content: "\e649";
  position: absolute;
  top: 16px;
  right: 0;
  line-height: .8;
  z-index: -1; }

.strix .accordion .ui-accordion .ui-accordion-header.ui-state-active:after, body.strix .accordion .ui-accordion .ui-accordion-header.ui-state-active:after {
  content: "\e64B"; }

.strix .accordion .ui-accordion .ui-accordion-header a, body.strix .accordion .ui-accordion .ui-accordion-header a {
  display: block;
  padding: 16px 0;
  font-weight: 600;
  text-decoration: none;
  font-size: 16px; }

.strix .accordion .accordion-item, body.strix .accordion .accordion-item {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.strix .accordion .ui-accordion .ui-accordion-content, body.strix .accordion .ui-accordion .ui-accordion-content {
  padding: 20px 0 30px 30px;
  font-size: 18px;
  line-height: 28px;
  overflow: visible;
  zoom: 1;
  font-weight: 300;
  color: grey; }

.strix .accordion .ui-accordion .ui-accordion-header.ui-state-disabled, .strix .accordion .ui-accordion .ui-accordion-header.ui-state-disabled a, body.strix .accordion .ui-accordion .ui-accordion-header.ui-state-disabled, body.strix .accordion .ui-accordion .ui-accordion-header.ui-state-disabled a {
  cursor: default; }

.strix .accordion .ui-accordion-content-wrapper-overflown, body.strix .accordion .ui-accordion-content-wrapper-overflown {
  overflow: hidden; }

.strix .accordion .ui-rtl .ui-accordion .ui-accordion-header a, body.strix .accordion .ui-rtl .ui-accordion .ui-accordion-header a {
  padding: .5em 2em .5em .5em; }

.strix .accordion .ui-rtl .ui-accordion .ui-accordion-header > .fa, body.strix .accordion .ui-rtl .ui-accordion .ui-accordion-header > .fa {
  left: auto;
  right: .5em; }

.strix .accordion .ui-rtl .ui-accordion .ui-accordion-header > .fa-caret-right:before, body.strix .accordion .ui-rtl .ui-accordion .ui-accordion-header > .fa-caret-right:before {
  content: "\F0D9"; }

.strix .accordion .btn, body.strix .accordion .btn {
  margin-top: 50px; }

.strix .faq, body.strix .faq {
  text-align: center; }

.strix .faq .ui-accordion, body.strix .faq .ui-accordion {
  width: 100%;
  text-align: left; }

.strix .faq .ui-accordion .ui-accordion-header, body.strix .faq .ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  zoom: 1;
  z-index: 10; }

.strix .faq .ui-accordion .ui-accordion-header:after, body.strix .faq .ui-accordion .ui-accordion-header:after {
  font-family: rb-icons;
  font-size: 26px;
  content: "\e649";
  position: absolute;
  top: 16px;
  right: 0;
  line-height: .8;
  z-index: -1; }

.strix .faq .ui-accordion .ui-accordion-header.ui-state-active:after, body.strix .faq .ui-accordion .ui-accordion-header.ui-state-active:after {
  content: "\e64B"; }

.strix .faq .ui-accordion .ui-accordion-header a, body.strix .faq .ui-accordion .ui-accordion-header a {
  display: block;
  padding: 16px 0;
  font-weight: 600;
  text-decoration: none;
  font-size: 16px; }

.strix .faq .accordion-item, body.strix .faq .accordion-item {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.strix .faq .ui-accordion .ui-accordion-content, body.strix .faq .ui-accordion .ui-accordion-content {
  padding: 20px 0 30px 30px;
  font-size: 18px;
  line-height: 28px;
  overflow: visible;
  zoom: 1;
  font-weight: 300;
  color: grey; }

.strix .faq .ui-accordion .ui-accordion-header.ui-state-disabled, .strix .faq .ui-accordion .ui-accordion-header.ui-state-disabled a, body.strix .faq .ui-accordion .ui-accordion-header.ui-state-disabled, body.strix .faq .ui-accordion .ui-accordion-header.ui-state-disabled a {
  cursor: default; }

.strix .faq .ui-accordion-content-wrapper-overflown, body.strix .faq .ui-accordion-content-wrapper-overflown {
  overflow: hidden; }

.strix .faq .ui-rtl .ui-accordion .ui-accordion-header a, body.strix .faq .ui-rtl .ui-accordion .ui-accordion-header a {
  padding: .5em 2em .5em .5em; }

.strix .faq .ui-rtl .ui-accordion .ui-accordion-header > .fa, body.strix .faq .ui-rtl .ui-accordion .ui-accordion-header > .fa {
  left: auto;
  right: .5em; }

.strix .faq .ui-rtl .ui-accordion .ui-accordion-header > .fa-caret-right:before, body.strix .faq .ui-rtl .ui-accordion .ui-accordion-header > .fa-caret-right:before {
  content: "\F0D9"; }

.strix .faq .btn, body.strix .faq .btn {
  margin-top: 50px; }

.strix .date-picker.select-months-years .picker__nav--next, .strix .date-picker.select-months-years .picker__nav--prev, body.strix .date-picker.select-months-years .picker__nav--next, body.strix .date-picker.select-months-years .picker__nav--prev {
  display: none; }

.strix .date-picker.select-months-years .picker__select--month, .strix .date-picker.select-months-years .picker__select--year, body.strix .date-picker.select-months-years .picker__select--month, body.strix .date-picker.select-months-years .picker__select--year {
  padding: 7px !important; }

.strix .date-picker.select-months-years .picker__header, body.strix .date-picker.select-months-years .picker__header {
  height: 22px; }

.strix .date-picker.select-months-years .picker__select--year, body.strix .date-picker.select-months-years .picker__select--year {
  width: 35% !important;
  position: absolute;
  right: 53%; }

.strix .date-picker.select-months-years .picker__select--month, body.strix .date-picker.select-months-years .picker__select--month {
  width: 35% !important;
  position: absolute;
  left: 53%; }

.strix .date-picker .input-wrapper, body.strix .date-picker .input-wrapper {
  position: relative;
  display: block; }

.strix .date-picker .input-wrapper input[type=text], body.strix .date-picker .input-wrapper input[type=text] {
  width: 100%; }

.strix .date-picker .input-wrapper input[type=text]:focus, body.strix .date-picker .input-wrapper input[type=text]:focus {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); }

.strix .date-picker .input-wrapper .icon, body.strix .date-picker .input-wrapper .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #fedf00;
  text-align: center;
  font-size: 26px;
  cursor: pointer; }

.strix .date-picker .picker, body.strix .date-picker .picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.strix .date-picker .picker__input, body.strix .date-picker .picker__input {
  cursor: default; }

.strix .date-picker .picker__input.picker__input--active, body.strix .date-picker .picker__input.picker__input--active {
  border-color: #0089ec; }

.strix .date-picker .picker__holder, body.strix .date-picker .picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.strix .date-picker .picker__frame, .strix .date-picker .picker__holder, body.strix .date-picker .picker__frame, body.strix .date-picker .picker__holder {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%); }

.strix .date-picker .picker__holder, body.strix .date-picker .picker__holder {
  position: fixed;
  transition: background .15s ease-out,-webkit-transform 0s .15s;
  transition: background .15s ease-out,transform 0s .15s;
  -webkit-backface-visibility: hidden; }

.strix .date-picker .picker__frame, body.strix .date-picker .picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 400px;
  width: 100%;
  -moz-opacity: 0;
  opacity: 0;
  transition: all .15s ease-out; }

@media (min-height: 33.875em) {
  .strix .date-picker .picker__frame, body.strix .date-picker .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }
@media (min-height: 40.125em) {
  .strix .date-picker .picker__frame, body.strix .date-picker .picker__frame {
    margin-bottom: 7.5%; } }
.strix .date-picker .picker__wrap, body.strix .date-picker .picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 33.875em) {
  .strix .date-picker .picker__wrap, body.strix .date-picker .picker__wrap {
    display: block; } }
.strix .date-picker .picker__box, body.strix .date-picker .picker__box {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 2px; }

@media (min-height: 26.5em) {
  .strix .date-picker .picker__box, body.strix .date-picker .picker__box {
    font-size: 1.25em; } }
@media (min-height: 33.875em) {
  .strix .date-picker .picker__box, body.strix .date-picker .picker__box {
    display: block;
    font-size: 1.33em;
    border-radius: 2px; } }
@media (min-height: 40.125em) {
  .strix .date-picker .picker__box, body.strix .date-picker .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px; } }
.strix .date-picker .picker--opened .picker__holder, body.strix .date-picker .picker--opened .picker__holder {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: 0 0;
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background .15s ease-out; }

.strix .date-picker .picker--opened .picker__frame, body.strix .date-picker .picker--opened .picker__frame {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 33.875em) {
  .strix .date-picker .picker--opened .picker__frame, body.strix .date-picker .picker--opened .picker__frame {
    top: auto;
    bottom: 0; } }
.strix .date-picker .picker__box, body.strix .date-picker .picker__box {
  padding: 20px 16px; }

.strix .date-picker .picker__header, body.strix .date-picker .picker__header {
  text-align: center;
  position: relative; }

.strix .date-picker .picker__month, .strix .date-picker .picker__year, body.strix .date-picker .picker__month, body.strix .date-picker .picker__year {
  font-weight: 700;
  display: block;
  font-size: 16px;
  color: #4d4f53; }

.strix .date-picker .picker__select--month, .strix .date-picker .picker__select--year, body.strix .date-picker .picker__select--month, body.strix .date-picker .picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .strix .date-picker .picker__select--month, .strix .date-picker .picker__select--year, body.strix .date-picker .picker__select--month, body.strix .date-picker .picker__select--year {
    margin-top: -.5em; } }
.strix .date-picker .picker__select--month, body.strix .date-picker .picker__select--month {
  width: 35%; }

.strix .date-picker .picker__select--year, body.strix .date-picker .picker__select--year {
  width: 22.5%; }

.strix .date-picker .picker__select--month:focus, .strix .date-picker .picker__select--year:focus, body.strix .date-picker .picker__select--month:focus, body.strix .date-picker .picker__select--year:focus {
  border-color: #0089ec; }

.strix .date-picker .picker__nav--next, .strix .date-picker .picker__nav--prev, body.strix .date-picker .picker__nav--next, body.strix .date-picker .picker__nav--prev {
  position: absolute;
  padding: 12px 0;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -.25em;
  font-family: rb-icons; }

@media (min-width: 24.5em) {
  .strix .date-picker .picker__nav--next, .strix .date-picker .picker__nav--prev, body.strix .date-picker .picker__nav--next, body.strix .date-picker .picker__nav--prev {
    top: -.33em; } }
.strix .date-picker .picker__nav--prev, body.strix .date-picker .picker__nav--prev {
  left: 0; }

.strix .date-picker .picker__nav--next, body.strix .date-picker .picker__nav--next {
  right: 0; }

.strix .date-picker .picker__nav--next:before, .strix .date-picker .picker__nav--prev:before, body.strix .date-picker .picker__nav--next:before, body.strix .date-picker .picker__nav--prev:before {
  content: "\e66e";
  display: block;
  margin: 0 auto;
  font-size: 14px; }

.strix .date-picker .picker__nav--next:before, body.strix .date-picker .picker__nav--next:before {
  content: "\e66f"; }

.strix .date-picker .picker__nav--next:hover, .strix .date-picker .picker__nav--prev:hover, body.strix .date-picker .picker__nav--next:hover, body.strix .date-picker .picker__nav--prev:hover {
  cursor: pointer;
  color: #000; }

.strix .date-picker .picker__nav--disabled, .strix .date-picker .picker__nav--disabled:before, .strix .date-picker .picker__nav--disabled:before:hover, .strix .date-picker .picker__nav--disabled:hover, body.strix .date-picker .picker__nav--disabled, body.strix .date-picker .picker__nav--disabled:before, body.strix .date-picker .picker__nav--disabled:before:hover, body.strix .date-picker .picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

.strix .date-picker .picker__table, body.strix .date-picker .picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .strix .date-picker .picker__table, body.strix .date-picker .picker__table {
    margin-bottom: .75em; } }
.strix .date-picker .picker__table td, body.strix .date-picker .picker__table td {
  margin: 0;
  padding: 0; }

.strix .date-picker .picker__weekday, body.strix .date-picker .picker__weekday {
  width: 14.285714286%;
  font-size: 12px;
  padding-bottom: .25em;
  color: grey;
  font-weight: 400; }

@media (min-height: 33.875em) {
  .strix .date-picker .picker__weekday, body.strix .date-picker .picker__weekday {
    padding-bottom: .5em; } }
.strix .date-picker .picker__day, body.strix .date-picker .picker__day {
  padding: 6px 1px;
  border: 1px solid #fff;
  color: #4d4f53;
  font-size: 12px; }

.strix .date-picker .picker__day--today, body.strix .date-picker .picker__day--today {
  position: relative;
  font-weight: 700; }

.strix .date-picker .picker__day--today:before, body.strix .date-picker .picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: .5em solid #0059bc;
  border-left: .5em solid transparent; }

.strix .date-picker .picker__day--disabled:before, body.strix .date-picker .picker__day--disabled:before {
  border-top-color: #aaa; }

.strix .date-picker .picker__day--outfocus, body.strix .date-picker .picker__day--outfocus {
  color: #bac2c7;
  background: #f5f5f5; }

.strix .date-picker .picker__day--infocus:hover, .strix .date-picker .picker__day--outfocus:hover, body.strix .date-picker .picker__day--infocus:hover, body.strix .date-picker .picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb; }

.strix .date-picker .picker--focused .picker__day--highlighted, .strix .date-picker .picker__day--highlighted:hover, body.strix .date-picker .picker--focused .picker__day--highlighted, body.strix .date-picker .picker__day--highlighted:hover {
  cursor: pointer;
  background: #fedf00; }

.strix .date-picker .picker--focused .picker__day--selected, .strix .date-picker .picker__day--selected, .strix .date-picker .picker__day--selected:hover, body.strix .date-picker .picker--focused .picker__day--selected, body.strix .date-picker .picker__day--selected, body.strix .date-picker .picker__day--selected:hover {
  background: #fedf00; }

.strix .date-picker .picker--focused .picker__day--disabled, .strix .date-picker .picker__day--disabled, .strix .date-picker .picker__day--disabled:hover, body.strix .date-picker .picker--focused .picker__day--disabled, body.strix .date-picker .picker__day--disabled, body.strix .date-picker .picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default; }

.strix .date-picker .picker__day--highlighted.picker__day--disabled, .strix .date-picker .picker__day--highlighted.picker__day--disabled:hover, body.strix .date-picker .picker__day--highlighted.picker__day--disabled, body.strix .date-picker .picker__day--highlighted.picker__day--disabled:hover {
  background: #ddd; }

.strix .date-picker .picker__footer, body.strix .date-picker .picker__footer {
  text-align: center; }

.strix .date-picker .picker__button--clear, .strix .date-picker .picker__button--close, .strix .date-picker .picker__button--today, body.strix .date-picker .picker__button--clear, body.strix .date-picker .picker__button--close, body.strix .date-picker .picker__button--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: 16px;
  padding: .66em 0;
  font-weight: 700;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
  color: #4d4f53; }

.strix .date-picker .picker__button--clear:hover, .strix .date-picker .picker__button--close:hover, .strix .date-picker .picker__button--today:hover, body.strix .date-picker .picker__button--clear:hover, body.strix .date-picker .picker__button--close:hover, body.strix .date-picker .picker__button--today:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.strix .date-picker .picker__button--clear:focus, .strix .date-picker .picker__button--close:focus, .strix .date-picker .picker__button--today:focus, body.strix .date-picker .picker__button--clear:focus, body.strix .date-picker .picker__button--close:focus, body.strix .date-picker .picker__button--today:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: 0; }

.strix .date-picker .picker__button--clear:before, .strix .date-picker .picker__button--close:before, .strix .date-picker .picker__button--today:before, body.strix .date-picker .picker__button--clear:before, body.strix .date-picker .picker__button--close:before, body.strix .date-picker .picker__button--today:before {
  position: relative;
  display: inline-block;
  height: 0; }

.strix .date-picker .picker__button--clear:before, .strix .date-picker .picker__button--today:before, body.strix .date-picker .picker__button--clear:before, body.strix .date-picker .picker__button--today:before {
  content: " ";
  margin-right: .45em; }

.strix .date-picker .picker__button--today:before, body.strix .date-picker .picker__button--today:before {
  top: -.05em;
  width: 0;
  border-top: .66em solid #0059bc;
  border-left: .66em solid transparent; }

.strix .date-picker .picker__button--clear:before, body.strix .date-picker .picker__button--clear:before {
  top: -.25em;
  width: .66em;
  border-top: 3px solid #e20; }

.strix .date-picker .picker__button--close:before, body.strix .date-picker .picker__button--close:before {
  content: "\D7";
  top: -.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777; }

.strix .date-picker .picker__button--today[disabled], .strix .date-picker .picker__button--today[disabled]:hover, body.strix .date-picker .picker__button--today[disabled], body.strix .date-picker .picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default; }

.strix .date-picker .picker__button--today[disabled]:before, body.strix .date-picker .picker__button--today[disabled]:before {
  border-top-color: #aaa; }

.strix .downloadable-documents .btn, body.strix .downloadable-documents .btn {
  margin-top: 40px; }

.strix .downloadable-documents tr td:first-of-type a, body.strix .downloadable-documents tr td:first-of-type a {
  text-decoration: underline; }

.strix .downloadable-documents .search-area, body.strix .downloadable-documents .search-area {
  text-align: center;
  padding: 20px 15px 60px 15px; }

.strix .downloadable-documents .result-count, body.strix .downloadable-documents .result-count {
  font-size: 18px;
  margin-top: 50px; }

.strix .downloadable-documents .form-field, body.strix .downloadable-documents .form-field {
  display: inline-block;
  vertical-align: top;
  text-align: left; }

.strix .downloadable-documents .dk_container, .strix .downloadable-documents input, body.strix .downloadable-documents .dk_container, body.strix .downloadable-documents input {
  float: none;
  width: 100%; }

.strix .downloadable-documents .select-wrapper, body.strix .downloadable-documents .select-wrapper {
  width: 40%;
  margin-right: 32px; }

.strix .downloadable-documents .input-wrapper, body.strix .downloadable-documents .input-wrapper {
  width: 50%;
  position: relative; }

@media (max-width: 639px) {
  .strix .downloadable-documents .input-wrapper, .strix .downloadable-documents .select-wrapper, body.strix .downloadable-documents .input-wrapper, body.strix .downloadable-documents .select-wrapper {
    width: 100%;
    margin-bottom: 8px;
    margin-right: 0; } }
.strix .downloadable-documents .date, body.strix .downloadable-documents .date {
  margin-right: 8px;
  opacity: .75;
  position: relative;
  top: -3px; }

.strix .downloadable-documents .btn, body.strix .downloadable-documents .btn {
  margin-top: 40px; }

.strix .downloadable-documents tr td:first-of-type a, body.strix .downloadable-documents tr td:first-of-type a {
  text-decoration: underline; }

.strix .quick-nav, body.strix .quick-nav {
  float: left; }

.strix .quick-nav.icons-only .text, body.strix .quick-nav.icons-only .text {
  display: none; }

.strix .quick-nav.icons-only .strix-icon, body.strix .quick-nav.icons-only .strix-icon {
  display: inline-block; }

.strix .quick-nav li, body.strix .quick-nav li {
  list-style: none;
  margin-left: 20px; }

@media (max-width: 639px) {
  .strix .quick-nav li, body.strix .quick-nav li {
    margin: 0; } }
.strix .quick-nav .strix-icon, body.strix .quick-nav .strix-icon {
  font-size: 14px;
  margin-right: 6px;
  position: relative;
  top: 1px;
  display: inline-block; }

.strix .quick-nav .text + .strix-icon, body.strix .quick-nav .text + .strix-icon {
  margin-left: 6px;
  margin-right: 0; }

.strix .quick-nav a, body.strix .quick-nav a {
  display: block; }

@media (max-width: 639px) {
  .strix .quick-nav a, body.strix .quick-nav a {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #dedede;
    text-align: center; } }
@media (max-width: 639px) {
  .strix .quick-nav .visible-xs, body.strix .quick-nav .visible-xs {
    display: inline-block !important; } }
.strix .segment-navigation-row .quick-nav, body.strix .segment-navigation-row .quick-nav {
  max-height: 35px;
  overflow: hidden; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .segment-navigation-row .quick-nav, body.strix .segment-navigation-row .quick-nav {
    max-height: 28px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .segment-navigation-row .quick-nav .text, body.strix .segment-navigation-row .quick-nav .text {
    font-size: 13px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .segment-navigation-row .quick-nav .text, body.strix .segment-navigation-row .quick-nav .text {
    font-size: 11px; } }
.strix .segment-navigation-row .quick-nav .segment-row-hidden, body.strix .segment-navigation-row .quick-nav .segment-row-hidden {
  display: none !important; }

.strix .main-nav-outer .quick-nav .strix-icon, body.strix .main-nav-outer .quick-nav .strix-icon {
  font-size: 20px;
  vertical-align: top; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .main-nav-outer .quick-nav .strix-icon, body.strix .main-nav-outer .quick-nav .strix-icon {
    height: 65px;
    line-height: 65px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .main-nav-outer .quick-nav .strix-icon, body.strix .main-nav-outer .quick-nav .strix-icon {
    height: 52px;
    line-height: 52px; } }
@media (max-width: 639px) {
  .strix .main-nav-outer .quick-nav .strix-icon, body.strix .main-nav-outer .quick-nav .strix-icon {
    height: 55px;
    line-height: 55px; } }
.strix .main-nav-outer .quick-nav .product-row-hidden, body.strix .main-nav-outer .quick-nav .product-row-hidden {
  display: none !important; }

.strix .header.sticky .main-nav-outer .quick-nav, body.strix .header.sticky .main-nav-outer .quick-nav {
  margin-right: 8px; }

@media (max-width: 639px) {
  .strix .header.sticky .main-nav-outer .quick-nav, body.strix .header.sticky .main-nav-outer .quick-nav {
    margin: 0; } }
.strix .header.sticky .main-nav-outer .quick-nav .strix-icon, body.strix .header.sticky .main-nav-outer .quick-nav .strix-icon {
  font-size: 24px;
  height: 55px;
  line-height: 55px;
  vertical-align: top; }

.strix .header.sticky .main-nav-outer .quick-nav .product-row-hidden, body.strix .header.sticky .main-nav-outer .quick-nav .product-row-hidden {
  display: inline-block !important; }

@media (max-width: 639px) {
  .strix .header.sticky .main-nav-outer .quick-nav .product-row-hidden.text, body.strix .header.sticky .main-nav-outer .quick-nav .product-row-hidden.text {
    display: none !important; } }
.strix .header.sticky .main-nav-outer .quick-nav .sticky-hidden, body.strix .header.sticky .main-nav-outer .quick-nav .sticky-hidden {
  display: none !important; }

.strix .tabs .ui-widget, .strix .tabs .ui-widget *, body.strix .tabs .ui-widget, body.strix .tabs .ui-widget * {
  box-sizing: border-box; }

.strix .tabs .ui-helper-hidden, body.strix .tabs .ui-helper-hidden {
  display: none !important; }

.strix .tabs .ui-helper-hidden-accessible, body.strix .tabs .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.strix .tabs .ui-helper-hidden-accessible input, .strix .tabs .ui-helper-hidden-accessible select, body.strix .tabs .ui-helper-hidden-accessible input, body.strix .tabs .ui-helper-hidden-accessible select {
  transform: scale(0); }

.strix .tabs .ui-helper-reset, body.strix .tabs .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.strix .tabs .ui-helper-clearfix::after, .strix .tabs .ui-helper-clearfix::before, body.strix .tabs .ui-helper-clearfix::after, body.strix .tabs .ui-helper-clearfix::before {
  content: "";
  display: table; }

.strix .tabs .ui-helper-clearfix::after, body.strix .tabs .ui-helper-clearfix::after {
  clear: both; }

.strix .tabs .ui-helper-clearfix, body.strix .tabs .ui-helper-clearfix {
  zoom: 1; }

.strix .tabs .ui-helper-zfix, body.strix .tabs .ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.strix .tabs .ui-state-disabled, body.strix .tabs .ui-state-disabled {
  cursor: default !important; }

.strix .tabs .ui-state-disabled a, body.strix .tabs .ui-state-disabled a {
  cursor: default !important; }

.strix .tabs .ui-icon, body.strix .tabs .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.strix .tabs .ui-widget-overlay, body.strix .tabs .ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.strix .tabs .ui-resizable, body.strix .tabs .ui-resizable {
  position: relative; }

.strix .tabs .ui-resizable-handle, body.strix .tabs .ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block; }

.strix .tabs .ui-resizable-autohide .ui-resizable-handle, .strix .tabs .ui-resizable-disabled .ui-resizable-handle, body.strix .tabs .ui-resizable-autohide .ui-resizable-handle, body.strix .tabs .ui-resizable-disabled .ui-resizable-handle {
  display: none; }

.strix .tabs .ui-resizable-n, body.strix .tabs .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.strix .tabs .ui-resizable-s, body.strix .tabs .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.strix .tabs .ui-resizable-e, body.strix .tabs .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.strix .tabs .ui-resizable-w, body.strix .tabs .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.strix .tabs .ui-resizable-se, body.strix .tabs .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.strix .tabs .ui-resizable-sw, body.strix .tabs .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.strix .tabs .ui-resizable-nw, body.strix .tabs .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.strix .tabs .ui-resizable-ne, body.strix .tabs .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.strix .tabs .ui-shadow, body.strix .tabs .ui-shadow {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); }

.strix .tabs .ui-unselectable-text, body.strix .tabs .ui-unselectable-text {
  user-select: none; }

.strix .tabs .ui-scrollbar-measure, body.strix .tabs .ui-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px; }

.strix .tabs .ui-overflow-hidden, body.strix .tabs .ui-overflow-hidden {
  overflow: hidden; }

.strix .tabs ::-webkit-input-placeholder, body.strix .tabs ::-webkit-input-placeholder {
  color: #898989; }

.strix .tabs :-moz-placeholder, body.strix .tabs :-moz-placeholder {
  color: #898989;
  opacity: 1; }

.strix .tabs ::-moz-placeholder, body.strix .tabs ::-moz-placeholder {
  color: #898989;
  opacity: 1; }

.strix .tabs :-ms-input-placeholder, body.strix .tabs :-ms-input-placeholder {
  color: #898989; }

.strix .tabs ::-ms-input-placeholder, body.strix .tabs ::-ms-input-placeholder {
  color: #898989; }

.strix .tabs .ui-placeholder, body.strix .tabs .ui-placeholder {
  color: #898989; }

.strix .tabs button, .strix .tabs input[type=button], .strix .tabs input[type=file]::-webkit-file-upload-button, .strix .tabs input[type=reset], .strix .tabs input[type=submit], body.strix .tabs button, body.strix .tabs input[type=button], body.strix .tabs input[type=file]::-webkit-file-upload-button, body.strix .tabs input[type=reset], body.strix .tabs input[type=submit] {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.strix .tabs .ui-tabview, body.strix .tabs .ui-tabview {
  padding: .25em; }

.strix .tabs .ui-tabview .ui-tabview-nav, body.strix .tabs .ui-tabview .ui-tabview-nav {
  margin: 0;
  text-align: center;
  height: 66px;
  white-space: nowrap; }

@media (max-width: 639px) {
  .strix .tabs .ui-tabview .ui-tabview-nav, body.strix .tabs .ui-tabview .ui-tabview-nav {
    height: 50px; } }
.strix .tabs .ui-tabview .ui-tabview-nav li, body.strix .tabs .ui-tabview .ui-tabview-nav li {
  list-style: none;
  margin: 0 -2px 0 0;
  background: #efefef;
  padding: 0;
  display: inline-block;
  position: relative;
  width: 232px;
  height: 100%; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs .ui-tabview .ui-tabview-nav li, body.strix .tabs .ui-tabview .ui-tabview-nav li {
    width: 200px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .tabs .ui-tabview .ui-tabview-nav li, body.strix .tabs .ui-tabview .ui-tabview-nav li {
    width: 174px; } }
@media (max-width: 639px) {
  .strix .tabs .ui-tabview .ui-tabview-nav li, body.strix .tabs .ui-tabview .ui-tabview-nav li {
    width: 180px; } }
.strix .tabs .ui-tabview .ui-tabview-nav li.ui-state-active, body.strix .tabs .ui-tabview .ui-tabview-nav li.ui-state-active {
  background: #fff;
  font-weight: 700; }

.strix .tabs .ui-tabview .ui-tabview-nav li.ui-state-active:after, body.strix .tabs .ui-tabview .ui-tabview-nav li.ui-state-active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #fedf00; }

.strix .tabs .ui-tabview .ui-tabview-nav li a, body.strix .tabs .ui-tabview .ui-tabview-nav li a {
  padding: 0 16px;
  text-decoration: none;
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  white-space: normal; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs .ui-tabview .ui-tabview-nav li a, body.strix .tabs .ui-tabview .ui-tabview-nav li a {
    font-size: 14px; } }
.strix .tabs .ui-tabview .ui-tabview-nav li a:before, body.strix .tabs .ui-tabview .ui-tabview-nav li a:before {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.strix .tabs .ui-tabview .ui-tabview-nav li a span, body.strix .tabs .ui-tabview .ui-tabview-nav li a span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 10px); }

.strix .tabs .ui-tabview-panel, body.strix .tabs .ui-tabview-panel {
  padding: 30px;
  background: #fff; }

.strix .tabs .next-tab, .strix .tabs .prev-tab, body.strix .tabs .next-tab, body.strix .tabs .prev-tab {
  background: #fedf00;
  width: 60px;
  height: 66px;
  display: none;
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
  z-index: 10;
  color: #000; }

@media (max-width: 639px) {
  .strix .tabs .next-tab, .strix .tabs .prev-tab, body.strix .tabs .next-tab, body.strix .tabs .prev-tab {
    width: 30px;
    height: 40px; } }
.strix .tabs .next-tab .strix-icon, .strix .tabs .prev-tab .strix-icon, body.strix .tabs .next-tab .strix-icon, body.strix .tabs .prev-tab .strix-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%); }

.strix .tabs .next-tab, body.strix .tabs .next-tab {
  left: auto;
  right: 0; }

.strix .tabs .tablist-responsive-wrapper, body.strix .tabs .tablist-responsive-wrapper {
  position: relative;
  overflow: hidden;
  height: 66px; }

@media (max-width: 639px) {
  .strix .tabs .tablist-responsive-wrapper, body.strix .tabs .tablist-responsive-wrapper {
    height: 40px; } }
.strix .tabs .tablist-responsive-wrapper.prev-visible .prev-tab, body.strix .tabs .tablist-responsive-wrapper.prev-visible .prev-tab {
  display: inline-block; }

.strix .tabs .tablist-responsive-wrapper.next-visible .next-tab, body.strix .tabs .tablist-responsive-wrapper.next-visible .next-tab {
  display: inline-block; }

.strix .tabs .nav-tabs [role=presentation], .strix .tabs .nav-tabs-currencies [role=presentation], body.strix .tabs .nav-tabs [role=presentation], body.strix .tabs .nav-tabs-currencies [role=presentation] {
  font-size: 14px;
  line-height: 17px; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs .nav-tabs [role=presentation], .strix .tabs .nav-tabs-currencies [role=presentation], body.strix .tabs .nav-tabs [role=presentation], body.strix .tabs .nav-tabs-currencies [role=presentation] {
    font-size: 13px;
    line-height: 16px; } }
@media (max-width: 639px) {
  .strix .tabs .nav-tabs [role=presentation], .strix .tabs .nav-tabs-currencies [role=presentation], body.strix .tabs .nav-tabs [role=presentation], body.strix .tabs .nav-tabs-currencies [role=presentation] {
    font-size: 11px;
    line-height: 11px; } }
.strix .tabs .nav-tabs [role=presentation].active, .strix .tabs .nav-tabs-currencies [role=presentation].active, body.strix .tabs .nav-tabs [role=presentation].active, body.strix .tabs .nav-tabs-currencies [role=presentation].active {
  font-weight: 700; }

@media (min-width: 1440px) {
  .strix .tabs .nav-tabs [role=presentation].active, .strix .tabs .nav-tabs-currencies [role=presentation].active, body.strix .tabs .nav-tabs [role=presentation].active, body.strix .tabs .nav-tabs-currencies [role=presentation].active {
    font-size: 15px;
    line-height: 18px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs .nav-tabs [role=presentation].active, .strix .tabs .nav-tabs-currencies [role=presentation].active, body.strix .tabs .nav-tabs [role=presentation].active, body.strix .tabs .nav-tabs-currencies [role=presentation].active {
    font-size: 14px;
    line-height: 17px; } }
.strix .tabs .nav-tabs, body.strix .tabs .nav-tabs {
  position: relative;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  box-sizing: content-box;
  padding-bottom: 20px; }

.strix .tabs .nav-tabs [role=presentation], body.strix .tabs .nav-tabs [role=presentation] {
  display: inline-block;
  width: 232px;
  height: 66px;
  background: #efefef;
  border-left: 1px solid #fff; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs .nav-tabs [role=presentation], body.strix .tabs .nav-tabs [role=presentation] {
    width: 200px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .tabs .nav-tabs [role=presentation], body.strix .tabs .nav-tabs [role=presentation] {
    width: 174px; } }
@media (max-width: 639px) {
  .strix .tabs .nav-tabs [role=presentation], body.strix .tabs .nav-tabs [role=presentation] {
    width: 120px;
    height: 40px; } }
.strix .tabs .nav-tabs [role=presentation] a, body.strix .tabs .nav-tabs [role=presentation] a {
  padding: 0 16px;
  text-decoration: none;
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  white-space: normal;
  color: #000; }

.strix .tabs .nav-tabs [role=presentation] a:before, body.strix .tabs .nav-tabs [role=presentation] a:before {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

@media (max-width: 639px) {
  .strix .tabs .nav-tabs [role=presentation] a, body.strix .tabs .nav-tabs [role=presentation] a {
    padding: 0 8px; } }
.strix .tabs .nav-tabs [role=presentation] a span, body.strix .tabs .nav-tabs [role=presentation] a span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 10px); }

.strix .tabs .nav-tabs [role=presentation].active, body.strix .tabs .nav-tabs [role=presentation].active {
  background: #fff; }

.strix .tabs .nav-tabs [role=presentation].active a:after, body.strix .tabs .nav-tabs [role=presentation].active a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #fedf00; }

.strix .tabs .nav-tabs [role=presentation]:first-of-type, body.strix .tabs .nav-tabs [role=presentation]:first-of-type {
  border-left: none; }

.strix .tabs .nav-tabs.tab-items-count-2 [role=presentation], body.strix .tabs .nav-tabs.tab-items-count-2 [role=presentation] {
  width: 50%; }

.strix .tabs .tab-content, body.strix .tabs .tab-content {
  padding-top: 50px;
  padding-bottom: 0; }

.strix .tabs .tab-content .tab-pane, body.strix .tabs .tab-content .tab-pane {
  display: none; }

.strix .tabs .tab-content .tab-pane.active, body.strix .tabs .tab-content .tab-pane.active {
  display: block; }

.strix .tabs .tab-content .tab-pane [class*=component-background-color], body.strix .tabs .tab-content .tab-pane [class*=component-background-color] {
  padding-top: 30px;
  padding-bottom: 30px; }

.strix .tabs .tab-content .tab-pane [class*=component-background-color]:first-of-type, body.strix .tabs .tab-content .tab-pane [class*=component-background-color]:first-of-type {
  padding-top: 0; }

.strix .tabs .tab-content .tab-pane [class*=component-background-color]:last-of-type, body.strix .tabs .tab-content .tab-pane [class*=component-background-color]:last-of-type {
  padding-bottom: 60px; }

.strix .tabs .tab-content .tab-pane h2, .strix .tabs .tab-content .tab-pane h3, body.strix .tabs .tab-content .tab-pane h2, body.strix .tabs .tab-content .tab-pane h3 {
  margin-top: 50px; }

.strix .tabs .tab-content .tab-pane h2, body.strix .tabs .tab-content .tab-pane h2 {
  font-size: 30px;
  line-height: 35px; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs.top-component-background-color-default .before-inner-wrapper, body.strix .tabs.top-component-background-color-default .before-inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper ::placeholder, body.strix .tabs.top-component-background-color-default .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder, body.strix .tabs.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder, body.strix .tabs.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field textarea, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .highlight-text-primary, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper.background-color-after, body.strix .tabs.top-component-background-color-default .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper.background-color-after:after, body.strix .tabs.top-component-background-color-default .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper a, body.strix .tabs.top-component-background-color-default .before-inner-wrapper a {
    color: #333; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper h1, .strix .tabs.top-component-background-color-default .before-inner-wrapper h2, .strix .tabs.top-component-background-color-default .before-inner-wrapper h3, .strix .tabs.top-component-background-color-default .before-inner-wrapper h4, .strix .tabs.top-component-background-color-default .before-inner-wrapper h5, .strix .tabs.top-component-background-color-default .before-inner-wrapper h6, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h1, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h2, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h3, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h4, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h5, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h6 {
    color: #000; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper h1 a, .strix .tabs.top-component-background-color-default .before-inner-wrapper h2 a, .strix .tabs.top-component-background-color-default .before-inner-wrapper h3 a, .strix .tabs.top-component-background-color-default .before-inner-wrapper h4 a, .strix .tabs.top-component-background-color-default .before-inner-wrapper h5 a, .strix .tabs.top-component-background-color-default .before-inner-wrapper h6 a, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h1 a, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h2 a, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h3 a, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h4 a, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h5 a, body.strix .tabs.top-component-background-color-default .before-inner-wrapper h6 a {
    color: #000; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper hr, body.strix .tabs.top-component-background-color-default .before-inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon, body.strix .tabs.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper ::placeholder, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field textarea, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper a, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper a {
    color: #e2e2e2; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h1, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h2, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h3, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h4, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h5, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h6, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h1, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h2, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h3, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h4, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h5, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h6 {
    color: #fff; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h1 a, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h2 a, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h3 a, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h4 a, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h5 a, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper h6 a, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h1 a, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h2 a, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h3 a, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h4 a, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h5 a, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper ::placeholder, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field textarea, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper.background-color-after, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, .strix .tabs.top-component-background-color-style1 .before-inner-wrapper input[type=text], .strix .tabs.top-component-background-color-style1 .before-inner-wrapper textarea, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper input[type=text], body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper textarea {
    background: #fff; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon, body.strix .tabs.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper ::placeholder, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field textarea, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper a, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper a {
    color: #f5f5f5; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h1, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h2, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h3, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h4, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h5, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h6, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h1, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h2, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h3, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h4, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h5, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h6 {
    color: #fff; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h1 a, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h2 a, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h3 a, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h4 a, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h5 a, .strix .tabs.top-component-background-color-style2 .before-inner-wrapper h6 a, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h1 a, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h2 a, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h3 a, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h4 a, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h5 a, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .btn.primary, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .btn.primary {
    color: #000; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-], body.strix .tabs[class*=top-component-background-color-] {
    position: relative;
    background: 0 0;
    z-index: 1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper a, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper a {
    color: #333; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 {
    color: #000; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a {
    color: #000; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon, body.strix .tabs[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a {
    color: #e2e2e2; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 {
    color: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a {
    color: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea {
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon, body.strix .tabs[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a {
    color: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 {
    color: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a {
    color: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary {
    color: #000; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default {
    background: #fff;
    color: #333; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea {
    background: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a {
    color: #333; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 {
    color: #000; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a {
    color: #000; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr {
    border-color: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse {
    background: #000;
    color: #e2e2e2; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea {
    background: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a {
    color: #e2e2e2; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 {
    color: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a {
    color: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a {
    color: #fedf00; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 {
    background: #f5f5f5;
    color: #333; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea {
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a {
    color: #f5f5f5; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 {
    color: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a {
    color: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary {
    color: #000; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text] {
    background: #fff; }

  .strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon, body.strix .tabs[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .tabs[class*=top-component-background-color-] .inner-wrapper, body.strix .tabs[class*=top-component-background-color-] .inner-wrapper {
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); }

  .strix .tabs[class*=top-component-background-color-] .inner-wrapper:before, body.strix .tabs[class*=top-component-background-color-] .inner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fedf00;
    width: 100px;
    height: 5px;
    z-index: 20; }

  .strix .tabs[class*=top-component-background-color-]:after, .strix .tabs[class*=top-component-background-color-]:before, body.strix .tabs[class*=top-component-background-color-]:after, body.strix .tabs[class*=top-component-background-color-]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1; }

  .strix .tabs[class*=top-component-background-color-]:before, body.strix .tabs[class*=top-component-background-color-]:before {
    top: 0;
    bottom: 50%; }

  .strix .tabs[class*=top-component-background-color-].background-same-as-previous:before, body.strix .tabs[class*=top-component-background-color-].background-same-as-previous:before {
    bottom: calc(50% + 50px); }

  .strix .tabs[class*=bottom-component-background-color-]:after, body.strix .tabs[class*=bottom-component-background-color-]:after {
    top: 50%;
    bottom: 0; }

  .strix .tabs[class*=bottom-component-background-color-].background-same-as-previous:after, body.strix .tabs[class*=bottom-component-background-color-].background-same-as-previous:after {
    top: calc(50% - 50px); } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs[class*=top-component-background-color-] .inner-wrapper, body.strix .tabs[class*=top-component-background-color-] .inner-wrapper {
    padding-bottom: 0;
    display: block;
    box-shadow: none; }

  .strix .tabs[class*=top-component-background-color-] .inner-wrapper .tab-content, body.strix .tabs[class*=top-component-background-color-] .inner-wrapper .tab-content {
    box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); }

  .strix .tabs[class*=top-component-background-color-] .inner-wrapper:before, body.strix .tabs[class*=top-component-background-color-] .inner-wrapper:before {
    content: none; }

  .strix .tabs:not([class*=top-component-background-color-]), body.strix .tabs:not([class*=top-component-background-color-]) {
    position: relative;
    background: 0 0;
    z-index: 1; }

  .strix .tabs:not([class*=top-component-background-color-]):after, .strix .tabs:not([class*=top-component-background-color-]):before, body.strix .tabs:not([class*=top-component-background-color-]):after, body.strix .tabs:not([class*=top-component-background-color-]):before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1; }

  .strix .tabs:not([class*=top-component-background-color-]):before, body.strix .tabs:not([class*=top-component-background-color-]):before {
    top: 0;
    bottom: calc(100% - 66px); }

  .strix .tabs:not([class*=top-component-background-color-]):after, body.strix .tabs:not([class*=top-component-background-color-]):after {
    top: calc(100% - 60px);
    bottom: 0; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .tabs, body.strix .tabs {
    position: relative; }

  .strix .tabs .container, body.strix .tabs .container {
    padding-left: 0;
    padding-right: 0; }

  .strix .tabs .container .tab-content, body.strix .tabs .container .tab-content {
    padding-left: 15px;
    padding-right: 15px; }

  .strix .tabs[class*=top-component-background-color-] .tab-content, body.strix .tabs[class*=top-component-background-color-] .tab-content {
    box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); } }
.strix .tabs .heading, body.strix .tabs .heading {
  text-align: center; }

.strix .tabs .flat-variant-shadow, body.strix .tabs .flat-variant-shadow {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 60px;
  box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] > .container > .row > [class*=col-] > .inner-wrapper, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] > .container > .row > [class*=col-] > .inner-wrapper, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] > .container > .row > [class*=col-] > .inner-wrapper, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] > .container > .row > [class*=col-] > .inner-wrapper, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] > .container > .row > [class*=col-] > .inner-wrapper, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] > .container > .row > [class*=col-] > .inner-wrapper, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] > .container > .row > [class*=col-] > .inner-wrapper, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] > .container > .row > [class*=col-] > .inner-wrapper {
  background: 0 0; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper {
  background: #fff;
  color: #333; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper ::placeholder, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper ::placeholder, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper ::placeholder, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper ::placeholder, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper ::placeholder, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper ::placeholder, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper ::placeholder, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper :-ms-input-placeholder, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper :-ms-input-placeholder, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper :-ms-input-placeholder, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper :-ms-input-placeholder, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper :-ms-input-placeholder, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper :-ms-input-placeholder, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper :-ms-input-placeholder, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper ::-ms-input-placeholder, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper ::-ms-input-placeholder, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper ::-ms-input-placeholder, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper ::-ms-input-placeholder, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper ::-ms-input-placeholder, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper ::-ms-input-placeholder, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper ::-ms-input-placeholder, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .dk_toggle, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=email], .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=number], .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=password], .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=tel], .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=text], .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field textarea, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .dk_toggle, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=email], .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=number], .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=password], .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=tel], .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=text], .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field textarea, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .dk_toggle, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=email], .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=number], .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=password], .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=tel], .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=text], .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field textarea, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .dk_toggle, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=email], .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=number], .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=password], .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=tel], .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=text], .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field textarea, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .dk_toggle, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=email], body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=number], body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=password], body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=tel], body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=text], body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field textarea, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .dk_toggle, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=email], body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=number], body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=password], body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=tel], body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=text], body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field textarea, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .dk_toggle, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=email], body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=number], body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=password], body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=tel], body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=text], body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field textarea, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .dk_toggle, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=email], body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=number], body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=password], body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=tel], body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=text], body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field textarea {
  background: #f5f5f5; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper label:before, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper label:before, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper label:before, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=radio]:checked + label:before, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=radio]:checked + label:before, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=radio]:checked + label:before, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .highlight-text-primary, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .highlight-text-primary, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .highlight-text-primary, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .highlight-text-primary, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .highlight-text-primary, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .highlight-text-primary, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .highlight-text-primary, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper.background-color-after, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper.background-color-after, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper.background-color-after, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper.background-color-after, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper.background-color-after, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper.background-color-after, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper.background-color-after, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper.background-color-after {
  position: relative;
  z-index: 1; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper.background-color-after:after, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper.background-color-after:after, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper.background-color-after:after, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper.background-color-after:after, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper.background-color-after:after, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper.background-color-after:after, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper.background-color-after:after, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper a, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper a, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper a, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper a, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper a, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper a, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper a, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper a {
  color: #333; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h1, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h2, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h3, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h4, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h5, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h6, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h1, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h2, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h3, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h4, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h5, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h6, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h1, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h2, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h3, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h4, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h5, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h6, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h1, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h2, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h3, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h4, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h5, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h6, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h1, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h2, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h3, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h4, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h5, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h6, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h1, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h2, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h3, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h4, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h5, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h6, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h1, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h2, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h3, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h4, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h5, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h6, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h1, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h2, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h3, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h4, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h5, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h6 {
  color: #000; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h1 a, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h2 a, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h3 a, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h4 a, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h5 a, .strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h6 a, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h1 a, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h2 a, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h3 a, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h4 a, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h5 a, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h6 a, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h1 a, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h2 a, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h3 a, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h4 a, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h5 a, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h6 a, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h1 a, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h2 a, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h3 a, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h4 a, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h5 a, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h6 a, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h1 a, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h2 a, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h3 a, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h4 a, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h5 a, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper h6 a, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h1 a, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h2 a, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h3 a, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h4 a, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h5 a, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper h6 a, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h1 a, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h2 a, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h3 a, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h4 a, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h5 a, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper h6 a, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h1 a, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h2 a, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h3 a, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h4 a, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h5 a, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper h6 a {
  color: #000; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper hr, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper hr, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper hr, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper hr, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper hr, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper hr, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper hr, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper hr {
  border-color: #f5f5f5; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field.input-with-icon .strix-icon, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field.input-with-icon .strix-icon, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field.input-with-icon .strix-icon, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .hint-icon, .strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .hint-icon, .strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .hint-icon, .strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .hint-icon, body.strix .tabs.component-background-color-default[class*=top-component-background-color-] .inner-wrapper .form-field .hint-icon, body.strix .tabs.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper .form-field .hint-icon, body.strix .tabs.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper .form-field .hint-icon, body.strix .tabs.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper .form-field .hint-icon {
  color: #4d4f53; }

.strix .tabs.component-background-color-default .tab-content, .strix .tabs.component-background-color-inverse .tab-content, .strix .tabs.component-background-color-style1 .tab-content, .strix .tabs.component-background-color-style2 .tab-content, body.strix .tabs.component-background-color-default .tab-content, body.strix .tabs.component-background-color-inverse .tab-content, body.strix .tabs.component-background-color-style1 .tab-content, body.strix .tabs.component-background-color-style2 .tab-content {
  background: #fff; }

.strix .tabs.component-background-color-default .nav-tabs [role=presentation], .strix .tabs.component-background-color-inverse .nav-tabs [role=presentation], .strix .tabs.component-background-color-style1 .nav-tabs [role=presentation], .strix .tabs.component-background-color-style2 .nav-tabs [role=presentation], body.strix .tabs.component-background-color-default .nav-tabs [role=presentation], body.strix .tabs.component-background-color-inverse .nav-tabs [role=presentation], body.strix .tabs.component-background-color-style1 .nav-tabs [role=presentation], body.strix .tabs.component-background-color-style2 .nav-tabs [role=presentation] {
  background: #efefef; }

.strix .tabs.component-background-color-default .nav-tabs [role=presentation].active, .strix .tabs.component-background-color-inverse .nav-tabs [role=presentation].active, .strix .tabs.component-background-color-style1 .nav-tabs [role=presentation].active, .strix .tabs.component-background-color-style2 .nav-tabs [role=presentation].active, body.strix .tabs.component-background-color-default .nav-tabs [role=presentation].active, body.strix .tabs.component-background-color-inverse .nav-tabs [role=presentation].active, body.strix .tabs.component-background-color-style1 .nav-tabs [role=presentation].active, body.strix .tabs.component-background-color-style2 .nav-tabs [role=presentation].active {
  background: #fff; }

.strix .tabs.component-background-color-default .nav-tabs [role=presentation] a, .strix .tabs.component-background-color-inverse .nav-tabs [role=presentation] a, .strix .tabs.component-background-color-style1 .nav-tabs [role=presentation] a, .strix .tabs.component-background-color-style2 .nav-tabs [role=presentation] a, body.strix .tabs.component-background-color-default .nav-tabs [role=presentation] a, body.strix .tabs.component-background-color-inverse .nav-tabs [role=presentation] a, body.strix .tabs.component-background-color-style1 .nav-tabs [role=presentation] a, body.strix .tabs.component-background-color-style2 .nav-tabs [role=presentation] a {
  color: #4d4f53; }

.strix .tabs:not([class*=top-component-background-color-]):after, .strix .tabs:not([class*=top-component-background-color-]):before, body.strix .tabs:not([class*=top-component-background-color-]):after, body.strix .tabs:not([class*=top-component-background-color-]):before {
  background: #f5f5f5; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .tabs.component-background-color-default, .strix .tabs.component-background-color-inverse, .strix .tabs.component-background-color-style1, .strix .tabs.component-background-color-style2, body.strix .tabs.component-background-color-default, body.strix .tabs.component-background-color-inverse, body.strix .tabs.component-background-color-style1, body.strix .tabs.component-background-color-style2 {
    background: #f5f5f5; } }
.strix .tabs-promo, body.strix .tabs-promo {
  padding-bottom: 100px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo, body.strix .tabs-promo {
    padding-bottom: 84px; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container, body.strix .tabs-promo .container {
    height: 710px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo .container, body.strix .tabs-promo .container {
    height: 680px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container, body.strix .tabs-promo .container {
    height: 670px; } }
.strix .tabs-promo .container .tabs:not([class*=top-component-background-color-]):after, .strix .tabs-promo .container .tabs:not([class*=top-component-background-color-]):before, body.strix .tabs-promo .container .tabs:not([class*=top-component-background-color-]):after, body.strix .tabs-promo .container .tabs:not([class*=top-component-background-color-]):before {
  background: 0 0; }

.strix .tabs-promo .container .tabs .heading, body.strix .tabs-promo .container .tabs .heading {
  width: 666px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo .container .tabs .heading, body.strix .tabs-promo .container .tabs .heading {
    width: 632px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .tabs-promo .container .tabs .heading, body.strix .tabs-promo .container .tabs .heading {
    width: 100%; } }
.strix .tabs-promo .container .tabs .heading h2, body.strix .tabs-promo .container .tabs .heading h2 {
  font-weight: 700;
  text-align: left; }

@media (max-width: 639px) {
  .strix .tabs-promo .container .tabs .heading h2, body.strix .tabs-promo .container .tabs .heading h2 {
    margin-top: 50px;
    font-size: 30px;
    text-align: center; } }
.strix .tabs-promo .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper {
  width: 666px; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper {
    height: 124px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper {
    width: 632px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .tabs-promo .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper {
    width: 100%; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container .tabs .tablist-responsive-wrapper .next-tab, .strix .tabs-promo .container .tabs .tablist-responsive-wrapper .prev-tab, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .next-tab, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .prev-tab {
    height: 124px; } }
.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs {
  text-align: left; }

.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation], body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] {
  width: 130px;
  text-align: center; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation], body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] {
    height: 124px; } }
@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation], body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] {
    width: 125px; } }
.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] a, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] a {
  padding: 0 10px; }

.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] a .strix-icon, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] a .strix-icon {
  width: 100%;
  position: absolute;
  top: 25px;
  left: 0;
  font-size: 33px; }

@media (max-width: 639px) {
  .strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] a .strix-icon, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] a .strix-icon {
    display: none; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] a .text, body.strix .tabs-promo .container .tabs .tablist-responsive-wrapper .nav-tabs [role=presentation] a .text {
    padding: 0 10px;
    width: 100%;
    position: absolute;
    top: 68px;
    left: 0;
    font-size: 14px; } }
.strix .tabs-promo .container .tabs .tab-content, body.strix .tabs-promo .container .tabs .tab-content {
  padding-top: 30px; }

@media (max-width: 639px) {
  .strix .tabs-promo .container .tabs .tab-content, body.strix .tabs-promo .container .tabs .tab-content {
    padding: 20px 0 0 0; } }
.strix .tabs-promo .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo .container .tabs .tab-content .wysiwyg {
  width: 666px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo .container .tabs .tab-content .wysiwyg {
    width: 632px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo .container .tabs .tab-content .wysiwyg {
    width: 60%; } }
@media (max-width: 639px) {
  .strix .tabs-promo .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo .container .tabs .tab-content .wysiwyg {
    width: 100%; }

  .strix .tabs-promo .container .tabs .tab-content .wysiwyg p, body.strix .tabs-promo .container .tabs .tab-content .wysiwyg p {
    font-size: 16px;
    line-height: 26px; } }
.strix .tabs-promo .container .tabs .tab-content .image, body.strix .tabs-promo .container .tabs .tab-content .image {
  position: absolute;
  top: 50px; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo .container .tabs .tab-content .image, body.strix .tabs-promo .container .tabs .tab-content .image {
    top: 330px; } }
@media (max-width: 639px) {
  .strix .tabs-promo .container .tabs .tab-content .image, body.strix .tabs-promo .container .tabs .tab-content .image {
    position: relative;
    top: 0;
    text-align: center; } }
.strix .tabs-promo .container .tabs .tab-content .image img, body.strix .tabs-promo .container .tabs .tab-content .image img {
  max-height: 660px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo .container .tabs .tab-content .image img, body.strix .tabs-promo .container .tabs .tab-content .image img {
    max-height: 630px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .tabs-promo .container .tabs .tab-content .image img, body.strix .tabs-promo .container .tabs .tab-content .image img {
    max-height: 337px; } }
.strix .tabs-promo.appearance-auto:nth-child(2n) .container .tabs .tab-content .image, .strix .tabs-promo.appearance-odd .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-auto:nth-child(2n) .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-odd .container .tabs .tab-content .image {
  right: 0; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n) .container .tabs .tab-content .image, .strix .tabs-promo.appearance-odd .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-auto:nth-child(2n) .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-odd .container .tabs .tab-content .image {
    right: 8%; } }
@media (max-width: 639px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n) .container .tabs .tab-content .image, .strix .tabs-promo.appearance-odd .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-auto:nth-child(2n) .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-odd .container .tabs .tab-content .image {
    right: auto; } }
.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .heading, .strix .tabs-promo.appearance-even .container .tabs .heading, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .heading, body.strix .tabs-promo.appearance-even .container .tabs .heading {
  margin-left: 504px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .heading, .strix .tabs-promo.appearance-even .container .tabs .heading, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .heading, body.strix .tabs-promo.appearance-even .container .tabs .heading {
    margin-left: 338px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .heading, .strix .tabs-promo.appearance-even .container .tabs .heading, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .heading, body.strix .tabs-promo.appearance-even .container .tabs .heading {
    margin-left: 0; } }
.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tablist-responsive-wrapper, .strix .tabs-promo.appearance-even .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo.appearance-even .container .tabs .tablist-responsive-wrapper {
  margin-left: 504px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tablist-responsive-wrapper, .strix .tabs-promo.appearance-even .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo.appearance-even .container .tabs .tablist-responsive-wrapper {
    margin-left: 338px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tablist-responsive-wrapper, .strix .tabs-promo.appearance-even .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tablist-responsive-wrapper, body.strix .tabs-promo.appearance-even .container .tabs .tablist-responsive-wrapper {
    margin-left: 0; } }
.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .wysiwyg, .strix .tabs-promo.appearance-even .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo.appearance-even .container .tabs .tab-content .wysiwyg {
  margin-left: 504px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .wysiwyg, .strix .tabs-promo.appearance-even .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo.appearance-even .container .tabs .tab-content .wysiwyg {
    margin-left: 338px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .wysiwyg, .strix .tabs-promo.appearance-even .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .wysiwyg, body.strix .tabs-promo.appearance-even .container .tabs .tab-content .wysiwyg {
    margin-left: 0; } }
.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .image, .strix .tabs-promo.appearance-even .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-even .container .tabs .tab-content .image {
  left: 0; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .image, .strix .tabs-promo.appearance-even .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-even .container .tabs .tab-content .image {
    left: auto;
    right: 8%; } }
@media (max-width: 639px) {
  .strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .image, .strix .tabs-promo.appearance-even .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-auto:nth-child(2n+1) .container .tabs .tab-content .image, body.strix .tabs-promo.appearance-even .container .tabs .tab-content .image {
    right: auto; } }
.strix .tabs-promo.component-background-color-default .tabs .nav-tabs [role=presentation].active, body.strix .tabs-promo.component-background-color-default .tabs .nav-tabs [role=presentation].active {
  background: #4d4f53; }

.strix .tabs-promo.component-background-color-default .tabs .nav-tabs [role=presentation].active, .strix .tabs-promo.component-background-color-default .tabs .nav-tabs [role=presentation].active a, body.strix .tabs-promo.component-background-color-default .tabs .nav-tabs [role=presentation].active, body.strix .tabs-promo.component-background-color-default .tabs .nav-tabs [role=presentation].active a {
  color: #fff; }

.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation], body.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation] {
  background: rgba(0, 0, 0, 0.15);
  border-left: 1px solid #4d4f53; }

.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation], .strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation] a, body.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation], body.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation] a {
  color: #fff; }

.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation].active, body.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation].active {
  background: #f5f5f5; }

.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation].active, .strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation].active a, body.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation].active, body.strix .tabs-promo.component-background-color-style2 .tabs .nav-tabs [role=presentation].active a {
  color: #000; }

.strix .search-detail, body.strix .search-detail {
  background: #f5f5f5; }

.strix .search-detail a, body.strix .search-detail a {
  text-decoration: none; }

.strix .search-detail .search-area, body.strix .search-detail .search-area {
  text-align: center;
  padding: 70px 0 100px 0; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .search-detail .search-area, body.strix .search-detail .search-area {
    padding-top: 40px;
    padding-bottom: 70px; } }
.strix .search-detail .result-count, body.strix .search-detail .result-count {
  font-size: 18px;
  margin-top: 44px;
  color: #4d4f53; }

.strix .search-detail .form-field, body.strix .search-detail .form-field {
  display: inline-block;
  text-align: left; }

.strix .search-detail .dk_container, .strix .search-detail input, body.strix .search-detail .dk_container, body.strix .search-detail input {
  width: 100%; }

.strix .search-detail form, body.strix .search-detail form {
  display: inline-block; }

@media (max-width: 639px) {
  .strix .search-detail form, body.strix .search-detail form {
    width: 100%; } }
.strix .search-detail form .input-wrapper, body.strix .search-detail form .input-wrapper {
  width: 440px;
  margin-right: 64px;
  position: relative; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .search-detail form .input-wrapper, body.strix .search-detail form .input-wrapper {
    width: 340px;
    margin-right: 20px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .search-detail form .input-wrapper, body.strix .search-detail form .input-wrapper {
    display: block;
    margin: 0 auto; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .search-detail form .input-wrapper, body.strix .search-detail form .input-wrapper {
    width: 440px; } }
@media (max-width: 639px) {
  .strix .search-detail form .input-wrapper, body.strix .search-detail form .input-wrapper {
    width: 100%;
    max-width: 440px; } }
.strix .search-detail .select-wrapper, body.strix .search-detail .select-wrapper {
  width: 274px; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .search-detail .select-wrapper, body.strix .search-detail .select-wrapper {
    margin-top: 30px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .search-detail .select-wrapper, body.strix .search-detail .select-wrapper {
    margin-left: 40px;
    margin-right: 40px; } }
.strix .search-detail .result-breadcrumbs, body.strix .search-detail .result-breadcrumbs {
  padding: 0;
  margin: 0 0 8px;
  display: block;
  color: #4d4f53; }

.strix .search-detail .result-breadcrumbs li, body.strix .search-detail .result-breadcrumbs li {
  list-style: none;
  display: inline-block;
  position: relative;
  font-size: 14px;
  hine-heading: 28px;
  font-weight: 100; }

.strix .search-detail .result-breadcrumbs li:after, body.strix .search-detail .result-breadcrumbs li:after {
  content: "\e66F";
  font-family: rb-icons;
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  margin: 0 8px; }

.strix .search-detail .result-breadcrumbs li:last-of-type:after, body.strix .search-detail .result-breadcrumbs li:last-of-type:after {
  display: none; }

.strix .search-detail .result-type-page, body.strix .search-detail .result-type-page {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
  background: #fff;
  margin-bottom: 1px;
  border-radius: 2px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .search-detail .result-type-page, body.strix .search-detail .result-type-page {
    padding-left: 40px;
    padding-right: 40px; } }
@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .search-detail .result-type-page, body.strix .search-detail .result-type-page {
    padding-left: 30px;
    padding-right: 30px; } }
.strix .search-detail .result-type-page .title, body.strix .search-detail .result-type-page .title {
  font-family: "Futura PT",Arial,sans-serif;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 4px;
  display: block; }

.strix .search-detail .result-type-page .description, body.strix .search-detail .result-type-page .description {
  font-size: 18px;
  line-height: 28px;
  font-weight: 100;
  color: #4d4f53; }

.strix .search-detail .load-next-button, body.strix .search-detail .load-next-button {
  margin-top: 30px; }

.strix .search-detail .result-type-promo, body.strix .search-detail .result-type-promo {
  display: inline-block;
  background: #fff;
  vertical-align: top;
  position: relative;
  text-decoration: none;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
  height: 200px;
  margin: 0 0 40px 0; }

@media (max-width: 639px) {
  .strix .search-detail .result-type-promo, body.strix .search-detail .result-type-promo {
    height: auto;
    padding-bottom: 40px; } }
.strix .search-detail .result-type-promo .img, body.strix .search-detail .result-type-promo .img {
  position: relative;
  vertical-align: top;
  width: 40%;
  height: 100%;
  display: inline-block; }

.strix .search-detail .result-type-promo .img:after, body.strix .search-detail .result-type-promo .img:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 5px;
  background: #fedf00; }

.strix .search-detail .result-type-promo .img .img-inner, body.strix .search-detail .result-type-promo .img .img-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.strix .search-detail .result-type-promo .img img, body.strix .search-detail .result-type-promo .img img {
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0); }

.strix .search-detail .result-type-promo .img:after, body.strix .search-detail .result-type-promo .img:after {
  top: 50%;
  right: -5px;
  bottom: 0;
  left: auto;
  transform: translateY(-50%);
  width: 5px;
  height: 50px;
  background: #fedf00; }

@media (max-width: 639px) {
  .strix .search-detail .result-type-promo .img, body.strix .search-detail .result-type-promo .img {
    display: none; } }
.strix .search-detail .result-type-promo .text, body.strix .search-detail .result-type-promo .text {
  padding: 0 50px;
  text-align: left;
  position: relative;
  height: 100%;
  width: 55%;
  display: inline-block; }

@media (max-width: 639px) {
  .strix .search-detail .result-type-promo .text, body.strix .search-detail .result-type-promo .text {
    width: 100%; } }
.strix .search-detail .result-type-promo .heading, body.strix .search-detail .result-type-promo .heading {
  color: #000;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 25px;
  line-height: 35px;
  font-weight: 400; }

.strix .search-detail .result-type-promo .heading *, body.strix .search-detail .result-type-promo .heading * {
  font-weight: 400; }

@media (min-width: 640px) and (max-width: 999px), (max-width: 639px) {
  .strix .search-detail .result-type-promo .heading br, body.strix .search-detail .result-type-promo .heading br {
    display: inline;
    content: " "; }

  .strix .search-detail .result-type-promo .heading br:after, body.strix .search-detail .result-type-promo .heading br:after {
    content: " "; } }
.strix .currencies .table, body.strix .currencies .table {
  width: 100%; }

.strix .currencies .table .count input, body.strix .currencies .table .count input {
  min-width: 75px;
  text-align: right; }

.strix .currencies td, .strix .currencies th, body.strix .currencies td, body.strix .currencies th {
  vertical-align: middle;
  width: calc(14.2857142857% - 67.5px); }

.strix .currencies th, body.strix .currencies th {
  vertical-align: bottom; }

.strix .currencies .row-thin, body.strix .currencies .row-thin {
  font-size: 14px; }

.strix .currencies .row-thick, body.strix .currencies .row-thick {
  font-size: 18px;
  font-weight: 700; }

.strix .currencies .country, body.strix .currencies .country {
  width: 200px; }

.strix .currencies .flag, body.strix .currencies .flag {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e2e2e2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  background: no-repeat center center;
  background-size: cover; }

.strix .currencies .name, body.strix .currencies .name {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle; }

.strix .currencies .count, body.strix .currencies .count {
  width: 70px; }

.strix .currencies .count input, body.strix .currencies .count input {
  width: 100%; }

.strix .currencies .tendency, body.strix .currencies .tendency {
  position: relative; }

.strix .currencies .tendency:after, body.strix .currencies .tendency:after {
  font-family: rb-icons;
  font-size: 24px;
  content: "\e64B";
  color: #4c8;
  top: 0;
  line-height: .8;
  top: 5px;
  position: relative; }

.strix .currencies .down .tendency:after, body.strix .currencies .down .tendency:after {
  content: "\e649";
  color: #ec5a4e; }

.strix .currencies .neutral .tendency:after, body.strix .currencies .neutral .tendency:after {
  content: "\e647";
  color: #4d4f53; }

.strix .currencies .table-accordion-wrapper input, body.strix .currencies .table-accordion-wrapper input {
  width: 75px;
  text-align: center;
  margin: 0; }

.strix .currencies .table-accordion-wrapper .row-thick, .strix .currencies .table-accordion-wrapper .row-thin, body.strix .currencies .table-accordion-wrapper .row-thick, body.strix .currencies .table-accordion-wrapper .row-thin {
  font-size: 16px;
  font-weight: 600; }

.strix .currencies .table-accordion-wrapper .form-field, body.strix .currencies .table-accordion-wrapper .form-field {
  display: block; }

.strix .currencies .table-accordion-wrapper td, body.strix .currencies .table-accordion-wrapper td {
  padding: 10px 15px; }

.strix .currencies .icon, body.strix .currencies .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #fedf00;
  text-align: center;
  font-size: 26px;
  cursor: pointer; }

.strix .currencies .date-picker, body.strix .currencies .date-picker {
  position: relative;
  float: right;
  padding: 0 20px; }

@media (max-width: 639px) {
  .strix .currencies .date-picker, body.strix .currencies .date-picker {
    display: block;
    float: none;
    clear: both;
    padding: 20px 0; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .currencies .date-picker, body.strix .currencies .date-picker {
    display: block;
    float: none;
    clear: both;
    padding: 20px 0; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .currencies .date-picker-input, body.strix .currencies .date-picker-input {
    float: none; } }
.strix .currencies .select-wrapper, body.strix .currencies .select-wrapper {
  position: relative;
  float: right; }

@media (max-width: 639px) {
  .strix .currencies .select-wrapper, body.strix .currencies .select-wrapper {
    display: block;
    float: none;
    clear: both; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .currencies .select-wrapper, body.strix .currencies .select-wrapper {
    display: block;
    float: none;
    clear: both; } }
.strix .currencies .xml-button, body.strix .currencies .xml-button {
  position: relative;
  display: inline-block; }

@media (max-width: 639px) {
  .strix .currencies .xml-button, body.strix .currencies .xml-button {
    display: block;
    padding-bottom: 20px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .currencies .xml-button, body.strix .currencies .xml-button {
    display: block;
    padding-bottom: 20px; } }
.strix .currencies .dk_container, body.strix .currencies .dk_container {
  min-width: 222px; }

.strix .currencies .top-row-wrapper, body.strix .currencies .top-row-wrapper {
  padding: 20px 0; }

@media (max-width: 639px) {
  .strix .currencies .input-wrapper input[type=text], body.strix .currencies .input-wrapper input[type=text] {
    float: none; } }
@media (max-width: 639px) {
  .strix .currencies .dk_toggle.dk_label::after, body.strix .currencies .dk_toggle.dk_label::after {
    width: 50px; } }
@media screen and (max-width: 744px) and (min-width: 639px) {
  .strix .currencies .dk_toggle.dk_label::after, body.strix .currencies .dk_toggle.dk_label::after {
    width: 50px; } }
@media (max-width: 639px) {
  .strix .currencies .form-field .dk_container, .strix .currencies .form-field select, body.strix .currencies .form-field .dk_container, body.strix .currencies .form-field select {
    width: 100%; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .currencies .form-field .dk_container, .strix .currencies .form-field select, body.strix .currencies .form-field .dk_container, body.strix .currencies .form-field select {
    width: 100%; } }
@media (max-width: 639px) {
  .strix .currencies .table-responsive-wrapper .table.responsive, .strix .currencies .table-responsive-wrapper .table.responsive-accordion, body.strix .currencies .table-responsive-wrapper .table.responsive, body.strix .currencies .table-responsive-wrapper .table.responsive-accordion {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .currencies .table-responsive-wrapper .table.responsive, .strix .currencies .table-responsive-wrapper .table.responsive-accordion, body.strix .currencies .table-responsive-wrapper .table.responsive, body.strix .currencies .table-responsive-wrapper .table.responsive-accordion {
    display: none; } }
.strix .currencies .table-responsive-mobile, body.strix .currencies .table-responsive-mobile {
  display: none; }

@media (max-width: 639px) {
  .strix .currencies .table-responsive-mobile, body.strix .currencies .table-responsive-mobile {
    display: block; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .currencies .table-responsive-mobile, body.strix .currencies .table-responsive-mobile {
    display: block; } }
.strix .currencies .table-responsive-mobile .table, body.strix .currencies .table-responsive-mobile .table {
  margin-bottom: 15px;
  width: 100%; }

.strix .currencies .table-responsive-mobile .table td, body.strix .currencies .table-responsive-mobile .table td {
  padding-left: 15px;
  padding-right: 15px;
  height: 70px; }

.strix .currencies .table-responsive-mobile .table td div, body.strix .currencies .table-responsive-mobile .table td div {
  height: auto; }

.strix .currencies .table-responsive-mobile .table .key, body.strix .currencies .table-responsive-mobile .table .key {
  font-weight: 700; }

.strix .currencies .table-responsive-mobile .accordion-heading, body.strix .currencies .table-responsive-mobile .accordion-heading {
  cursor: pointer;
  font-size: 18px;
  padding: 22px 15px;
  border-bottom: 1px solid #ccc;
  position: relative; }

.strix .currencies .table-responsive-mobile .accordion-heading:after, body.strix .currencies .table-responsive-mobile .accordion-heading:after {
  font-family: rb-icons;
  font-size: 26px;
  content: "\e649";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px; }

.strix .currencies .table-responsive-mobile .table-accordion-wrapper.active .table, body.strix .currencies .table-responsive-mobile .table-accordion-wrapper.active .table {
  display: table;
  margin: 0; }

.strix .currencies .table-responsive-mobile .table-accordion-wrapper.active .accordion-heading:after, body.strix .currencies .table-responsive-mobile .table-accordion-wrapper.active .accordion-heading:after {
  content: "\e64B"; }

.strix .currencies .table-responsive-mobile .table-accordion-wrapper .table, body.strix .currencies .table-responsive-mobile .table-accordion-wrapper .table {
  display: none; }

.strix .search-panel, body.strix .search-panel {
  background: #f5f5f5;
  color: #333;
  width: 450px;
  position: fixed;
  right: -450px;
  top: 0;
  bottom: 0;
  z-index: 999;
  padding: 14px 30px;
  overflow-y: auto;
  transition: all .3s; }

.strix .search-panel ::placeholder, body.strix .search-panel ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .search-panel :-ms-input-placeholder, body.strix .search-panel :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .search-panel ::-ms-input-placeholder, body.strix .search-panel ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .search-panel .form-field .dk_toggle, .strix .search-panel .form-field input[type=email], .strix .search-panel .form-field input[type=number], .strix .search-panel .form-field input[type=password], .strix .search-panel .form-field input[type=tel], .strix .search-panel .form-field input[type=text], .strix .search-panel .form-field textarea, body.strix .search-panel .form-field .dk_toggle, body.strix .search-panel .form-field input[type=email], body.strix .search-panel .form-field input[type=number], body.strix .search-panel .form-field input[type=password], body.strix .search-panel .form-field input[type=tel], body.strix .search-panel .form-field input[type=text], body.strix .search-panel .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .search-panel .form-field .form-checkbox-wrapper label:before, .strix .search-panel .form-field .form-radio-wrapper label:before, body.strix .search-panel .form-field .form-checkbox-wrapper label:before, body.strix .search-panel .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .search-panel .form-field .form-checkbox-wrapper input:checked + label:before, .strix .search-panel .form-field .form-radio-wrapper input:checked + label:before, body.strix .search-panel .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .search-panel .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .search-panel .form-field input[type=radio]:checked + label:before, body.strix .search-panel .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .search-panel .form-field.with-calling-code .dk_container .dk_toggle, body.strix .search-panel .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .search-panel .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .search-panel .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .search-panel .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .search-panel .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .search-panel.background-color-after, body.strix .search-panel.background-color-after {
  position: relative;
  z-index: 1; }

.strix .search-panel.background-color-after:after, body.strix .search-panel.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .search-panel .highlight-text-primary, body.strix .search-panel .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .search-panel .dk_toggle, .strix .search-panel input[type=text], .strix .search-panel textarea, body.strix .search-panel .dk_toggle, body.strix .search-panel input[type=text], body.strix .search-panel textarea {
  background: #fff; }

.strix .search-panel .form-field .form-checkbox-wrapper label:before, .strix .search-panel .form-field .form-radio-wrapper label:before, body.strix .search-panel .form-field .form-checkbox-wrapper label:before, body.strix .search-panel .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .search-panel .form-field.input-with-icon .strix-icon, body.strix .search-panel .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .search-panel .form-field .hint-icon, body.strix .search-panel .form-field .hint-icon {
  color: #4d4f53; }

.strix .search-panel *, body.strix .search-panel * {
  filter: none; }

.strix .search-panel a, body.strix .search-panel a {
  text-decoration: none;
  color: #4d4f53; }

.strix .search-panel a:hover, .strix .search-panel a:hover *, body.strix .search-panel a:hover, body.strix .search-panel a:hover * {
  text-decoration: underline; }

.strix .search-panel .close, body.strix .search-panel .close {
  text-align: right;
  margin-bottom: 16px; }

.strix .search-panel .close .inner, body.strix .search-panel .close .inner {
  display: inline-block; }

.strix .search-panel .close span, body.strix .search-panel .close span {
  display: inline-block;
  font-size: 12px;
  vertical-align: baseline;
  cursor: pointer; }

.strix .search-panel .close .strix-icon, body.strix .search-panel .close .strix-icon {
  font-size: 10px;
  margin-left: 8px; }

.strix .search-panel input, body.strix .search-panel input {
  float: none;
  width: 100%; }

.strix .search-panel .search-input-wrapper, .strix .search-panel .show-all-results, body.strix .search-panel .search-input-wrapper, body.strix .search-panel .show-all-results {
  margin-bottom: 40px;
  position: relative; }

.strix .search-panel .with-breadcrumbs .custom-icon .icon-wrapper, body.strix .search-panel .with-breadcrumbs .custom-icon .icon-wrapper {
  top: 2px; }

.strix .search-panel .with-breadcrumbs .line-2, body.strix .search-panel .with-breadcrumbs .line-2 {
  padding-left: 34px; }

.strix .search-panel .result-breadcrumbs, body.strix .search-panel .result-breadcrumbs {
  padding: 0;
  margin: 0 0 4px;
  display: block; }

.strix .search-panel .result-breadcrumbs li, body.strix .search-panel .result-breadcrumbs li {
  list-style: none;
  display: inline-block;
  position: relative;
  font-size: 14px;
  margin: 0 !important; }

.strix .search-panel .result-breadcrumbs li:after, body.strix .search-panel .result-breadcrumbs li:after {
  content: "\e66F";
  font-family: rb-icons;
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  margin: 0 8px; }

.strix .search-panel .result-breadcrumbs li:last-of-type:after, body.strix .search-panel .result-breadcrumbs li:last-of-type:after {
  display: none; }

.strix .search-panel .result-breadcrumbs li a, body.strix .search-panel .result-breadcrumbs li a {
  display: inline-block !important;
  padding: 0 !important; }

.strix .search-panel .result-breadcrumbs li a:before, body.strix .search-panel .result-breadcrumbs li a:before {
  display: none; }

.strix .search-panel .heading, body.strix .search-panel .heading {
  font-size: 16px;
  margin: 40px 0 4px;
  font-weight: 600;
  padding: 0 !important; }

.strix .search-panel .heading:before, body.strix .search-panel .heading:before {
  display: none; }

.strix .search-panel .list-area, .strix .search-panel .location-area, body.strix .search-panel .list-area, body.strix .search-panel .location-area {
  margin-bottom: 40px; }

.strix .search-panel .list-area li, .strix .search-panel .location-area li, body.strix .search-panel .list-area li, body.strix .search-panel .location-area li {
  list-style: none; }

.strix .search-panel .list-area li a, .strix .search-panel .location-area li a, body.strix .search-panel .list-area li a, body.strix .search-panel .location-area li a {
  font-size: 14px;
  line-height: 18px;
  position: relative; }

.strix .search-panel .list-area a, body.strix .search-panel .list-area a {
  padding-left: 20px;
  display: block; }

.strix .search-panel .list-area .icon-wrapper:before, body.strix .search-panel .list-area .icon-wrapper:before {
  content: "\e648";
  font-family: rb-icons;
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 28px;
  line-height: 18px; }

.strix .search-panel .list-area .custom-icon, body.strix .search-panel .list-area .custom-icon {
  margin-bottom: 24px;
  position: relative; }

.strix .search-panel .list-area .custom-icon .icon-wrapper:before, body.strix .search-panel .list-area .custom-icon .icon-wrapper:before {
  display: none; }

.strix .search-panel .list-area .custom-icon .strix-icon, body.strix .search-panel .list-area .custom-icon .strix-icon {
  position: absolute;
  left: -4px;
  text-decoration: none;
  display: block;
  top: 6px; }

.strix .search-panel .list-area .custom-icon .text-wrapper, body.strix .search-panel .list-area .custom-icon .text-wrapper {
  display: block; }

.strix .search-panel .list-area .custom-icon .text-wrapper a:before, body.strix .search-panel .list-area .custom-icon .text-wrapper a:before {
  display: none; }

.strix .search-panel .list-area .custom-icon .text-wrapper .line-1, body.strix .search-panel .list-area .custom-icon .text-wrapper .line-1 {
  padding: 0; }

.strix .search-panel .list-area .line-1, body.strix .search-panel .list-area .line-1 {
  font-weight: 700; }

.strix .search-panel .list-area .line-1, .strix .search-panel .list-area .line-2, body.strix .search-panel .list-area .line-1, body.strix .search-panel .list-area .line-2 {
  display: block;
  line-height: 18px; }

.strix .search-panel .list-area .strix-icon, body.strix .search-panel .list-area .strix-icon {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 28px; }

.strix .search-panel .list-area .text-wrapper, body.strix .search-panel .list-area .text-wrapper {
  display: inline-block; }

.strix .search-panel .list-area .heading, body.strix .search-panel .list-area .heading {
  margin-bottom: 32px; }

.strix .search-panel .list-area .icon-wrapper, body.strix .search-panel .list-area .icon-wrapper {
  position: absolute;
  left: 0;
  top: 0; }

.strix .search-panel .list-area span, body.strix .search-panel .list-area span {
  display: block;
  line-height: 18px; }

.strix .search-panel .list-area .line-1, body.strix .search-panel .list-area .line-1 {
  font-weight: 700; }

.strix .search-panel .list-area li, body.strix .search-panel .list-area li {
  position: relative;
  margin-bottom: 24px; }

.strix .search-panel .list-area li a, body.strix .search-panel .list-area li a {
  padding-left: 34px;
  display: block; }

.strix .search-panel .list-area .atm a:before, body.strix .search-panel .list-area .atm a:before {
  content: "\e640"; }

.strix .search-panel .hint-area, body.strix .search-panel .hint-area {
  margin-bottom: 40px;
  position: relative;
  padding-left: 30px;
  font-size: 14px; }

.strix .search-panel .hint-area .strix-icon, body.strix .search-panel .hint-area .strix-icon {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 20px; }

.strix .search-panel .box-area, body.strix .search-panel .box-area {
  margin-bottom: 40px; }

.strix .search-panel .box-area li, body.strix .search-panel .box-area li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: calc(33.333% - 10px);
  margin-left: 10px; }

.strix .search-panel .box-area li:first-of-type, body.strix .search-panel .box-area li:first-of-type {
  margin: 0; }

.strix .search-panel .box-area li a, body.strix .search-panel .box-area li a {
  display: block;
  background: #fedf00;
  width: 100%;
  padding-top: 100%;
  position: relative; }

.strix .search-panel .box-area li a *, body.strix .search-panel .box-area li a * {
  text-decoration: none; }

.strix .search-panel .box-area span, body.strix .search-panel .box-area span {
  position: absolute;
  width: 100%;
  text-align: center; }

.strix .search-panel .box-area .strix-icon, body.strix .search-panel .box-area .strix-icon {
  top: 20%;
  font-size: 32px; }

.strix .search-panel .box-area .text, body.strix .search-panel .box-area .text {
  top: 56%;
  font-size: 12px;
  line-height: 14px;
  padding: 0 14px; }

.strix .search-panel .show-next, body.strix .search-panel .show-next {
  padding-left: 34px !important;
  text-decoration: underline;
  font-size: 14px;
  margin-top: -8px; }

.strix .search-panel ul, body.strix .search-panel ul {
  margin: 0; }

.strix.search-panel-opened, body.strix.search-panel-opened {
  overflow: hidden; }

.strix.search-panel-opened .backdrop, body.strix.search-panel-opened .backdrop {
  opacity: .5;
  z-index: 251; }

.strix.search-panel-opened .page-wrapper, body.strix.search-panel-opened .page-wrapper {
  filter: blur(10px); }

.strix.search-panel-opened .search-panel, body.strix.search-panel-opened .search-panel {
  right: 0; }

.strix .alertbox, body.strix .alertbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #ec5a4e;
  color: #f5f5f5;
  padding: 30px 15px;
  z-index: 20; }

@media (max-width: 639px) {
  .strix .alertbox, body.strix .alertbox {
    text-align: center;
    padding: 30px 15px; } }
.strix .alertbox .wrapper, body.strix .alertbox .wrapper {
  position: relative; }

.strix .alertbox a, body.strix .alertbox a {
  color: #f5f5f5; }

.strix .alertbox p, body.strix .alertbox p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-right: 20px;
  padding-left: 40px !important;
  font-size: 16px;
  line-height: 1.4;
  position: relative; }

@media (max-width: 639px) {
  .strix .alertbox p, body.strix .alertbox p {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    font-size: 14px;
    padding: 0 0 20px 0 !important; } }
.strix .alertbox .strix-icon, body.strix .alertbox .strix-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none; }

@media (max-width: 639px) {
  .strix .alertbox .strix-icon, body.strix .alertbox .strix-icon {
    display: none !important; } }
.strix .alertbox .btn, body.strix .alertbox .btn {
  background: 0 0;
  color: #f5f5f5;
  border-color: #f5f5f5;
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.strix .alertbox .btn:hover, body.strix .alertbox .btn:hover {
  color: #4d4f53;
  background: #f5f5f5;
  border-color: #f5f5f5; }

@media (max-width: 639px) {
  .strix .alertbox .btn, body.strix .alertbox .btn {
    position: initial; } }
.strix .alertbox.with-btn p, body.strix .alertbox.with-btn p {
  width: calc(100% - 180px); }

@media (max-width: 639px) {
  .strix .alertbox.with-btn p, body.strix .alertbox.with-btn p {
    width: 100%; } }
.strix .alertbox.with-btn .btn, body.strix .alertbox.with-btn .btn {
  display: inline-block; }

@media (max-width: 639px) {
  .strix .alertbox.with-btn .btn, body.strix .alertbox.with-btn .btn {
    float: none;
    position: initial; } }
.strix .alertbox.with-icon, body.strix .alertbox.with-icon {
  padding-left: 55px; }

@media (max-width: 639px) {
  .strix .alertbox.with-icon, body.strix .alertbox.with-icon {
    padding-left: 0; } }
.strix .alertbox.with-icon .strix-icon, body.strix .alertbox.with-icon .strix-icon {
  display: inline-block; }

.strix .news-archive h2, body.strix .news-archive h2 {
  margin-bottom: 50px;
  margin-top: 0; }

.strix .news-archive .news-item, body.strix .news-archive .news-item {
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2e2; }

.strix .news-archive .news-item:last-of-type, body.strix .news-archive .news-item:last-of-type {
  border: none; }

.strix .news-archive .icon-box, body.strix .news-archive .icon-box {
  display: inline-block;
  vertical-align: top;
  width: 86px;
  height: 86px;
  margin: 0 30px;
  background: #4d4f53;
  text-decoration: none;
  position: relative; }

.strix .news-archive .icon-box .strix-icon, body.strix .news-archive .icon-box .strix-icon {
  margin: 0;
  font-size: 42px;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff; }

.strix .news-archive .text, body.strix .news-archive .text {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 180px); }

.strix .news-archive h4, body.strix .news-archive h4 {
  margin: 0 0 3px;
  font-size: 25px;
  line-height: 30px;
  font-weight: 400; }

.strix .news-archive h4 a, body.strix .news-archive h4 a {
  text-decoration: none; }

.strix .news-archive .published, body.strix .news-archive .published {
  font-size: 14px;
  margin-bottom: 6px; }

.strix .news-archive .load-more-area, body.strix .news-archive .load-more-area {
  margin-top: 20px;
  text-align: center; }

.strix .news-archive .dk_container, body.strix .news-archive .dk_container {
  float: none;
  width: 360px;
  max-width: 100%;
  display: inline-block;
  text-align: left; }

.strix .news-archive .head-area, body.strix .news-archive .head-area {
  text-align: center;
  padding: 60px 0 120px; }

.strix .news h2, body.strix .news h2 {
  text-align: left; }

.strix .news .news-item, body.strix .news .news-item {
  padding: 15px 0;
  border-bottom: 1px solid #e2e2e2; }

.strix .news .news-item:first-of-type, body.strix .news .news-item:first-of-type {
  border-top: 1px solid #e2e2e2; }

.strix .news .icon-box, body.strix .news .icon-box {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: 70px;
  margin: 0 20px 0 0;
  background: #4d4f53;
  color: #fff;
  text-decoration: none;
  position: relative; }

.strix .news .icon-box .strix-icon, body.strix .news .icon-box .strix-icon {
  margin: 0;
  font-size: 36px;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%); }

.strix .news .text, body.strix .news .text {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 120px); }

.strix .news .heading, body.strix .news .heading {
  margin: 0 0 3px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400; }

.strix .news .heading a, body.strix .news .heading a {
  text-decoration: none;
  font-weight: 400; }

.strix .news .published, body.strix .news .published {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 2px; }

.strix .news .show-all, body.strix .news .show-all {
  display: inline-block;
  margin-top: 15px;
  font-size: 15px; }

.strix .col-md-6 .news h2, body.strix .col-md-6 .news h2 {
  margin-top: 0; }

.strix .news-detail h1, body.strix .news-detail h1 {
  margin-bottom: 26px; }

.strix .news-detail .published, body.strix .news-detail .published {
  margin-bottom: 32px;
  font-size: 20px; }

.strix .news-detail .social li, body.strix .news-detail .social li {
  display: inline-block;
  margin: 0 10px; }

.strix .news-detail .social a, body.strix .news-detail .social a {
  text-decoration: none; }

.strix .news-detail .social .strix-icon, body.strix .news-detail .social .strix-icon {
  font-size: 32px;
  position: relative;
  z-index: 1; }

.strix .news-detail .social .strix-icon:after, body.strix .news-detail .social .strix-icon:after {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background: #fff;
  border-radius: 50%;
  z-index: -1; }

.strix .news-detail .social .rb-icon-uniE668, body.strix .news-detail .social .rb-icon-uniE668 {
  color: #295195; }

.strix .news-detail .social .rb-icon-uniE666, body.strix .news-detail .social .rb-icon-uniE666 {
  color: #2f73b2; }

.strix .news-detail .social .rb-icon-uniE667, body.strix .news-detail .social .rb-icon-uniE667 {
  color: #55acee; }

.strix .news-detail .social .gplusrb-icon-uniE667, body.strix .news-detail .social .gplusrb-icon-uniE667 {
  color: #d1201d; }

.strix .atm-detail .component-inner-wrapper, body.strix .atm-detail .component-inner-wrapper {
  padding: 0; }

@media (max-width: 639px) {
  .strix .atm-detail h1, body.strix .atm-detail h1 {
    font-size: 40px;
    line-height: 50px;
    margin-top: 70px; } }
.strix .atm-detail a, body.strix .atm-detail a {
  text-decoration: none; }

.strix .atm-detail .color-success, .strix .atm-detail .color-warning, body.strix .atm-detail .color-success, body.strix .atm-detail .color-warning {
  font-weight: 400; }

.strix .atm-detail .custom-icons, body.strix .atm-detail .custom-icons {
  margin-top: 0;
  font-size: 14px; }

@media (max-width: 639px) {
  .strix .atm-detail .custom-icons, body.strix .atm-detail .custom-icons {
    font-size: 18px; } }
.strix .atm-detail .custom-icons .strix-icon, body.strix .atm-detail .custom-icons .strix-icon {
  font-size: 18px;
  margin-right: 16px;
  vertical-align: middle; }

.strix .atm-detail .custom-icons .text, body.strix .atm-detail .custom-icons .text {
  display: inline-block;
  vertical-align: middle; }

.strix .atm-detail .custom-icons li, body.strix .atm-detail .custom-icons li {
  margin-bottom: 8px; }

@media (max-width: 639px) {
  .strix .atm-detail .services, body.strix .atm-detail .services {
    display: inline-block; } }
.strix .atm-detail .services li, body.strix .atm-detail .services li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding: 0 16px;
  width: 256px;
  margin-bottom: 40px;
  position: relative; }

@media (max-width: 639px) {
  .strix .atm-detail .services li, body.strix .atm-detail .services li {
    display: block;
    text-align: left;
    width: auto;
    margin-bottom: 32px; }

  .strix .atm-detail .services li .text, body.strix .atm-detail .services li .text {
    padding-left: 32px; }

  .strix .atm-detail .services li .strix-icon, body.strix .atm-detail .services li .strix-icon {
    position: absolute;
    top: -4px; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .atm-detail .services .strix-icon, body.strix .atm-detail .services .strix-icon {
    display: block;
    margin-bottom: 8px; } }
.strix .atm-detail .alertbox, body.strix .atm-detail .alertbox {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  padding: 19px 15px 19px 55px;
  z-index: 10; }

@media (max-width: 639px) {
  .strix .atm-detail .alertbox, body.strix .atm-detail .alertbox {
    padding: 30px 15px; } }
.strix .atm-detail .alertbox p, body.strix .atm-detail .alertbox p {
  padding: 0; }

.strix .atm-detail .branch-info, body.strix .atm-detail .branch-info {
  position: relative;
  margin-top: 60px;
  overflow: hidden; }

@media (max-width: 639px) {
  .strix .atm-detail .branch-info, body.strix .atm-detail .branch-info {
    margin-top: 32px; } }
@media (max-width: 639px) {
  .strix .atm-detail .branch-info .branch-inner-wrapper, body.strix .atm-detail .branch-info .branch-inner-wrapper {
    flex-direction: column-reverse;
    display: flex; } }
.strix .atm-detail .branch-info h3, body.strix .atm-detail .branch-info h3 {
  font-size: 18px;
  font-weight: 600;
  color: #4d4f53;
  margin: 20px 0 16px;
  font-family: "Proxima N",Arial,sans-serif; }

@media (max-width: 639px) {
  .strix .atm-detail .branch-info h3, body.strix .atm-detail .branch-info h3 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 32px; } }
.strix .atm-detail .branch-info h4, body.strix .atm-detail .branch-info h4 {
  font-size: 14px;
  font-weight: 700;
  color: #4d4f53;
  margin: 20px 0 4px;
  font-family: "Proxima N",Arial,sans-serif; }

@media (max-width: 639px) {
  .strix .atm-detail .branch-info h4, body.strix .atm-detail .branch-info h4 {
    font-size: 18px;
    margin: 30px 0 4px; } }
.strix .atm-detail .branch-info .left-part, .strix .atm-detail .branch-info .right-part, body.strix .atm-detail .branch-info .left-part, body.strix .atm-detail .branch-info .right-part {
  display: inline-block;
  vertical-align: top;
  padding: 20px 50px 60px;
  position: relative; }

@media (max-width: 639px) {
  .strix .atm-detail .branch-info .left-part, .strix .atm-detail .branch-info .right-part, body.strix .atm-detail .branch-info .left-part, body.strix .atm-detail .branch-info .right-part {
    width: 100%;
    float: right;
    position: static; }

  .strix .atm-detail .branch-info .left-part:after, .strix .atm-detail .branch-info .right-part:after, body.strix .atm-detail .branch-info .left-part:after, body.strix .atm-detail .branch-info .right-part:after {
    display: none; } }
@media (min-width: 1440px) {
  .strix .atm-detail .branch-info .left-part, body.strix .atm-detail .branch-info .left-part {
    width: 364px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .atm-detail .branch-info .left-part, body.strix .atm-detail .branch-info .left-part {
    width: 258px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .atm-detail .branch-info .left-part, body.strix .atm-detail .branch-info .left-part {
    width: 232px;
    padding-left: 32px; } }
@media (max-width: 639px) {
  .strix .atm-detail .branch-info .left-part, body.strix .atm-detail .branch-info .left-part {
    text-align: center; }

  .strix .atm-detail .branch-info .left-part .strix-icon, body.strix .atm-detail .branch-info .left-part .strix-icon {
    display: none; }

  .strix .atm-detail .branch-info .left-part .text, body.strix .atm-detail .branch-info .left-part .text {
    padding: 0; } }
.strix .atm-detail .branch-info .left-part .custom-icons .text, body.strix .atm-detail .branch-info .left-part .custom-icons .text {
  color: #4d4f53; }

@media (min-width: 1440px) {
  .strix .atm-detail .branch-info .right-part, body.strix .atm-detail .branch-info .right-part {
    width: calc(100% - 364px); } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .atm-detail .branch-info .right-part, body.strix .atm-detail .branch-info .right-part {
    width: calc(100% - 258px); } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .atm-detail .branch-info .right-part, body.strix .atm-detail .branch-info .right-part {
    width: calc(100% - 232px); } }
.strix .atm-detail .branch-info .table-wrapper, body.strix .atm-detail .branch-info .table-wrapper {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 49%; }

@media (min-width: 1440px) {
  .strix .atm-detail .branch-info .table-wrapper:first-of-type, body.strix .atm-detail .branch-info .table-wrapper:first-of-type {
    padding-right: 80px; }

  .strix .atm-detail .branch-info .table-wrapper:last-of-type, body.strix .atm-detail .branch-info .table-wrapper:last-of-type {
    padding-left: 80px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .atm-detail .branch-info .table-wrapper:first-of-type, body.strix .atm-detail .branch-info .table-wrapper:first-of-type {
    padding-right: 8px; }

  .strix .atm-detail .branch-info .table-wrapper:last-of-type, body.strix .atm-detail .branch-info .table-wrapper:last-of-type {
    padding-left: 8px; } }
@media (max-width: 639px) {
  .strix .atm-detail .branch-info .table-wrapper, body.strix .atm-detail .branch-info .table-wrapper {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    display: block;
    font-size: 18px; } }
@media (max-width: 639px) {
  .strix .atm-detail .branch-info .table-wrapper table, body.strix .atm-detail .branch-info .table-wrapper table {
    margin-top: 28px; } }
.strix .atm-detail .branch-info .table-wrapper td, .strix .atm-detail .branch-info .table-wrapper th, body.strix .atm-detail .branch-info .table-wrapper td, body.strix .atm-detail .branch-info .table-wrapper th {
  vertical-align: top; }

.strix .atm-detail .branch-info .table-wrapper th, body.strix .atm-detail .branch-info .table-wrapper th {
  padding: 4px 20px 4px 0; }

@media (max-width: 639px) {
  .strix .atm-detail .branch-info .table-wrapper th, body.strix .atm-detail .branch-info .table-wrapper th {
    display: none; } }
.strix .atm-detail .branch-info .table-wrapper td, body.strix .atm-detail .branch-info .table-wrapper td {
  font-weight: 300;
  vertical-align: top;
  padding: 0 20px 0 0; }

.strix .atm-detail .branch-info .table-wrapper .label, .strix .atm-detail .branch-info .table-wrapper .open, body.strix .atm-detail .branch-info .table-wrapper .label, body.strix .atm-detail .branch-info .table-wrapper .open {
  display: none;
  text-align: center; }

@media (max-width: 639px) {
  .strix .atm-detail .branch-info .table-wrapper .label, body.strix .atm-detail .branch-info .table-wrapper .label {
    display: block;
    font-size: 18px;
    color: #4d4f53;
    font-weight: 600;
    margin-bottom: 4px; }

  .strix .atm-detail .branch-info .table-wrapper .open, body.strix .atm-detail .branch-info .table-wrapper .open {
    display: block; } }
.strix .atm-detail .branch-info .button-line, body.strix .atm-detail .branch-info .button-line {
  margin-top: 24px; }

.strix .atm-detail .people .person, body.strix .atm-detail .people .person {
  width: 512px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 20px; }

@media (max-width: 639px) {
  .strix .atm-detail .people .person, body.strix .atm-detail .people .person {
    text-align: center;
    width: auto;
    display: block; } }
.strix .atm-detail .people .avatar, .strix .atm-detail .people .qr, body.strix .atm-detail .people .avatar, body.strix .atm-detail .people .qr {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  position: relative; }

.strix .atm-detail .people .avatar .strix-icon, .strix .atm-detail .people .qr .strix-icon, body.strix .atm-detail .people .avatar .strix-icon, body.strix .atm-detail .people .qr .strix-icon {
  font-size: 55px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

@media (max-width: 639px) {
  .strix .atm-detail .people .avatar, .strix .atm-detail .people .qr, body.strix .atm-detail .people .avatar, body.strix .atm-detail .people .qr {
    display: none; } }
.strix .atm-detail .people .qr, body.strix .atm-detail .people .qr {
  margin-right: 16px; }

.strix .atm-detail .people .text, body.strix .atm-detail .people .text {
  display: inline-block;
  vertical-align: top; }

@media (max-width: 639px) {
  .strix .atm-detail .people .text, body.strix .atm-detail .people .text {
    padding: 0; } }
.strix .atm-detail .people .name, body.strix .atm-detail .people .name {
  font-size: 18px;
  font-weight: 700;
  color: #4d4f53; }

.strix .atm-detail .people .position, body.strix .atm-detail .people .position {
  font-size: 14px;
  font-weight: 300;
  color: #4d4f53;
  margin: 4px 0 16px; }

.strix .atm-detail .people li, body.strix .atm-detail .people li {
  font-size: 18px;
  font-weight: 300; }

.strix .atm-detail .people .strix-icon, body.strix .atm-detail .people .strix-icon {
  font-size: 20px;
  margin-right: 16px; }

@media (max-width: 639px) {
  .strix .atm-detail .people .strix-icon, body.strix .atm-detail .people .strix-icon {
    display: none; } }
.strix .atm-detail .collapsible-branch-info, body.strix .atm-detail .collapsible-branch-info {
  margin-bottom: 30px;
  transition: all .3s;
  overflow: hidden; }

@media (max-width: 639px) {
  .strix .atm-detail .collapsible-branch-info, body.strix .atm-detail .collapsible-branch-info {
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5; } }
.strix .atm-detail .collapsible-branch-info *, body.strix .atm-detail .collapsible-branch-info * {
  transition: all .3s; }

.strix .atm-detail .collapsible-branch-info.open .label > .text.text-open, body.strix .atm-detail .collapsible-branch-info.open .label > .text.text-open {
  display: inline-block; }

.strix .atm-detail .collapsible-branch-info .label, body.strix .atm-detail .collapsible-branch-info .label {
  height: 90px;
  padding: 0;
  position: relative;
  cursor: pointer; }

@media (max-width: 639px) {
  .strix .atm-detail .collapsible-branch-info .label, body.strix .atm-detail .collapsible-branch-info .label {
    height: 70px; } }
.strix .atm-detail .collapsible-branch-info .label:after, body.strix .atm-detail .collapsible-branch-info .label:after {
  content: "\e661";
  font-family: rb-icons;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%); }

@media (max-width: 639px) {
  .strix .atm-detail .collapsible-branch-info .label:after, body.strix .atm-detail .collapsible-branch-info .label:after {
    content: "\e66f";
    right: 16px; } }
.strix .atm-detail .collapsible-branch-info .label .logo, body.strix .atm-detail .collapsible-branch-info .label .logo {
  width: 90px;
  height: 90px;
  display: inline-block;
  background: #fedf00;
  position: relative; }

@media (max-width: 639px) {
  .strix .atm-detail .collapsible-branch-info .label .logo, body.strix .atm-detail .collapsible-branch-info .label .logo {
    width: 70px;
    height: 70px;
    background: 0 0; } }
.strix .atm-detail .collapsible-branch-info .label .logo .strix-icon, body.strix .atm-detail .collapsible-branch-info .label .logo .strix-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #000; }

.strix .atm-detail .collapsible-branch-info .label > .text, body.strix .atm-detail .collapsible-branch-info .label > .text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 90px;
  display: inline-block;
  vertical-align: top;
  padding: 0 64px 0 30px; }

.strix .atm-detail .collapsible-branch-info .label > .text.text-open, body.strix .atm-detail .collapsible-branch-info .label > .text.text-open {
  display: none; }

@media (max-width: 639px) {
  .strix .atm-detail .collapsible-branch-info .label > .text, body.strix .atm-detail .collapsible-branch-info .label > .text {
    padding-left: 0;
    left: 70px; } }
.strix .atm-detail .collapsible-branch-info .label .name, body.strix .atm-detail .collapsible-branch-info .label .name {
  font-size: 25px;
  line-height: 30px;
  margin-top: 16px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

@media (max-width: 639px) {
  .strix .atm-detail .collapsible-branch-info .label .name, body.strix .atm-detail .collapsible-branch-info .label .name {
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: 0; } }
.strix .atm-detail .collapsible-branch-info .label .custom-icons, body.strix .atm-detail .collapsible-branch-info .label .custom-icons {
  white-space: nowrap; }

.strix .atm-detail .collapsible-branch-info .label .custom-icons li, body.strix .atm-detail .collapsible-branch-info .label .custom-icons li {
  display: inline-block;
  vertical-align: top;
  font-weight: 300; }

@media (max-width: 639px) {
  .strix .atm-detail .collapsible-branch-info .label .custom-icons li, body.strix .atm-detail .collapsible-branch-info .label .custom-icons li {
    font-size: 14px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type {
    max-width: 40%;
    overflow: hidden;
    margin-right: 10px; } }
@media (min-width: 1440px) {
  .strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type {
    max-width: 50%;
    overflow: hidden;
    margin-right: 10px; } }
.strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type {
  width: 290px;
  max-width: 75%;
  overflow: hidden;
  text-overflow: ellipsis; }

@media (max-width: 639px) {
  .strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type {
    max-width: 100px; } }
.strix .atm-detail .collapsible-branch-info .branch-info, body.strix .atm-detail .collapsible-branch-info .branch-info {
  margin: 0;
  display: none; }

.strix .atm-detail .collapsible-branch-info .text-open, body.strix .atm-detail .collapsible-branch-info .text-open {
  opacity: 0;
  background: #4d4f53;
  color: #f5f5f5; }

.strix .atm-detail .collapsible-branch-info .text-open ::placeholder, body.strix .atm-detail .collapsible-branch-info .text-open ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .atm-detail .collapsible-branch-info .text-open :-ms-input-placeholder, body.strix .atm-detail .collapsible-branch-info .text-open :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .atm-detail .collapsible-branch-info .text-open ::-ms-input-placeholder, body.strix .atm-detail .collapsible-branch-info .text-open ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .atm-detail .collapsible-branch-info .text-open .form-field .dk_toggle, .strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=email], .strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=number], .strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=password], .strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=tel], .strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=text], .strix .atm-detail .collapsible-branch-info .text-open .form-field textarea, body.strix .atm-detail .collapsible-branch-info .text-open .form-field .dk_toggle, body.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=email], body.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=number], body.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=password], body.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=tel], body.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=text], body.strix .atm-detail .collapsible-branch-info .text-open .form-field textarea {
  color: #4d4f53;
  background: #fff; }

.strix .atm-detail .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper label:before, .strix .atm-detail .collapsible-branch-info .text-open .form-field .form-radio-wrapper label:before, body.strix .atm-detail .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper label:before, body.strix .atm-detail .collapsible-branch-info .text-open .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .atm-detail .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper input:checked + label:before, .strix .atm-detail .collapsible-branch-info .text-open .form-field .form-radio-wrapper input:checked + label:before, body.strix .atm-detail .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .atm-detail .collapsible-branch-info .text-open .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=radio]:checked + label:before, body.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .atm-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container .dk_toggle, body.strix .atm-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .atm-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .atm-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: grey;
  background: #b2b4b3; }

.strix .atm-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .atm-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #b2b4b3; }

.strix .atm-detail .collapsible-branch-info .text-open a, body.strix .atm-detail .collapsible-branch-info .text-open a {
  color: #f5f5f5; }

.strix .atm-detail .collapsible-branch-info .text-open h1, .strix .atm-detail .collapsible-branch-info .text-open h2, .strix .atm-detail .collapsible-branch-info .text-open h3, .strix .atm-detail .collapsible-branch-info .text-open h4, .strix .atm-detail .collapsible-branch-info .text-open h5, .strix .atm-detail .collapsible-branch-info .text-open h6, body.strix .atm-detail .collapsible-branch-info .text-open h1, body.strix .atm-detail .collapsible-branch-info .text-open h2, body.strix .atm-detail .collapsible-branch-info .text-open h3, body.strix .atm-detail .collapsible-branch-info .text-open h4, body.strix .atm-detail .collapsible-branch-info .text-open h5, body.strix .atm-detail .collapsible-branch-info .text-open h6 {
  color: #fff; }

.strix .atm-detail .collapsible-branch-info .text-open h1 a, .strix .atm-detail .collapsible-branch-info .text-open h2 a, .strix .atm-detail .collapsible-branch-info .text-open h3 a, .strix .atm-detail .collapsible-branch-info .text-open h4 a, .strix .atm-detail .collapsible-branch-info .text-open h5 a, .strix .atm-detail .collapsible-branch-info .text-open h6 a, body.strix .atm-detail .collapsible-branch-info .text-open h1 a, body.strix .atm-detail .collapsible-branch-info .text-open h2 a, body.strix .atm-detail .collapsible-branch-info .text-open h3 a, body.strix .atm-detail .collapsible-branch-info .text-open h4 a, body.strix .atm-detail .collapsible-branch-info .text-open h5 a, body.strix .atm-detail .collapsible-branch-info .text-open h6 a {
  color: #fff; }

.strix .atm-detail .collapsible-branch-info .text-open .btn.primary, body.strix .atm-detail .collapsible-branch-info .text-open .btn.primary {
  color: #000; }

.strix .atm-detail .collapsible-branch-info .text-open .btn.secondary:hover, body.strix .atm-detail .collapsible-branch-info .text-open .btn.secondary:hover {
  background: #000;
  border-color: #000; }

.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=text], body.strix .atm-detail .collapsible-branch-info .text-open .form-field input[type=text] {
  background: #fff; }

.strix .atm-detail .collapsible-branch-info .text-open .form-field.input-with-icon .strix-icon, body.strix .atm-detail .collapsible-branch-info .text-open .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .atm-detail .collapsible-branch-info .text-open .name, body.strix .atm-detail .collapsible-branch-info .text-open .name {
  line-height: 90px;
  margin: 0; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .atm-detail .collapsible-branch-info.open, body.strix .atm-detail .collapsible-branch-info.open {
    margin-left: -68px;
    margin-right: -68px; } }
@media (min-width: 1440px) and (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) and (min-width: 1440px), (min-width: 640px) and (max-width: 999px) and (min-width: 1440px) {
  .strix .atm-detail .collapsible-branch-info.open, body.strix .atm-detail .collapsible-branch-info.open {
    margin-left: -80px;
    margin-right: -80px; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .atm-detail .collapsible-branch-info.open .label:after, body.strix .atm-detail .collapsible-branch-info.open .label:after {
    color: #f5f5f5; }

  .strix .atm-detail .collapsible-branch-info.open .label .text, body.strix .atm-detail .collapsible-branch-info.open .label .text {
    opacity: 0; }

  .strix .atm-detail .collapsible-branch-info.open .label .text-open, body.strix .atm-detail .collapsible-branch-info.open .label .text-open {
    opacity: 1; }

  .strix .atm-detail .collapsible-branch-info.open .branch-info, body.strix .atm-detail .collapsible-branch-info.open .branch-info {
    display: block; } }
.strix .atm-detail .directions, body.strix .atm-detail .directions {
  padding: 10px; }

.strix .atm-detail .directions .map, body.strix .atm-detail .directions .map {
  background: #eee;
  height: 480px;
  position: relative; }

.strix .atm-detail .directions #map-hook, .strix .atm-detail .directions .map-hook, body.strix .atm-detail .directions #map-hook, body.strix .atm-detail .directions .map-hook {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.strix .atm-detail .directions .picture, body.strix .atm-detail .directions .picture {
  width: 220px;
  border: 4px solid #fff;
  background: #ccc;
  position: absolute;
  top: 30px;
  left: 30px; }

.strix .atm-detail .directions .icon, body.strix .atm-detail .directions .icon {
  display: inline-block;
  margin-right: 8px; }

.strix .atm-detail .directions .label, body.strix .atm-detail .directions .label {
  padding: 16px 16px 32px; }

.strix .atm-detail .directions .text, body.strix .atm-detail .directions .text {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 50px); }

.strix .atm-detail .directions .text .heading, body.strix .atm-detail .directions .text .heading {
  font-weight: 700;
  font-size: 14px;
  color: #4d4f53; }

.strix .atm-detail .directions .text p, body.strix .atm-detail .directions .text p {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  color: #4d4f53; }

@media (max-width: 639px) {
  .strix .atm-detail .directions .no-borders, body.strix .atm-detail .directions .no-borders {
    margin-top: 28px; } }
.strix .atm-detail div.poi-services, body.strix .atm-detail div.poi-services {
  margin-top: 8px;
  padding-top: 8px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.strix .atm-detail div.poi-services ul, body.strix .atm-detail div.poi-services ul {
  list-style: none; }

.strix .atm-detail div.poi-services ul li, body.strix .atm-detail div.poi-services ul li {
  margin-bottom: 10px;
  width: 50%;
  display: inline-block;
  color: #000;
  font-size: 14px;
  line-height: 22px; }

.strix .atm-detail div.poi-services ul li .strix-icon, body.strix .atm-detail div.poi-services ul li .strix-icon {
  margin-right: 20px;
  position: relative;
  top: 6px;
  font-size: 24px; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .atm-detail .collapsible-branch-info .label .custom-icons li:first-of-type {
    display: none; } }
.strix .branch-detail.tabs.component-background-color-style1 .tab-content, body.strix .branch-detail.tabs.component-background-color-style1 .tab-content {
  padding: 0; }

.strix .branch-detail .component-inner-wrapper, body.strix .branch-detail .component-inner-wrapper {
  padding: 0; }

@media (max-width: 639px) {
  .strix .branch-detail h1, body.strix .branch-detail h1 {
    font-size: 40px;
    line-height: 50px;
    margin-top: 70px; } }
.strix .branch-detail a, body.strix .branch-detail a {
  text-decoration: none; }

.strix .branch-detail .color-success, .strix .branch-detail .color-warning, body.strix .branch-detail .color-success, body.strix .branch-detail .color-warning {
  font-weight: 400; }

.strix .branch-detail .custom-icons, body.strix .branch-detail .custom-icons {
  margin-top: 0;
  font-size: 14px; }

@media (max-width: 639px) {
  .strix .branch-detail .custom-icons, body.strix .branch-detail .custom-icons {
    font-size: 18px; } }
.strix .branch-detail .custom-icons .strix-icon, body.strix .branch-detail .custom-icons .strix-icon {
  font-size: 18px;
  margin-right: 16px;
  vertical-align: middle; }

.strix .branch-detail .custom-icons .text, body.strix .branch-detail .custom-icons .text {
  display: inline-block;
  vertical-align: middle; }

.strix .branch-detail .custom-icons li, body.strix .branch-detail .custom-icons li {
  margin-bottom: 8px; }

@media (max-width: 639px) {
  .strix .branch-detail .services, body.strix .branch-detail .services {
    display: inline-block; } }
.strix .branch-detail .services li, body.strix .branch-detail .services li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding: 0 16px;
  width: 256px;
  margin-bottom: 40px;
  position: relative; }

@media (max-width: 639px) {
  .strix .branch-detail .services li, body.strix .branch-detail .services li {
    display: block;
    text-align: left;
    width: auto;
    margin-bottom: 32px; }

  .strix .branch-detail .services li .text, body.strix .branch-detail .services li .text {
    padding-left: 32px; }

  .strix .branch-detail .services li .strix-icon, body.strix .branch-detail .services li .strix-icon {
    position: absolute;
    top: -4px; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .branch-detail .services .strix-icon, body.strix .branch-detail .services .strix-icon {
    display: block;
    margin-bottom: 8px; } }
.strix .branch-detail .alertbox, body.strix .branch-detail .alertbox {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  padding: 19px 15px 19px 55px;
  z-index: 10; }

@media (max-width: 639px) {
  .strix .branch-detail .alertbox, body.strix .branch-detail .alertbox {
    padding: 30px 15px; } }
.strix .branch-detail .alertbox p, body.strix .branch-detail .alertbox p {
  padding: 0; }

.strix .branch-detail .branch-info, body.strix .branch-detail .branch-info {
  position: relative;
  margin-top: 60px;
  overflow: hidden; }

@media (max-width: 639px) {
  .strix .branch-detail .branch-info, body.strix .branch-detail .branch-info {
    margin-top: 32px; } }
@media (max-width: 639px) {
  .strix .branch-detail .branch-info .branch-inner-wrapper, body.strix .branch-detail .branch-info .branch-inner-wrapper {
    flex-direction: column-reverse;
    display: flex; } }
.strix .branch-detail .branch-info h3, body.strix .branch-detail .branch-info h3 {
  font-size: 18px;
  font-weight: 600;
  color: #4d4f53;
  margin: 20px 0 16px;
  font-family: "Proxima N",Arial,sans-serif; }

@media (max-width: 639px) {
  .strix .branch-detail .branch-info h3, body.strix .branch-detail .branch-info h3 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 32px; } }
.strix .branch-detail .branch-info h4, body.strix .branch-detail .branch-info h4 {
  font-size: 14px;
  font-weight: 700;
  color: #4d4f53;
  margin: 20px 0 4px;
  font-family: "Proxima N",Arial,sans-serif; }

@media (max-width: 639px) {
  .strix .branch-detail .branch-info h4, body.strix .branch-detail .branch-info h4 {
    font-size: 18px;
    margin: 30px 0 4px; } }
.strix .branch-detail .branch-info .left-part, .strix .branch-detail .branch-info .right-part, body.strix .branch-detail .branch-info .left-part, body.strix .branch-detail .branch-info .right-part {
  display: inline-block;
  vertical-align: top;
  padding: 20px 50px 60px;
  position: relative; }

@media (max-width: 639px) {
  .strix .branch-detail .branch-info .left-part, .strix .branch-detail .branch-info .right-part, body.strix .branch-detail .branch-info .left-part, body.strix .branch-detail .branch-info .right-part {
    width: 100%;
    float: right;
    position: static; }

  .strix .branch-detail .branch-info .left-part:after, .strix .branch-detail .branch-info .right-part:after, body.strix .branch-detail .branch-info .left-part:after, body.strix .branch-detail .branch-info .right-part:after {
    display: none; } }
@media (min-width: 1440px) {
  .strix .branch-detail .branch-info .left-part, body.strix .branch-detail .branch-info .left-part {
    width: 364px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branch-detail .branch-info .left-part, body.strix .branch-detail .branch-info .left-part {
    width: 258px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .branch-detail .branch-info .left-part, body.strix .branch-detail .branch-info .left-part {
    width: 232px;
    padding-left: 32px; } }
@media (max-width: 639px) {
  .strix .branch-detail .branch-info .left-part, body.strix .branch-detail .branch-info .left-part {
    text-align: center; }

  .strix .branch-detail .branch-info .left-part .strix-icon, body.strix .branch-detail .branch-info .left-part .strix-icon {
    display: none; }

  .strix .branch-detail .branch-info .left-part .text, body.strix .branch-detail .branch-info .left-part .text {
    padding: 0; } }
.strix .branch-detail .branch-info .left-part .custom-icons .text, body.strix .branch-detail .branch-info .left-part .custom-icons .text {
  color: #4d4f53; }

@media (min-width: 1440px) {
  .strix .branch-detail .branch-info .right-part, body.strix .branch-detail .branch-info .right-part {
    width: calc(100% - 364px); } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branch-detail .branch-info .right-part, body.strix .branch-detail .branch-info .right-part {
    width: calc(100% - 258px); } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .branch-detail .branch-info .right-part, body.strix .branch-detail .branch-info .right-part {
    width: calc(100% - 232px); } }
.strix .branch-detail .branch-info .table-wrapper, body.strix .branch-detail .branch-info .table-wrapper {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 49%; }

@media (min-width: 1440px) {
  .strix .branch-detail .branch-info .table-wrapper:first-of-type, body.strix .branch-detail .branch-info .table-wrapper:first-of-type {
    padding-right: 80px; }

  .strix .branch-detail .branch-info .table-wrapper:last-of-type, body.strix .branch-detail .branch-info .table-wrapper:last-of-type {
    padding-left: 80px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branch-detail .branch-info .table-wrapper:first-of-type, body.strix .branch-detail .branch-info .table-wrapper:first-of-type {
    padding-right: 8px; }

  .strix .branch-detail .branch-info .table-wrapper:last-of-type, body.strix .branch-detail .branch-info .table-wrapper:last-of-type {
    padding-left: 8px; } }
@media (max-width: 639px) {
  .strix .branch-detail .branch-info .table-wrapper, body.strix .branch-detail .branch-info .table-wrapper {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    display: block;
    font-size: 18px; } }
@media (max-width: 639px) {
  .strix .branch-detail .branch-info .table-wrapper table, body.strix .branch-detail .branch-info .table-wrapper table {
    margin-top: 28px; } }
.strix .branch-detail .branch-info .table-wrapper td, .strix .branch-detail .branch-info .table-wrapper th, body.strix .branch-detail .branch-info .table-wrapper td, body.strix .branch-detail .branch-info .table-wrapper th {
  vertical-align: top; }

.strix .branch-detail .branch-info .table-wrapper th, body.strix .branch-detail .branch-info .table-wrapper th {
  padding: 4px 20px 4px 0; }

@media (max-width: 639px) {
  .strix .branch-detail .branch-info .table-wrapper th, body.strix .branch-detail .branch-info .table-wrapper th {
    display: none; } }
.strix .branch-detail .branch-info .table-wrapper td, body.strix .branch-detail .branch-info .table-wrapper td {
  font-weight: 300;
  vertical-align: top;
  padding: 0 20px 0 0; }

.strix .branch-detail .branch-info .table-wrapper .label, .strix .branch-detail .branch-info .table-wrapper .open, body.strix .branch-detail .branch-info .table-wrapper .label, body.strix .branch-detail .branch-info .table-wrapper .open {
  display: none;
  text-align: center; }

@media (max-width: 639px) {
  .strix .branch-detail .branch-info .table-wrapper .label, body.strix .branch-detail .branch-info .table-wrapper .label {
    display: block;
    font-size: 18px;
    color: #4d4f53;
    font-weight: 600;
    margin-bottom: 4px; }

  .strix .branch-detail .branch-info .table-wrapper .open, body.strix .branch-detail .branch-info .table-wrapper .open {
    display: block; } }
.strix .branch-detail .branch-info .button-line, body.strix .branch-detail .branch-info .button-line {
  margin-top: 24px; }

.strix .branch-detail .people .person, body.strix .branch-detail .people .person {
  width: 512px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 20px; }

@media (max-width: 639px) {
  .strix .branch-detail .people .person, body.strix .branch-detail .people .person {
    text-align: center;
    width: auto;
    display: block; } }
.strix .branch-detail .people .avatar, .strix .branch-detail .people .qr, body.strix .branch-detail .people .avatar, body.strix .branch-detail .people .qr {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  position: relative; }

.strix .branch-detail .people .avatar .strix-icon, .strix .branch-detail .people .qr .strix-icon, body.strix .branch-detail .people .avatar .strix-icon, body.strix .branch-detail .people .qr .strix-icon {
  font-size: 55px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

@media (max-width: 639px) {
  .strix .branch-detail .people .avatar, .strix .branch-detail .people .qr, body.strix .branch-detail .people .avatar, body.strix .branch-detail .people .qr {
    display: none; } }
.strix .branch-detail .people .qr, body.strix .branch-detail .people .qr {
  margin-right: 16px; }

.strix .branch-detail .people .text, body.strix .branch-detail .people .text {
  display: inline-block;
  vertical-align: top; }

@media (max-width: 639px) {
  .strix .branch-detail .people .text, body.strix .branch-detail .people .text {
    padding: 0; } }
.strix .branch-detail .people .name, body.strix .branch-detail .people .name {
  font-size: 18px;
  font-weight: 700;
  color: #4d4f53; }

.strix .branch-detail .people .position, body.strix .branch-detail .people .position {
  font-size: 14px;
  font-weight: 300;
  color: #4d4f53;
  margin: 4px 0 16px; }

.strix .branch-detail .people li, body.strix .branch-detail .people li {
  font-size: 18px;
  font-weight: 300; }

.strix .branch-detail .people .strix-icon, body.strix .branch-detail .people .strix-icon {
  font-size: 20px;
  margin-right: 16px; }

@media (max-width: 639px) {
  .strix .branch-detail .people .strix-icon, body.strix .branch-detail .people .strix-icon {
    display: none; } }
.strix .branch-detail .collapsible-branch-info, body.strix .branch-detail .collapsible-branch-info {
  margin-bottom: 30px;
  transition: all .3s;
  overflow: hidden; }

@media (max-width: 639px) {
  .strix .branch-detail .collapsible-branch-info, body.strix .branch-detail .collapsible-branch-info {
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5; } }
.strix .branch-detail .collapsible-branch-info *, body.strix .branch-detail .collapsible-branch-info * {
  transition: all .3s; }

.strix .branch-detail .collapsible-branch-info.open .label > .text.text-open, body.strix .branch-detail .collapsible-branch-info.open .label > .text.text-open {
  display: inline-block; }

.strix .branch-detail .collapsible-branch-info .label, body.strix .branch-detail .collapsible-branch-info .label {
  height: 90px;
  padding: 0;
  position: relative;
  cursor: pointer; }

@media (max-width: 639px) {
  .strix .branch-detail .collapsible-branch-info .label, body.strix .branch-detail .collapsible-branch-info .label {
    height: 70px; } }
.strix .branch-detail .collapsible-branch-info .label:after, body.strix .branch-detail .collapsible-branch-info .label:after {
  content: "\e661";
  font-family: rb-icons;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%); }

@media (max-width: 639px) {
  .strix .branch-detail .collapsible-branch-info .label:after, body.strix .branch-detail .collapsible-branch-info .label:after {
    content: "\e66f";
    right: 16px; } }
.strix .branch-detail .collapsible-branch-info .label .logo, body.strix .branch-detail .collapsible-branch-info .label .logo {
  width: 90px;
  height: 90px;
  display: inline-block;
  background: #fedf00;
  position: relative; }

@media (max-width: 639px) {
  .strix .branch-detail .collapsible-branch-info .label .logo, body.strix .branch-detail .collapsible-branch-info .label .logo {
    width: 70px;
    height: 70px;
    background: 0 0; } }
.strix .branch-detail .collapsible-branch-info .label .logo .strix-icon, body.strix .branch-detail .collapsible-branch-info .label .logo .strix-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #000; }

.strix .branch-detail .collapsible-branch-info .label > .text, body.strix .branch-detail .collapsible-branch-info .label > .text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 90px;
  display: inline-block;
  vertical-align: top;
  padding: 0 64px 0 30px; }

.strix .branch-detail .collapsible-branch-info .label > .text.text-open, body.strix .branch-detail .collapsible-branch-info .label > .text.text-open {
  display: none; }

@media (max-width: 639px) {
  .strix .branch-detail .collapsible-branch-info .label > .text, body.strix .branch-detail .collapsible-branch-info .label > .text {
    padding-left: 0;
    left: 70px; } }
.strix .branch-detail .collapsible-branch-info .label .name, body.strix .branch-detail .collapsible-branch-info .label .name {
  font-size: 25px;
  line-height: 30px;
  margin-top: 16px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

@media (max-width: 639px) {
  .strix .branch-detail .collapsible-branch-info .label .name, body.strix .branch-detail .collapsible-branch-info .label .name {
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: 0; } }
.strix .branch-detail .collapsible-branch-info .label .custom-icons, body.strix .branch-detail .collapsible-branch-info .label .custom-icons {
  white-space: nowrap; }

.strix .branch-detail .collapsible-branch-info .label .custom-icons li, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li {
  display: inline-block;
  vertical-align: top;
  font-weight: 300; }

@media (max-width: 639px) {
  .strix .branch-detail .collapsible-branch-info .label .custom-icons li, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li {
    font-size: 14px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branch-detail .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li:first-of-type {
    max-width: 40%;
    overflow: hidden;
    margin-right: 10px; } }
@media (min-width: 1440px) {
  .strix .branch-detail .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li:first-of-type {
    max-width: 50%;
    overflow: hidden;
    margin-right: 10px; } }
.strix .branch-detail .collapsible-branch-info .label .custom-icons li.address, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.address {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis; }

@media (max-width: 639px) {
  .strix .branch-detail .collapsible-branch-info .label .custom-icons li.address, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.address {
    max-width: 100px; } }
.strix .branch-detail .collapsible-branch-info .label .custom-icons li.opening-times, .strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.opening-times, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services {
  float: right; }

.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services {
  padding-left: 20px;
  padding-right: 30px;
  background: #fff; }

.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon {
  margin-right: 10px;
  position: relative; }

.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div {
  padding: 10px 30px;
  position: absolute;
  bottom: 30px;
  left: -280%;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  text-align: center; }

.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div:after, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: calc(50% - 7px);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff; }

.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div .ui-tooltip-text, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div .ui-tooltip-text {
  box-shadow: none; }

.strix .branch-detail .collapsible-branch-info .label .custom-icons li.opening-times, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li.opening-times {
  margin-right: 50px; }

.strix .branch-detail .collapsible-branch-info .branch-info, body.strix .branch-detail .collapsible-branch-info .branch-info {
  margin: 0;
  display: none; }

.strix .branch-detail .collapsible-branch-info .text-open, body.strix .branch-detail .collapsible-branch-info .text-open {
  opacity: 0;
  background: #4d4f53;
  color: #f5f5f5; }

.strix .branch-detail .collapsible-branch-info .text-open ::placeholder, body.strix .branch-detail .collapsible-branch-info .text-open ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .branch-detail .collapsible-branch-info .text-open :-ms-input-placeholder, body.strix .branch-detail .collapsible-branch-info .text-open :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .branch-detail .collapsible-branch-info .text-open ::-ms-input-placeholder, body.strix .branch-detail .collapsible-branch-info .text-open ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .branch-detail .collapsible-branch-info .text-open .form-field .dk_toggle, .strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=email], .strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=number], .strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=password], .strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=tel], .strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=text], .strix .branch-detail .collapsible-branch-info .text-open .form-field textarea, body.strix .branch-detail .collapsible-branch-info .text-open .form-field .dk_toggle, body.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=email], body.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=number], body.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=password], body.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=tel], body.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=text], body.strix .branch-detail .collapsible-branch-info .text-open .form-field textarea {
  color: #4d4f53;
  background: #fff; }

.strix .branch-detail .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper label:before, .strix .branch-detail .collapsible-branch-info .text-open .form-field .form-radio-wrapper label:before, body.strix .branch-detail .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper label:before, body.strix .branch-detail .collapsible-branch-info .text-open .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .branch-detail .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper input:checked + label:before, .strix .branch-detail .collapsible-branch-info .text-open .form-field .form-radio-wrapper input:checked + label:before, body.strix .branch-detail .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .branch-detail .collapsible-branch-info .text-open .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=radio]:checked + label:before, body.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .branch-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container .dk_toggle, body.strix .branch-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .branch-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .branch-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: grey;
  background: #b2b4b3; }

.strix .branch-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .branch-detail .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #b2b4b3; }

.strix .branch-detail .collapsible-branch-info .text-open a, body.strix .branch-detail .collapsible-branch-info .text-open a {
  color: #f5f5f5; }

.strix .branch-detail .collapsible-branch-info .text-open h1, .strix .branch-detail .collapsible-branch-info .text-open h2, .strix .branch-detail .collapsible-branch-info .text-open h3, .strix .branch-detail .collapsible-branch-info .text-open h4, .strix .branch-detail .collapsible-branch-info .text-open h5, .strix .branch-detail .collapsible-branch-info .text-open h6, body.strix .branch-detail .collapsible-branch-info .text-open h1, body.strix .branch-detail .collapsible-branch-info .text-open h2, body.strix .branch-detail .collapsible-branch-info .text-open h3, body.strix .branch-detail .collapsible-branch-info .text-open h4, body.strix .branch-detail .collapsible-branch-info .text-open h5, body.strix .branch-detail .collapsible-branch-info .text-open h6 {
  color: #fff; }

.strix .branch-detail .collapsible-branch-info .text-open h1 a, .strix .branch-detail .collapsible-branch-info .text-open h2 a, .strix .branch-detail .collapsible-branch-info .text-open h3 a, .strix .branch-detail .collapsible-branch-info .text-open h4 a, .strix .branch-detail .collapsible-branch-info .text-open h5 a, .strix .branch-detail .collapsible-branch-info .text-open h6 a, body.strix .branch-detail .collapsible-branch-info .text-open h1 a, body.strix .branch-detail .collapsible-branch-info .text-open h2 a, body.strix .branch-detail .collapsible-branch-info .text-open h3 a, body.strix .branch-detail .collapsible-branch-info .text-open h4 a, body.strix .branch-detail .collapsible-branch-info .text-open h5 a, body.strix .branch-detail .collapsible-branch-info .text-open h6 a {
  color: #fff; }

.strix .branch-detail .collapsible-branch-info .text-open .btn.primary, body.strix .branch-detail .collapsible-branch-info .text-open .btn.primary {
  color: #000; }

.strix .branch-detail .collapsible-branch-info .text-open .btn.secondary:hover, body.strix .branch-detail .collapsible-branch-info .text-open .btn.secondary:hover {
  background: #000;
  border-color: #000; }

.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=text], body.strix .branch-detail .collapsible-branch-info .text-open .form-field input[type=text] {
  background: #fff; }

.strix .branch-detail .collapsible-branch-info .text-open .form-field.input-with-icon .strix-icon, body.strix .branch-detail .collapsible-branch-info .text-open .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .branch-detail .collapsible-branch-info .text-open .name, body.strix .branch-detail .collapsible-branch-info .text-open .name {
  line-height: 90px;
  margin: 0; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .branch-detail .collapsible-branch-info.open, body.strix .branch-detail .collapsible-branch-info.open {
    margin-left: -68px;
    margin-right: -68px; } }
@media (min-width: 1440px) and (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) and (min-width: 1440px), (min-width: 640px) and (max-width: 999px) and (min-width: 1440px) {
  .strix .branch-detail .collapsible-branch-info.open, body.strix .branch-detail .collapsible-branch-info.open {
    margin-left: -80px;
    margin-right: -80px; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .branch-detail .collapsible-branch-info.open .label:after, body.strix .branch-detail .collapsible-branch-info.open .label:after {
    color: #f5f5f5; }

  .strix .branch-detail .collapsible-branch-info.open .label .text, body.strix .branch-detail .collapsible-branch-info.open .label .text {
    opacity: 0; }

  .strix .branch-detail .collapsible-branch-info.open .label .text-open, body.strix .branch-detail .collapsible-branch-info.open .label .text-open {
    opacity: 1; }

  .strix .branch-detail .collapsible-branch-info.open .branch-info, body.strix .branch-detail .collapsible-branch-info.open .branch-info {
    display: block; } }
.strix .branch-detail .directions, body.strix .branch-detail .directions {
  padding: 10px; }

.strix .branch-detail .directions .map, body.strix .branch-detail .directions .map {
  background: #eee;
  height: 480px;
  position: relative; }

.strix .branch-detail .directions .map-hook, body.strix .branch-detail .directions .map-hook {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.strix .branch-detail .directions .picture, body.strix .branch-detail .directions .picture {
  width: 220px;
  border: 4px solid #fff;
  background: #ccc;
  position: absolute;
  top: 30px;
  left: 30px; }

.strix .branch-detail .directions .icon, body.strix .branch-detail .directions .icon {
  display: inline-block;
  margin-right: 8px; }

.strix .branch-detail .directions .label, body.strix .branch-detail .directions .label {
  padding: 16px 16px 32px; }

.strix .branch-detail .directions .text, body.strix .branch-detail .directions .text {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 50px); }

.strix .branch-detail .directions .text .heading, body.strix .branch-detail .directions .text .heading {
  font-weight: 700;
  font-size: 14px;
  color: #4d4f53; }

.strix .branch-detail .directions .text p, body.strix .branch-detail .directions .text p {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  color: #4d4f53; }

@media (max-width: 639px) {
  .strix .branch-detail .directions .no-borders, body.strix .branch-detail .directions .no-borders {
    margin-top: 28px; } }
.strix .branch-detail div.poi-services, body.strix .branch-detail div.poi-services {
  margin-top: 8px;
  padding-top: 8px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.strix .branch-detail div.poi-services ul, body.strix .branch-detail div.poi-services ul {
  list-style: none; }

.strix .branch-detail div.poi-services ul li, body.strix .branch-detail div.poi-services ul li {
  margin-bottom: 10px;
  width: 50%;
  display: inline-block;
  color: #000;
  font-size: 14px;
  line-height: 22px; }

.strix .branch-detail div.poi-services ul li .strix-icon, body.strix .branch-detail div.poi-services ul li .strix-icon {
  margin-right: 20px;
  position: relative;
  top: 6px;
  font-size: 24px; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .branch-detail .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .branch-detail .collapsible-branch-info .label .custom-icons li:first-of-type {
    display: none; } }
.strix .branch-detail.tabs.component-background-color-style1, body.strix .branch-detail.tabs.component-background-color-style1 {
  background: whitesmoke !important; }

​ .strix .branch-detail.tabs.component-background-color-style1 .tab-pane > .component-background-color-default, ​ body.strix .branch-detail.tabs.component-background-color-style1 .tab-pane > .component-background-color-default {
  padding-bottom: 0; }

​ .strix .branch-detail.tabs.component-background-color-style1 .component-inner-wrapper, ​ body.strix .branch-detail.tabs.component-background-color-style1 .component-inner-wrapper {
  background: #f5f5f5; }

.strix .branch-detail.tabs.component-background-color-style1 .component-inner-wrapper .container:first-of-type, body.strix .branch-detail.tabs.component-background-color-style1 .component-inner-wrapper .container:first-of-type {
  background: #fff;
  box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 80px;
  max-width: 1170px; }

.strix .branch-detail.tabs.component-background-color-style1 .component-inner-wrapper .container:first-of-type .col-lg-10, body.strix .branch-detail.tabs.component-background-color-style1 .component-inner-wrapper .container:first-of-type .col-lg-10 {
  width: calc(100% - 15px);
  left: 15px; }

.strix .branch-detail.tabs.component-background-color-style1 .component-inner-wrapper .container:first-of-type .box-shadow, body.strix .branch-detail.tabs.component-background-color-style1 .component-inner-wrapper .container:first-of-type .box-shadow {
  margin-top: 30px;
  background: #fff;
  box-shadow: none; }

.strix .branches-and-atms .form-checkbox-wrapper label:before, .strix .branches-and-atms .form-radio-wrapper label:before, body.strix .branches-and-atms .form-checkbox-wrapper label:before, body.strix .branches-and-atms .form-radio-wrapper label:before {
  position: absolute;
  top: 0;
  right: 0; }

.strix .branches-and-atms .search-input-wrapper, body.strix .branches-and-atms .search-input-wrapper {
  text-align: center;
  position: relative;
  max-width: 440px;
  margin: 0 auto;
  margin-bottom: 50px; }

.strix .branches-and-atms .search-input-wrapper input, body.strix .branches-and-atms .search-input-wrapper input {
  text-align: left;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  float: none; }

.strix .branches-and-atms .filter-item, body.strix .branches-and-atms .filter-item {
  margin-bottom: 24px; }

.strix .branches-and-atms .filter, body.strix .branches-and-atms .filter {
  margin-bottom: 0;
  padding: 0; }

.strix .branches-and-atms .filter .map-wrapper, body.strix .branches-and-atms .filter .map-wrapper {
  padding: 10px;
  display: inline-block;
  width: calc(100% - 300px);
  vertical-align: top; }

@media (max-width: 639px) {
  .strix .branches-and-atms .filter .map-wrapper, body.strix .branches-and-atms .filter .map-wrapper {
    display: none; } }
.strix .branches-and-atms .filter #map-hook, .strix .branches-and-atms .filter .map-hook, body.strix .branches-and-atms .filter #map-hook, body.strix .branches-and-atms .filter .map-hook {
  background: #eee;
  height: 480px; }

.strix .branches-and-atms .filter .tabs, body.strix .branches-and-atms .filter .tabs {
  width: 300px;
  display: inline-block;
  vertical-align: top; }

@media (max-width: 639px) {
  .strix .branches-and-atms .filter .tabs, body.strix .branches-and-atms .filter .tabs {
    width: 100%; } }
.strix .branches-and-atms .filter .tabs:not([class*=top-component-background-color-]):after, .strix .branches-and-atms .filter .tabs:not([class*=top-component-background-color-]):before, body.strix .branches-and-atms .filter .tabs:not([class*=top-component-background-color-]):after, body.strix .branches-and-atms .filter .tabs:not([class*=top-component-background-color-]):before {
  background: #fff; }

.strix .branches-and-atms .filter .strix-icon, body.strix .branches-and-atms .filter .strix-icon {
  position: absolute;
  top: -4px; }

.strix .branches-and-atms .filter .text, body.strix .branches-and-atms .filter .text {
  padding: 0 32px; }

.strix .branches-and-atms .filter .no-icon .text, body.strix .branches-and-atms .filter .no-icon .text {
  padding-left: 0; }

.strix .branches-and-atms .filter .nav-tabs, body.strix .branches-and-atms .filter .nav-tabs {
  text-align: left;
  overflow-x: hidden; }

.strix .branches-and-atms .filter .nav-tabs li, body.strix .branches-and-atms .filter .nav-tabs li {
  text-align: center;
  height: 56px;
  width: 50%; }

.strix .branches-and-atms .component-inner-wrapper, body.strix .branches-and-atms .component-inner-wrapper {
  padding: 0; }

@media (max-width: 639px) {
  .strix .branches-and-atms h1, body.strix .branches-and-atms h1 {
    font-size: 40px;
    line-height: 50px;
    margin-top: 70px; } }
.strix .branches-and-atms a, body.strix .branches-and-atms a {
  text-decoration: none; }

.strix .branches-and-atms .color-success, .strix .branches-and-atms .color-warning, body.strix .branches-and-atms .color-success, body.strix .branches-and-atms .color-warning {
  font-weight: 400; }

.strix .branches-and-atms .custom-icons, body.strix .branches-and-atms .custom-icons {
  margin-top: 0;
  font-size: 14px; }

.strix .branches-and-atms .custom-icons .strix-icon, body.strix .branches-and-atms .custom-icons .strix-icon {
  font-size: 18px;
  margin-right: 16px;
  vertical-align: middle; }

.strix .branches-and-atms .custom-icons .text, body.strix .branches-and-atms .custom-icons .text {
  display: inline-block;
  vertical-align: middle; }

.strix .branches-and-atms .custom-icons li, body.strix .branches-and-atms .custom-icons li {
  margin-bottom: 8px; }

@media (max-width: 639px) {
  .strix .branches-and-atms .services, body.strix .branches-and-atms .services {
    display: inline-block; } }
.strix .branches-and-atms .services li, body.strix .branches-and-atms .services li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding: 0 16px;
  width: 256px;
  margin-bottom: 40px;
  position: relative; }

@media (max-width: 639px) {
  .strix .branches-and-atms .services li, body.strix .branches-and-atms .services li {
    display: block;
    text-align: left;
    width: auto;
    margin-bottom: 32px; }

  .strix .branches-and-atms .services li .text, body.strix .branches-and-atms .services li .text {
    padding-left: 32px; }

  .strix .branches-and-atms .services li .strix-icon, body.strix .branches-and-atms .services li .strix-icon {
    position: absolute;
    top: -4px; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .branches-and-atms .services .strix-icon, body.strix .branches-and-atms .services .strix-icon {
    display: block;
    margin-bottom: 8px; } }
.strix .branches-and-atms .alertbox, body.strix .branches-and-atms .alertbox {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  padding: 19px 15px 19px 55px;
  z-index: 10; }

@media (max-width: 639px) {
  .strix .branches-and-atms .alertbox, body.strix .branches-and-atms .alertbox {
    padding: 30px 15px; } }
.strix .branches-and-atms .alertbox p, body.strix .branches-and-atms .alertbox p {
  padding: 0; }

.strix .branches-and-atms .branch-info, body.strix .branches-and-atms .branch-info {
  position: relative;
  margin-top: 60px;
  overflow: hidden; }

@media (max-width: 639px) {
  .strix .branches-and-atms .branch-info, body.strix .branches-and-atms .branch-info {
    margin-top: 32px; } }
@media (max-width: 639px) {
  .strix .branches-and-atms .branch-info .branch-inner-wrapper, body.strix .branches-and-atms .branch-info .branch-inner-wrapper {
    flex-direction: column-reverse;
    display: flex; } }
.strix .branches-and-atms .branch-info h3, body.strix .branches-and-atms .branch-info h3 {
  font-size: 18px;
  font-weight: 600;
  color: #4d4f53;
  margin: 20px 0 16px;
  font-family: "Proxima N",Arial,sans-serif; }

.strix .branches-and-atms .branch-info h4, body.strix .branches-and-atms .branch-info h4 {
  font-size: 14px;
  font-weight: 700;
  color: #4d4f53;
  margin: 20px 0 4px;
  font-family: "Proxima N",Arial,sans-serif; }

.strix .branches-and-atms .branch-info .left-part, .strix .branches-and-atms .branch-info .right-part, body.strix .branches-and-atms .branch-info .left-part, body.strix .branches-and-atms .branch-info .right-part {
  display: inline-block;
  vertical-align: top;
  padding: 20px 50px 60px;
  position: relative; }

@media (max-width: 639px) {
  .strix .branches-and-atms .branch-info .left-part, .strix .branches-and-atms .branch-info .right-part, body.strix .branches-and-atms .branch-info .left-part, body.strix .branches-and-atms .branch-info .right-part {
    width: 100%;
    float: right;
    position: static; }

  .strix .branches-and-atms .branch-info .left-part:after, .strix .branches-and-atms .branch-info .right-part:after, body.strix .branches-and-atms .branch-info .left-part:after, body.strix .branches-and-atms .branch-info .right-part:after {
    display: none; } }
@media (min-width: 1440px) {
  .strix .branches-and-atms .branch-info .left-part, body.strix .branches-and-atms .branch-info .left-part {
    width: 364px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branches-and-atms .branch-info .left-part, body.strix .branches-and-atms .branch-info .left-part {
    width: 258px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .branches-and-atms .branch-info .left-part, body.strix .branches-and-atms .branch-info .left-part {
    width: 232px;
    padding-left: 32px; } }
.strix .branches-and-atms .branch-info .left-part .custom-icons .text, body.strix .branches-and-atms .branch-info .left-part .custom-icons .text {
  color: #4d4f53; }

@media (min-width: 1440px) {
  .strix .branches-and-atms .branch-info .right-part, body.strix .branches-and-atms .branch-info .right-part {
    width: calc(100% - 364px); } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branches-and-atms .branch-info .right-part, body.strix .branches-and-atms .branch-info .right-part {
    width: calc(100% - 258px); } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .branches-and-atms .branch-info .right-part, body.strix .branches-and-atms .branch-info .right-part {
    width: calc(100% - 232px); } }
.strix .branches-and-atms .branch-info .table-wrapper, body.strix .branches-and-atms .branch-info .table-wrapper {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 49%; }

@media (min-width: 1440px) {
  .strix .branches-and-atms .branch-info .table-wrapper:first-of-type, body.strix .branches-and-atms .branch-info .table-wrapper:first-of-type {
    padding-right: 80px; }

  .strix .branches-and-atms .branch-info .table-wrapper:last-of-type, body.strix .branches-and-atms .branch-info .table-wrapper:last-of-type {
    padding-left: 80px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branches-and-atms .branch-info .table-wrapper:first-of-type, body.strix .branches-and-atms .branch-info .table-wrapper:first-of-type {
    padding-right: 8px; }

  .strix .branches-and-atms .branch-info .table-wrapper:last-of-type, body.strix .branches-and-atms .branch-info .table-wrapper:last-of-type {
    padding-left: 8px; } }
@media (max-width: 639px) {
  .strix .branches-and-atms .branch-info .table-wrapper, body.strix .branches-and-atms .branch-info .table-wrapper {
    width: 100%; } }
.strix .branches-and-atms .branch-info .table-wrapper td, .strix .branches-and-atms .branch-info .table-wrapper th, body.strix .branches-and-atms .branch-info .table-wrapper td, body.strix .branches-and-atms .branch-info .table-wrapper th {
  vertical-align: top; }

.strix .branches-and-atms .branch-info .table-wrapper th, body.strix .branches-and-atms .branch-info .table-wrapper th {
  padding: 4px 20px 4px 0; }

.strix .branches-and-atms .branch-info .table-wrapper td, body.strix .branches-and-atms .branch-info .table-wrapper td {
  font-weight: 300;
  vertical-align: top;
  padding: 0 20px 0 0; }

.strix .branches-and-atms .branch-info .button-line, body.strix .branches-and-atms .branch-info .button-line {
  margin-top: 24px; }

.strix .branches-and-atms .people .person, body.strix .branches-and-atms .people .person {
  width: 512px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 20px; }

@media (max-width: 639px) {
  .strix .branches-and-atms .people .person, body.strix .branches-and-atms .people .person {
    text-align: center;
    width: auto;
    display: block; } }
.strix .branches-and-atms .people .avatar, .strix .branches-and-atms .people .qr, body.strix .branches-and-atms .people .avatar, body.strix .branches-and-atms .people .qr {
  width: 100px;
  height: 100px;
  background: #f5f5f5;
  display: inline-block;
  vertical-align: top;
  margin-right: 30px; }

@media (max-width: 639px) {
  .strix .branches-and-atms .people .avatar, .strix .branches-and-atms .people .qr, body.strix .branches-and-atms .people .avatar, body.strix .branches-and-atms .people .qr {
    display: none; } }
.strix .branches-and-atms .people .qr, body.strix .branches-and-atms .people .qr {
  margin-right: 16px; }

.strix .branches-and-atms .people .text, body.strix .branches-and-atms .people .text {
  display: inline-block;
  vertical-align: top; }

@media (max-width: 639px) {
  .strix .branches-and-atms .people .text, body.strix .branches-and-atms .people .text {
    padding: 0; } }
.strix .branches-and-atms .people .name, body.strix .branches-and-atms .people .name {
  font-size: 18px;
  font-weight: 700;
  color: #4d4f53; }

.strix .branches-and-atms .people .position, body.strix .branches-and-atms .people .position {
  font-size: 14px;
  font-weight: 300;
  color: #4d4f53;
  margin: 4px 0 16px; }

.strix .branches-and-atms .people li, body.strix .branches-and-atms .people li {
  font-size: 18px;
  font-weight: 300; }

.strix .branches-and-atms .people .strix-icon, body.strix .branches-and-atms .people .strix-icon {
  font-size: 20px;
  margin-right: 16px; }

@media (max-width: 639px) {
  .strix .branches-and-atms .people .strix-icon, body.strix .branches-and-atms .people .strix-icon {
    display: none; } }
.strix .branches-and-atms .result-heading, body.strix .branches-and-atms .result-heading {
  margin-bottom: 50px; }

.strix .branches-and-atms .collapsible-branch-info, body.strix .branches-and-atms .collapsible-branch-info {
  margin-bottom: 30px;
  transition: all .3s;
  overflow: hidden; }

@media (max-width: 639px) {
  .strix .branches-and-atms .collapsible-branch-info, body.strix .branches-and-atms .collapsible-branch-info {
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5; } }
.strix .branches-and-atms .collapsible-branch-info *, body.strix .branches-and-atms .collapsible-branch-info * {
  transition: all .3s; }

.strix .branches-and-atms .collapsible-branch-info.open .label > .text.text-open, body.strix .branches-and-atms .collapsible-branch-info.open .label > .text.text-open {
  display: inline-block; }

.strix .branches-and-atms .collapsible-branch-info .label, body.strix .branches-and-atms .collapsible-branch-info .label {
  height: 90px;
  padding: 0;
  position: relative;
  cursor: pointer; }

@media (max-width: 639px) {
  .strix .branches-and-atms .collapsible-branch-info .label, body.strix .branches-and-atms .collapsible-branch-info .label {
    height: 70px; } }
.strix .branches-and-atms .collapsible-branch-info .label:after, body.strix .branches-and-atms .collapsible-branch-info .label:after {
  content: "\e661";
  font-family: rb-icons;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%); }

@media (max-width: 639px) {
  .strix .branches-and-atms .collapsible-branch-info .label:after, body.strix .branches-and-atms .collapsible-branch-info .label:after {
    content: "\e66f";
    right: 16px; } }
.strix .branches-and-atms .collapsible-branch-info .label .logo, body.strix .branches-and-atms .collapsible-branch-info .label .logo {
  width: 90px;
  height: 90px;
  display: inline-block;
  background: #fedf00;
  position: relative; }

@media (max-width: 639px) {
  .strix .branches-and-atms .collapsible-branch-info .label .logo, body.strix .branches-and-atms .collapsible-branch-info .label .logo {
    width: 70px;
    height: 70px;
    background: 0 0; } }
.strix .branches-and-atms .collapsible-branch-info .label .logo .strix-icon, body.strix .branches-and-atms .collapsible-branch-info .label .logo .strix-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #000; }

.strix .branches-and-atms .collapsible-branch-info .label > .text, body.strix .branches-and-atms .collapsible-branch-info .label > .text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 90px;
  display: inline-block;
  vertical-align: top;
  padding: 0 64px 0 30px; }

.strix .branches-and-atms .collapsible-branch-info .label > .text.text-open, body.strix .branches-and-atms .collapsible-branch-info .label > .text.text-open {
  display: none; }

@media (max-width: 639px) {
  .strix .branches-and-atms .collapsible-branch-info .label > .text, body.strix .branches-and-atms .collapsible-branch-info .label > .text {
    padding-left: 0;
    left: 70px; } }
.strix .branches-and-atms .collapsible-branch-info .label .name, body.strix .branches-and-atms .collapsible-branch-info .label .name {
  font-size: 25px;
  line-height: 30px;
  margin-top: 16px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

@media (max-width: 639px) {
  .strix .branches-and-atms .collapsible-branch-info .label .name, body.strix .branches-and-atms .collapsible-branch-info .label .name {
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: 0; } }
.strix .branches-and-atms .collapsible-branch-info .label .custom-icons, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons {
  white-space: nowrap; }

.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li {
  display: inline-block;
  vertical-align: top;
  font-weight: 300; }

@media (max-width: 639px) {
  .strix .branches-and-atms .collapsible-branch-info .label .custom-icons li, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li {
    font-size: 14px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .branches-and-atms .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li:first-of-type {
    max-width: 40%;
    overflow: hidden;
    margin-right: 10px; } }
@media (min-width: 1440px) {
  .strix .branches-and-atms .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li:first-of-type {
    max-width: 50%;
    overflow: hidden;
    margin-right: 10px; } }
.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.address, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.address {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis; }

@media (max-width: 639px) {
  .strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.address, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.address {
    max-width: 100px; } }
.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.opening-times, .strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.opening-times, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services {
  float: right; }

.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services {
  padding-left: 20px;
  padding-right: 30px;
  background: #fff; }

.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon {
  margin-right: 10px;
  position: relative; }

.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div {
  padding: 10px 30px;
  position: absolute;
  bottom: 30px;
  left: -280%;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  text-align: center; }

.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div:after, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: calc(50% - 7px);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff; }

.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div .ui-tooltip-text, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.poi-services .strix-icon > div .ui-tooltip-text {
  box-shadow: none; }

.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.opening-times, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li.opening-times {
  margin-right: 50px; }

.strix .branches-and-atms .collapsible-branch-info .branch-info, body.strix .branches-and-atms .collapsible-branch-info .branch-info {
  margin: 0;
  display: none; }

.strix .branches-and-atms .collapsible-branch-info .text-open, body.strix .branches-and-atms .collapsible-branch-info .text-open {
  opacity: 0;
  background: #4d4f53;
  color: #f5f5f5; }

.strix .branches-and-atms .collapsible-branch-info .text-open ::placeholder, body.strix .branches-and-atms .collapsible-branch-info .text-open ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .branches-and-atms .collapsible-branch-info .text-open :-ms-input-placeholder, body.strix .branches-and-atms .collapsible-branch-info .text-open :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .branches-and-atms .collapsible-branch-info .text-open ::-ms-input-placeholder, body.strix .branches-and-atms .collapsible-branch-info .text-open ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field .dk_toggle, .strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=email], .strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=number], .strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=password], .strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=tel], .strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=text], .strix .branches-and-atms .collapsible-branch-info .text-open .form-field textarea, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field .dk_toggle, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=email], body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=number], body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=password], body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=tel], body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=text], body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field textarea {
  color: #4d4f53;
  background: #fff; }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper label:before, .strix .branches-and-atms .collapsible-branch-info .text-open .form-field .form-radio-wrapper label:before, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper label:before, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper input:checked + label:before, .strix .branches-and-atms .collapsible-branch-info .text-open .form-field .form-radio-wrapper input:checked + label:before, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=radio]:checked + label:before, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container .dk_toggle, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: grey;
  background: #b2b4b3; }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #b2b4b3; }

.strix .branches-and-atms .collapsible-branch-info .text-open a, body.strix .branches-and-atms .collapsible-branch-info .text-open a {
  color: #f5f5f5; }

.strix .branches-and-atms .collapsible-branch-info .text-open h1, .strix .branches-and-atms .collapsible-branch-info .text-open h2, .strix .branches-and-atms .collapsible-branch-info .text-open h3, .strix .branches-and-atms .collapsible-branch-info .text-open h4, .strix .branches-and-atms .collapsible-branch-info .text-open h5, .strix .branches-and-atms .collapsible-branch-info .text-open h6, body.strix .branches-and-atms .collapsible-branch-info .text-open h1, body.strix .branches-and-atms .collapsible-branch-info .text-open h2, body.strix .branches-and-atms .collapsible-branch-info .text-open h3, body.strix .branches-and-atms .collapsible-branch-info .text-open h4, body.strix .branches-and-atms .collapsible-branch-info .text-open h5, body.strix .branches-and-atms .collapsible-branch-info .text-open h6 {
  color: #fff; }

.strix .branches-and-atms .collapsible-branch-info .text-open h1 a, .strix .branches-and-atms .collapsible-branch-info .text-open h2 a, .strix .branches-and-atms .collapsible-branch-info .text-open h3 a, .strix .branches-and-atms .collapsible-branch-info .text-open h4 a, .strix .branches-and-atms .collapsible-branch-info .text-open h5 a, .strix .branches-and-atms .collapsible-branch-info .text-open h6 a, body.strix .branches-and-atms .collapsible-branch-info .text-open h1 a, body.strix .branches-and-atms .collapsible-branch-info .text-open h2 a, body.strix .branches-and-atms .collapsible-branch-info .text-open h3 a, body.strix .branches-and-atms .collapsible-branch-info .text-open h4 a, body.strix .branches-and-atms .collapsible-branch-info .text-open h5 a, body.strix .branches-and-atms .collapsible-branch-info .text-open h6 a {
  color: #fff; }

.strix .branches-and-atms .collapsible-branch-info .text-open .btn.primary, body.strix .branches-and-atms .collapsible-branch-info .text-open .btn.primary {
  color: #000; }

.strix .branches-and-atms .collapsible-branch-info .text-open .btn.secondary:hover, body.strix .branches-and-atms .collapsible-branch-info .text-open .btn.secondary:hover {
  background: #000;
  border-color: #000; }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=text], body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field input[type=text] {
  background: #fff; }

.strix .branches-and-atms .collapsible-branch-info .text-open .form-field.input-with-icon .strix-icon, body.strix .branches-and-atms .collapsible-branch-info .text-open .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .branches-and-atms .collapsible-branch-info .text-open .name, body.strix .branches-and-atms .collapsible-branch-info .text-open .name {
  line-height: 90px;
  margin: 0; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .branches-and-atms .collapsible-branch-info.open, body.strix .branches-and-atms .collapsible-branch-info.open {
    margin-left: -68px;
    margin-right: -68px; } }
@media (min-width: 1440px) and (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) and (min-width: 1440px), (min-width: 640px) and (max-width: 999px) and (min-width: 1440px) {
  .strix .branches-and-atms .collapsible-branch-info.open, body.strix .branches-and-atms .collapsible-branch-info.open {
    margin-left: -80px;
    margin-right: -80px; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .branches-and-atms .collapsible-branch-info.open .label:after, body.strix .branches-and-atms .collapsible-branch-info.open .label:after {
    color: #f5f5f5; }

  .strix .branches-and-atms .collapsible-branch-info.open .label .text, body.strix .branches-and-atms .collapsible-branch-info.open .label .text {
    opacity: 0; }

  .strix .branches-and-atms .collapsible-branch-info.open .label .text-open, body.strix .branches-and-atms .collapsible-branch-info.open .label .text-open {
    opacity: 1; }

  .strix .branches-and-atms .collapsible-branch-info.open .branch-info, body.strix .branches-and-atms .collapsible-branch-info.open .branch-info {
    display: block; } }
.strix .branches-and-atms .tab-content, body.strix .branches-and-atms .tab-content {
  padding-bottom: 0;
  display: inline-block; }

.strix .branches-and-atms .tab-content, body.strix .branches-and-atms .tab-content {
  display: block;
  padding: 32px 20px 0 30px; }

.strix .branches-and-atms div.poi-services, body.strix .branches-and-atms div.poi-services {
  margin-top: 8px;
  padding-top: 8px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.strix .branches-and-atms div.poi-services ul, body.strix .branches-and-atms div.poi-services ul {
  list-style: none; }

.strix .branches-and-atms div.poi-services ul li, body.strix .branches-and-atms div.poi-services ul li {
  margin-bottom: 10px;
  width: 49%;
  display: inline-block;
  color: #000;
  font-size: 14px;
  line-height: 22px; }

.strix .branches-and-atms div.poi-services ul li .strix-icon, body.strix .branches-and-atms div.poi-services ul li .strix-icon {
  margin-right: 20px;
  position: relative;
  top: 6px;
  font-size: 24px; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .branches-and-atms .collapsible-branch-info .label .custom-icons li:first-of-type, body.strix .branches-and-atms .collapsible-branch-info .label .custom-icons li:first-of-type {
    display: none; } }
.strix .component-background-color-default .tip, body.strix .component-background-color-default .tip {
  background: #f5f5f5;
  color: #333; }

.strix .component-background-color-default .tip ::placeholder, body.strix .component-background-color-default .tip ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-default .tip :-ms-input-placeholder, body.strix .component-background-color-default .tip :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-default .tip ::-ms-input-placeholder, body.strix .component-background-color-default .tip ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-default .tip .form-field .dk_toggle, .strix .component-background-color-default .tip .form-field input[type=email], .strix .component-background-color-default .tip .form-field input[type=number], .strix .component-background-color-default .tip .form-field input[type=password], .strix .component-background-color-default .tip .form-field input[type=tel], .strix .component-background-color-default .tip .form-field input[type=text], .strix .component-background-color-default .tip .form-field textarea, body.strix .component-background-color-default .tip .form-field .dk_toggle, body.strix .component-background-color-default .tip .form-field input[type=email], body.strix .component-background-color-default .tip .form-field input[type=number], body.strix .component-background-color-default .tip .form-field input[type=password], body.strix .component-background-color-default .tip .form-field input[type=tel], body.strix .component-background-color-default .tip .form-field input[type=text], body.strix .component-background-color-default .tip .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .component-background-color-default .tip .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-default .tip .form-field .form-radio-wrapper label:before, body.strix .component-background-color-default .tip .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-default .tip .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .component-background-color-default .tip .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-default .tip .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-default .tip .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-default .tip .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-default .tip .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-default .tip .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-default .tip .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-default .tip .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-default .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-default .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .component-background-color-default .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-default .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .component-background-color-default .tip.background-color-after, body.strix .component-background-color-default .tip.background-color-after {
  position: relative;
  z-index: 1; }

.strix .component-background-color-default .tip.background-color-after:after, body.strix .component-background-color-default .tip.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .component-background-color-default .tip .highlight-text-primary, body.strix .component-background-color-default .tip .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .component-background-color-default .tip .dk_toggle, .strix .component-background-color-default .tip input[type=text], .strix .component-background-color-default .tip textarea, body.strix .component-background-color-default .tip .dk_toggle, body.strix .component-background-color-default .tip input[type=text], body.strix .component-background-color-default .tip textarea {
  background: #fff; }

.strix .component-background-color-default .tip .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-default .tip .form-field .form-radio-wrapper label:before, body.strix .component-background-color-default .tip .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-default .tip .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .component-background-color-default .tip .form-field.input-with-icon .strix-icon, body.strix .component-background-color-default .tip .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-default .tip .form-field .hint-icon, body.strix .component-background-color-default .tip .form-field .hint-icon {
  color: #4d4f53; }

.strix .component-background-color-inverse .tip, body.strix .component-background-color-inverse .tip {
  background: #fff;
  color: #333; }

.strix .component-background-color-inverse .tip ::placeholder, body.strix .component-background-color-inverse .tip ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-inverse .tip :-ms-input-placeholder, body.strix .component-background-color-inverse .tip :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-inverse .tip ::-ms-input-placeholder, body.strix .component-background-color-inverse .tip ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-inverse .tip .form-field .dk_toggle, .strix .component-background-color-inverse .tip .form-field input[type=email], .strix .component-background-color-inverse .tip .form-field input[type=number], .strix .component-background-color-inverse .tip .form-field input[type=password], .strix .component-background-color-inverse .tip .form-field input[type=tel], .strix .component-background-color-inverse .tip .form-field input[type=text], .strix .component-background-color-inverse .tip .form-field textarea, body.strix .component-background-color-inverse .tip .form-field .dk_toggle, body.strix .component-background-color-inverse .tip .form-field input[type=email], body.strix .component-background-color-inverse .tip .form-field input[type=number], body.strix .component-background-color-inverse .tip .form-field input[type=password], body.strix .component-background-color-inverse .tip .form-field input[type=tel], body.strix .component-background-color-inverse .tip .form-field input[type=text], body.strix .component-background-color-inverse .tip .form-field textarea {
  background: #f5f5f5; }

.strix .component-background-color-inverse .tip .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-inverse .tip .form-field .form-radio-wrapper label:before, body.strix .component-background-color-inverse .tip .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-inverse .tip .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .component-background-color-inverse .tip .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-inverse .tip .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-inverse .tip .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-inverse .tip .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-inverse .tip .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-inverse .tip .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-inverse .tip .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-inverse .tip .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-inverse .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-inverse .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .component-background-color-inverse .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-inverse .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .component-background-color-inverse .tip .highlight-text-primary, body.strix .component-background-color-inverse .tip .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .component-background-color-inverse .tip.background-color-after, body.strix .component-background-color-inverse .tip.background-color-after {
  position: relative;
  z-index: 1; }

.strix .component-background-color-inverse .tip.background-color-after:after, body.strix .component-background-color-inverse .tip.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .component-background-color-inverse .tip a, body.strix .component-background-color-inverse .tip a {
  color: #333; }

.strix .component-background-color-inverse .tip h1, .strix .component-background-color-inverse .tip h2, .strix .component-background-color-inverse .tip h3, .strix .component-background-color-inverse .tip h4, .strix .component-background-color-inverse .tip h5, .strix .component-background-color-inverse .tip h6, body.strix .component-background-color-inverse .tip h1, body.strix .component-background-color-inverse .tip h2, body.strix .component-background-color-inverse .tip h3, body.strix .component-background-color-inverse .tip h4, body.strix .component-background-color-inverse .tip h5, body.strix .component-background-color-inverse .tip h6 {
  color: #000; }

.strix .component-background-color-inverse .tip h1 a, .strix .component-background-color-inverse .tip h2 a, .strix .component-background-color-inverse .tip h3 a, .strix .component-background-color-inverse .tip h4 a, .strix .component-background-color-inverse .tip h5 a, .strix .component-background-color-inverse .tip h6 a, body.strix .component-background-color-inverse .tip h1 a, body.strix .component-background-color-inverse .tip h2 a, body.strix .component-background-color-inverse .tip h3 a, body.strix .component-background-color-inverse .tip h4 a, body.strix .component-background-color-inverse .tip h5 a, body.strix .component-background-color-inverse .tip h6 a {
  color: #000; }

.strix .component-background-color-inverse .tip hr, body.strix .component-background-color-inverse .tip hr {
  border-color: #f5f5f5; }

.strix .component-background-color-inverse .tip .form-field.input-with-icon .strix-icon, body.strix .component-background-color-inverse .tip .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-inverse .tip .form-field .hint-icon, body.strix .component-background-color-inverse .tip .form-field .hint-icon {
  color: #4d4f53; }

.strix .component-background-color-style1 .tip, body.strix .component-background-color-style1 .tip {
  background: #fff;
  color: #333; }

.strix .component-background-color-style1 .tip ::placeholder, body.strix .component-background-color-style1 .tip ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-style1 .tip :-ms-input-placeholder, body.strix .component-background-color-style1 .tip :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style1 .tip ::-ms-input-placeholder, body.strix .component-background-color-style1 .tip ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style1 .tip .form-field .dk_toggle, .strix .component-background-color-style1 .tip .form-field input[type=email], .strix .component-background-color-style1 .tip .form-field input[type=number], .strix .component-background-color-style1 .tip .form-field input[type=password], .strix .component-background-color-style1 .tip .form-field input[type=tel], .strix .component-background-color-style1 .tip .form-field input[type=text], .strix .component-background-color-style1 .tip .form-field textarea, body.strix .component-background-color-style1 .tip .form-field .dk_toggle, body.strix .component-background-color-style1 .tip .form-field input[type=email], body.strix .component-background-color-style1 .tip .form-field input[type=number], body.strix .component-background-color-style1 .tip .form-field input[type=password], body.strix .component-background-color-style1 .tip .form-field input[type=tel], body.strix .component-background-color-style1 .tip .form-field input[type=text], body.strix .component-background-color-style1 .tip .form-field textarea {
  background: #f5f5f5; }

.strix .component-background-color-style1 .tip .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-style1 .tip .form-field .form-radio-wrapper label:before, body.strix .component-background-color-style1 .tip .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-style1 .tip .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .component-background-color-style1 .tip .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-style1 .tip .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-style1 .tip .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-style1 .tip .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-style1 .tip .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-style1 .tip .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-style1 .tip .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-style1 .tip .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-style1 .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-style1 .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .component-background-color-style1 .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-style1 .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .component-background-color-style1 .tip .highlight-text-primary, body.strix .component-background-color-style1 .tip .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .component-background-color-style1 .tip.background-color-after, body.strix .component-background-color-style1 .tip.background-color-after {
  position: relative;
  z-index: 1; }

.strix .component-background-color-style1 .tip.background-color-after:after, body.strix .component-background-color-style1 .tip.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .component-background-color-style1 .tip a, body.strix .component-background-color-style1 .tip a {
  color: #333; }

.strix .component-background-color-style1 .tip h1, .strix .component-background-color-style1 .tip h2, .strix .component-background-color-style1 .tip h3, .strix .component-background-color-style1 .tip h4, .strix .component-background-color-style1 .tip h5, .strix .component-background-color-style1 .tip h6, body.strix .component-background-color-style1 .tip h1, body.strix .component-background-color-style1 .tip h2, body.strix .component-background-color-style1 .tip h3, body.strix .component-background-color-style1 .tip h4, body.strix .component-background-color-style1 .tip h5, body.strix .component-background-color-style1 .tip h6 {
  color: #000; }

.strix .component-background-color-style1 .tip h1 a, .strix .component-background-color-style1 .tip h2 a, .strix .component-background-color-style1 .tip h3 a, .strix .component-background-color-style1 .tip h4 a, .strix .component-background-color-style1 .tip h5 a, .strix .component-background-color-style1 .tip h6 a, body.strix .component-background-color-style1 .tip h1 a, body.strix .component-background-color-style1 .tip h2 a, body.strix .component-background-color-style1 .tip h3 a, body.strix .component-background-color-style1 .tip h4 a, body.strix .component-background-color-style1 .tip h5 a, body.strix .component-background-color-style1 .tip h6 a {
  color: #000; }

.strix .component-background-color-style1 .tip hr, body.strix .component-background-color-style1 .tip hr {
  border-color: #f5f5f5; }

.strix .component-background-color-style1 .tip .form-field.input-with-icon .strix-icon, body.strix .component-background-color-style1 .tip .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-style1 .tip .form-field .hint-icon, body.strix .component-background-color-style1 .tip .form-field .hint-icon {
  color: #4d4f53; }

.strix .component-background-color-style2 .tip, body.strix .component-background-color-style2 .tip {
  background: #fff;
  color: #333; }

.strix .component-background-color-style2 .tip ::placeholder, body.strix .component-background-color-style2 .tip ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .component-background-color-style2 .tip :-ms-input-placeholder, body.strix .component-background-color-style2 .tip :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style2 .tip ::-ms-input-placeholder, body.strix .component-background-color-style2 .tip ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .component-background-color-style2 .tip .form-field .dk_toggle, .strix .component-background-color-style2 .tip .form-field input[type=email], .strix .component-background-color-style2 .tip .form-field input[type=number], .strix .component-background-color-style2 .tip .form-field input[type=password], .strix .component-background-color-style2 .tip .form-field input[type=tel], .strix .component-background-color-style2 .tip .form-field input[type=text], .strix .component-background-color-style2 .tip .form-field textarea, body.strix .component-background-color-style2 .tip .form-field .dk_toggle, body.strix .component-background-color-style2 .tip .form-field input[type=email], body.strix .component-background-color-style2 .tip .form-field input[type=number], body.strix .component-background-color-style2 .tip .form-field input[type=password], body.strix .component-background-color-style2 .tip .form-field input[type=tel], body.strix .component-background-color-style2 .tip .form-field input[type=text], body.strix .component-background-color-style2 .tip .form-field textarea {
  background: #f5f5f5; }

.strix .component-background-color-style2 .tip .form-field .form-checkbox-wrapper label:before, .strix .component-background-color-style2 .tip .form-field .form-radio-wrapper label:before, body.strix .component-background-color-style2 .tip .form-field .form-checkbox-wrapper label:before, body.strix .component-background-color-style2 .tip .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .component-background-color-style2 .tip .form-field .form-checkbox-wrapper input:checked + label:before, .strix .component-background-color-style2 .tip .form-field .form-radio-wrapper input:checked + label:before, body.strix .component-background-color-style2 .tip .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .component-background-color-style2 .tip .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .component-background-color-style2 .tip .form-field input[type=radio]:checked + label:before, body.strix .component-background-color-style2 .tip .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .component-background-color-style2 .tip .form-field.with-calling-code .dk_container .dk_toggle, body.strix .component-background-color-style2 .tip .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .component-background-color-style2 .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .component-background-color-style2 .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .component-background-color-style2 .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .component-background-color-style2 .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .component-background-color-style2 .tip .highlight-text-primary, body.strix .component-background-color-style2 .tip .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .component-background-color-style2 .tip.background-color-after, body.strix .component-background-color-style2 .tip.background-color-after {
  position: relative;
  z-index: 1; }

.strix .component-background-color-style2 .tip.background-color-after:after, body.strix .component-background-color-style2 .tip.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .component-background-color-style2 .tip a, body.strix .component-background-color-style2 .tip a {
  color: #333; }

.strix .component-background-color-style2 .tip h1, .strix .component-background-color-style2 .tip h2, .strix .component-background-color-style2 .tip h3, .strix .component-background-color-style2 .tip h4, .strix .component-background-color-style2 .tip h5, .strix .component-background-color-style2 .tip h6, body.strix .component-background-color-style2 .tip h1, body.strix .component-background-color-style2 .tip h2, body.strix .component-background-color-style2 .tip h3, body.strix .component-background-color-style2 .tip h4, body.strix .component-background-color-style2 .tip h5, body.strix .component-background-color-style2 .tip h6 {
  color: #000; }

.strix .component-background-color-style2 .tip h1 a, .strix .component-background-color-style2 .tip h2 a, .strix .component-background-color-style2 .tip h3 a, .strix .component-background-color-style2 .tip h4 a, .strix .component-background-color-style2 .tip h5 a, .strix .component-background-color-style2 .tip h6 a, body.strix .component-background-color-style2 .tip h1 a, body.strix .component-background-color-style2 .tip h2 a, body.strix .component-background-color-style2 .tip h3 a, body.strix .component-background-color-style2 .tip h4 a, body.strix .component-background-color-style2 .tip h5 a, body.strix .component-background-color-style2 .tip h6 a {
  color: #000; }

.strix .component-background-color-style2 .tip hr, body.strix .component-background-color-style2 .tip hr {
  border-color: #f5f5f5; }

.strix .component-background-color-style2 .tip .form-field.input-with-icon .strix-icon, body.strix .component-background-color-style2 .tip .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .component-background-color-style2 .tip .form-field .hint-icon, body.strix .component-background-color-style2 .tip .form-field .hint-icon {
  color: #4d4f53; }

.strix .tip, body.strix .tip {
  margin-top: 15px;
  padding: 15px 25px;
  position: relative; }

@media (max-width: 639px) {
  .strix .tip, body.strix .tip {
    padding: 15px 25px;
    text-align: center; } }
.strix .tip .strix-icon, body.strix .tip .strix-icon {
  display: none; }

.strix .tip.with-icon, body.strix .tip.with-icon {
  padding-left: 70px; }

@media (max-width: 639px) {
  .strix .tip.with-icon, body.strix .tip.with-icon {
    padding-left: 25px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .tip.with-icon .strix-icon, body.strix .tip.with-icon .strix-icon {
    display: block;
    position: absolute;
    top: 18px;
    left: 21px; } }
.strix .tip .heading, body.strix .tip .heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px; }

.strix .tip .buttons-spaced, body.strix .tip .buttons-spaced {
  display: inline-block; }

@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px), (min-width: 1440px) {
  .strix .tip .buttons-spaced .btn, body.strix .tip .buttons-spaced .btn {
    margin-left: 0;
    margin-right: 32px; } }
.strix .rb-club-filter .container.partner-map, body.strix .rb-club-filter .container.partner-map {
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 1366px;
  background-color: #fff; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .container.partner-map, body.strix .rb-club-filter .container.partner-map {
    max-width: 948px; } }
.strix .rb-club-filter .container.partner-map .map-info, body.strix .rb-club-filter .container.partner-map .map-info {
  margin-bottom: 15px; }

.strix .rb-club-filter .container.partner-map .map-info .strix-icon, body.strix .rb-club-filter .container.partner-map .map-info .strix-icon {
  margin-right: 10px;
  position: relative;
  top: 2px;
  font-size: 18px; }

.strix .rb-club-filter .container.partner-map .map-info .btn, body.strix .rb-club-filter .container.partner-map .map-info .btn {
  margin-left: 30px;
  padding: 10px 20px;
  height: 33px;
  font-size: 14px;
  font-weight: 400; }

.strix .rb-club-filter .container.partner-map .map-tooltip, body.strix .rb-club-filter .container.partner-map .map-tooltip {
  padding: 0; }

.strix .rb-club-filter .container.partner-map .map-tooltip .tooltip-inner, body.strix .rb-club-filter .container.partner-map .map-tooltip .tooltip-inner {
  padding: 0; }

.strix .rb-club-filter .container.partner-map .map-tooltip .tooltip-inner a.heading, body.strix .rb-club-filter .container.partner-map .map-tooltip .tooltip-inner a.heading {
  display: block; }

.strix .rb-club-filter .no-results-pane, body.strix .rb-club-filter .no-results-pane {
  margin: 0 auto;
  max-width: 1366px;
  height: 606px;
  background-color: rgba(77, 79, 83, 0.15);
  text-align: center; }

.strix .rb-club-filter .no-results-pane .heading, body.strix .rb-club-filter .no-results-pane .heading {
  padding-top: 100px;
  font-size: 40px;
  font-family: "Futura PT",Arial,sans-serif;
  font-weight: 400; }

.strix .rb-club-filter .no-results-pane .perex, body.strix .rb-club-filter .no-results-pane .perex {
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: 20px;
  font-weight: 100; }

@media (min-width: 1440px) {
  .strix .rb-club-filter .discount-list, body.strix .rb-club-filter .discount-list {
    margin-left: 7px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .discount-list, body.strix .rb-club-filter .discount-list {
    margin-left: 1px; } }
.strix .rb-club-filter .discount-tile, body.strix .rb-club-filter .discount-tile {
  padding: 25px 16px 0;
  position: relative;
  color: #4d4f53;
  text-align: center;
  width: 319px;
  height: 342px;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  background-color: #fff;
  overflow: hidden; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .discount-tile, body.strix .rb-club-filter .discount-tile {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 25px 16px 0;
    width: 222px;
    height: 330px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .discount-tile, body.strix .rb-club-filter .discount-tile {
    padding: 25px 16px 30px;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
    height: auto;
    text-align: left; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .discount-tile, body.strix .rb-club-filter .discount-tile {
    padding: 25px 16px 30px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-left: 0; }

  .strix .rb-club-filter .discount-tile:before, body.strix .rb-club-filter .discount-tile:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 5px;
    background: #fedf00; } }
.strix .rb-club-filter .discount-tile .logo, body.strix .rb-club-filter .discount-tile .logo {
  max-width: 160px;
  max-height: 120px;
  display: inline-block; }

@media (max-width: 639px) {
  .strix .rb-club-filter .discount-tile .logo, body.strix .rb-club-filter .discount-tile .logo {
    display: none; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .discount-tile .logo, body.strix .rb-club-filter .discount-tile .logo {
    max-width: 160px;
    max-height: 120px;
    display: inline-block; } }
.strix .rb-club-filter .discount-tile .text-club, body.strix .rb-club-filter .discount-tile .text-club {
  padding: 6px 0;
  overflow: hidden; }

@media (min-width: 1440px) {
  .strix .rb-club-filter .discount-tile .text-club, body.strix .rb-club-filter .discount-tile .text-club {
    height: 96px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .discount-tile .text-club, body.strix .rb-club-filter .discount-tile .text-club {
    height: 100px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .discount-tile .text-club, body.strix .rb-club-filter .discount-tile .text-club {
    max-width: 670px;
    max-height: 124px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .discount-tile .text-club, body.strix .rb-club-filter .discount-tile .text-club {
    max-height: 125px; } }
.strix .rb-club-filter .discount-tile .text-club, .strix .rb-club-filter .discount-tile .text-club p, body.strix .rb-club-filter .discount-tile .text-club, body.strix .rb-club-filter .discount-tile .text-club p {
  font-size: 18px;
  line-height: 28px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .discount-tile .text-club, .strix .rb-club-filter .discount-tile .text-club p, body.strix .rb-club-filter .discount-tile .text-club, body.strix .rb-club-filter .discount-tile .text-club p {
    font-size: 15px;
    line-height: 22px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .discount-tile .text-club, .strix .rb-club-filter .discount-tile .text-club p, body.strix .rb-club-filter .discount-tile .text-club, body.strix .rb-club-filter .discount-tile .text-club p {
    font-size: 16px; } }
.strix .rb-club-filter .discount-tile .tag, body.strix .rb-club-filter .discount-tile .tag {
  font-size: 10px;
  display: inline-block;
  margin: 8px;
  padding: 8px 18px;
  height: auto;
  background-color: #939496;
  border-radius: 2px;
  color: #fff; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .discount-tile .tag, body.strix .rb-club-filter .discount-tile .tag {
    margin: 3px; } }
.strix .rb-club-filter .discount-tile .tag:first-of-type, body.strix .rb-club-filter .discount-tile .tag:first-of-type {
  margin-left: 0; }

.strix .rb-club-filter .discount-tile .tag:last-of-type, body.strix .rb-club-filter .discount-tile .tag:last-of-type {
  margin-right: 0; }

.strix .rb-club-filter .discount-tile .brown, body.strix .rb-club-filter .discount-tile .brown {
  background-color: #b3a280; }

.strix .rb-club-filter .discount-tile h3, body.strix .rb-club-filter .discount-tile h3 {
  margin: 0;
  font-size: 24px;
  display: none; }

@media (min-width: 1440px) {
  .strix .rb-club-filter .discount-tile h3, body.strix .rb-club-filter .discount-tile h3 {
    height: 64px;
    overflow: hidden;
    line-height: 32px; } }
@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .discount-tile h3, body.strix .rb-club-filter .discount-tile h3 {
    height: 60px;
    overflow: hidden;
    font-size: 20px;
    line-height: 30px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .discount-tile h3, body.strix .rb-club-filter .discount-tile h3 {
    display: block; } }
.strix .rb-club-filter .discount-tile h3 a, body.strix .rb-club-filter .discount-tile h3 a {
  text-decoration: none; }

.strix .rb-club-filter .discount-tile .logo-wrapper, body.strix .rb-club-filter .discount-tile .logo-wrapper {
  display: table;
  height: 155px;
  position: relative;
  width: 100%; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .discount-tile .logo-wrapper, body.strix .rb-club-filter .discount-tile .logo-wrapper {
    width: 150px;
    float: left; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .discount-tile .logo-wrapper, body.strix .rb-club-filter .discount-tile .logo-wrapper {
    display: none; } }
.strix .rb-club-filter .discount-tile .logo-wrapper-inner, body.strix .rb-club-filter .discount-tile .logo-wrapper-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%; }

.strix .rb-club-filter .discount-tile .text-wrapper, body.strix .rb-club-filter .discount-tile .text-wrapper {
  display: inline-block;
  vertical-align: top; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .discount-tile .text-wrapper, body.strix .rb-club-filter .discount-tile .text-wrapper {
    width: calc(100% - 160px);
    padding-left: 32px; } }
.strix .rb-club-filter .discount-tile .highlight, body.strix .rb-club-filter .discount-tile .highlight {
  background-color: #fedf00;
  width: 100px;
  height: 100px;
  padding-top: 75px;
  text-align: center;
  position: absolute;
  top: -50px;
  right: -50px;
  transform: rotate(45deg);
  font-weight: 700;
  font-size: 14px;
  border: 1px solid #ddd; }

.strix .rb-club-filter .close, body.strix .rb-club-filter .close {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }

.strix .rb-club-filter .close .strix-icon, body.strix .rb-club-filter .close .strix-icon {
  font-size: 15px; }

.strix .rb-club-filter .column, body.strix .rb-club-filter .column {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  padding: 30px 37px 0 117px;
  text-align: left; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .column, body.strix .rb-club-filter .column {
    padding: 30px 0 0 33px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .column, body.strix .rb-club-filter .column {
    width: 50%;
    padding: 10px 50px 0 50px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .column, body.strix .rb-club-filter .column {
    width: 100%;
    padding: 40px 20px 0 20px; } }
.strix .rb-club-filter .column:last-of-type, body.strix .rb-club-filter .column:last-of-type {
  padding: 32px 115px 0 0; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .column:last-of-type, body.strix .rb-club-filter .column:last-of-type {
    padding: 32px 78px 0 0; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .column:last-of-type, body.strix .rb-club-filter .column:last-of-type {
    width: 100%;
    padding: 32px 50px 0 50px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .column:last-of-type, body.strix .rb-club-filter .column:last-of-type {
    width: 100%;
    padding: 40px 20px 0 20px; } }
.strix .rb-club-filter .form-checkbox-wrapper, body.strix .rb-club-filter .form-checkbox-wrapper {
  margin-top: 16px;
  font-size: 18px; }

.strix .rb-club-filter .form-field .dk_container, body.strix .rb-club-filter .form-field .dk_container {
  float: none;
  width: 100%;
  margin-top: 20px; }

.strix .rb-club-filter .heading, body.strix .rb-club-filter .heading {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700; }

.strix .rb-club-filter .tag-filter-row, body.strix .rb-club-filter .tag-filter-row {
  display: block;
  margin-left: 22px;
  margin-bottom: 30px; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .tag-filter-row, body.strix .rb-club-filter .tag-filter-row {
    margin-left: 11px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .tag-filter-row, body.strix .rb-club-filter .tag-filter-row {
    margin-top: 0; } }
.strix .rb-club-filter .tag-filter-row.empty, body.strix .rb-club-filter .tag-filter-row.empty {
  display: none; }

.strix .rb-club-filter .tag-filter-row .filter-tag-group, body.strix .rb-club-filter .tag-filter-row .filter-tag-group {
  margin: 0;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top; }

.strix .rb-club-filter .tag-filter-row .filter-tag-group .remove-all, body.strix .rb-club-filter .tag-filter-row .filter-tag-group .remove-all {
  background-color: #fff;
  color: #4d4f53; }

.strix .rb-club-filter .tag-filter-row .filter-tag-item, body.strix .rb-club-filter .tag-filter-row .filter-tag-item {
  display: inline-block;
  font-size: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding: 8px 20px 10px 20px;
  background-color: #4d4f53;
  color: #fff;
  text-transform: uppercase;
  border-radius: 2px;
  line-height: 1; }

@media (max-width: 639px) {
  .strix .rb-club-filter .tag-filter-row .filter-tag-item, body.strix .rb-club-filter .tag-filter-row .filter-tag-item {
    margin-top: 10px; } }
.strix .rb-club-filter .label, body.strix .rb-club-filter .label {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px; }

.strix .rb-club-filter .remove, body.strix .rb-club-filter .remove {
  display: inline-block;
  cursor: pointer;
  margin-left: 10px; }

.strix .rb-club-filter .small, body.strix .rb-club-filter .small {
  font-size: 8px; }

.strix .rb-club-filter .filter-selection, body.strix .rb-club-filter .filter-selection {
  display: inline-block;
  width: calc(100% - 170px);
  height: auto; }

@media (max-width: 639px) {
  .strix .rb-club-filter .filter-selection, body.strix .rb-club-filter .filter-selection {
    width: 100%;
    display: block; } }
.strix .rb-club-filter .close-area .strix-icon, body.strix .rb-club-filter .close-area .strix-icon {
  cursor: pointer; }

.strix .rb-club-filter .top-filter-row, body.strix .rb-club-filter .top-filter-row {
  margin-left: 22px;
  margin-bottom: 50px;
  display: inline-block;
  position: relative;
  width: 100%; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .top-filter-row, body.strix .rb-club-filter .top-filter-row {
    margin-left: 11px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row, body.strix .rb-club-filter .top-filter-row {
    margin-left: 0;
    float: none; } }
.strix .rb-club-filter .top-filter-row > *, body.strix .rb-club-filter .top-filter-row > * {
  float: left; }

.strix .rb-club-filter .top-filter-row .filter-toggle, body.strix .rb-club-filter .top-filter-row .filter-toggle {
  display: none; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .filter-toggle.btn.primary.with-icon.icon-right, body.strix .rb-club-filter .top-filter-row .filter-toggle.btn.primary.with-icon.icon-right {
    display: inline-block;
    padding: 17px 35px 16px 15px;
    font-size: 13px; }

  .strix .rb-club-filter .top-filter-row .filter-toggle.btn.primary.with-icon.icon-right .strix-icon, body.strix .rb-club-filter .top-filter-row .filter-toggle.btn.primary.with-icon.icon-right .strix-icon {
    right: 7px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter, body.strix .rb-club-filter .top-filter-row .club-filter {
    margin-top: 17px;
    padding-bottom: 40px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(171, 171, 171, 0.24);
    border-radius: 2px;
    position: relative;
    width: 100%; } }
.strix .rb-club-filter .top-filter-row .club-filter > *, body.strix .rb-club-filter .top-filter-row .club-filter > * {
  float: left;
  line-height: 26px;
  font-size: 18px;
  height: 50px;
  margin-right: 40px; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter > *, body.strix .rb-club-filter .top-filter-row .club-filter > * {
    height: auto;
    float: none; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter .select-group, body.strix .rb-club-filter .top-filter-row .club-filter .select-group {
    margin-right: 0;
    width: 100%;
    padding: 30px 20px 0 20px; } }
.strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item {
  margin-top: 12px;
  cursor: pointer; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item {
    margin-top: 0;
    cursor: auto;
    font-size: 18px;
    color: #000; } }
.strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item .strix-icon, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item .strix-icon {
  display: inline-block;
  transform: rotate(180deg);
  font-size: 20px;
  position: relative;
  top: 2px;
  cursor: pointer; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item .strix-icon, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item .strix-icon {
    display: none; } }
.strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item.open .strix-icon, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .select-item.open .strix-icon {
  transform: none; }

.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup {
  position: absolute;
  z-index: 1;
  width: 320px;
  left: -86px;
  top: 55px;
  padding: 40px 30px 30px 30px;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.05);
  display: none; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter .select-group .popup, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup {
    display: block;
    padding: 0;
    width: auto;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .top-filter-row .club-filter .select-group .popup, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup {
    left: -22px; } }
.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup.open, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup.open {
  display: block; }

.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup:before, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup:before {
  content: "";
  position: absolute;
  top: -7px;
  left: calc(50% - 7px);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff; }

@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .top-filter-row .club-filter .select-group .popup:before, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup:before {
    left: 50px; } }
.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup .close-area, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup .close-area {
  position: absolute;
  top: 20px;
  right: 20px; }

.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup .close-area .strix-icon, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup .close-area .strix-icon {
  font-size: 12px; }

.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup .checkbox-container .label-inner, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup .checkbox-container .label-inner {
  font-size: 16px;
  top: -3px;
  position: relative; }

.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup .checkbox-container .form-checkbox-wrapper label, body.strix .rb-club-filter .top-filter-row .club-filter .select-group .popup .checkbox-container .form-checkbox-wrapper label {
  display: flex; }

.strix .rb-club-filter .top-filter-row .club-filter .btn, body.strix .rb-club-filter .top-filter-row .club-filter .btn {
  display: none; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter .btn, body.strix .rb-club-filter .top-filter-row .club-filter .btn {
    padding: 12px 35px;
    height: 50px;
    font-size: 13px; } }
.strix .rb-club-filter .top-filter-row .club-filter .form-checkbox-wrapper, body.strix .rb-club-filter .top-filter-row .club-filter .form-checkbox-wrapper {
  margin-top: 12px; }

.strix .rb-club-filter .top-filter-row .club-filter .form-checkbox-wrapper [for=eshopOnly] .label-inner, body.strix .rb-club-filter .top-filter-row .club-filter .form-checkbox-wrapper [for=eshopOnly] .label-inner {
  max-width: none; }

.strix .rb-club-filter .top-filter-row .club-filter > .close-area, body.strix .rb-club-filter .top-filter-row .club-filter > .close-area {
  display: none; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter > .close-area, body.strix .rb-club-filter .top-filter-row .club-filter > .close-area {
    display: block;
    z-index: 1; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter > .close-area .strix-icon, body.strix .rb-club-filter .top-filter-row .club-filter > .close-area .strix-icon {
    font-size: 12px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter .eshop-only, body.strix .rb-club-filter .top-filter-row .club-filter .eshop-only {
    margin-left: 20px;
    margin-right: 0;
    margin-top: 30px;
    padding-top: 18px;
    width: calc(100% - 40px);
    border-top: 1px solid rgba(77, 79, 83, 0.15); }

  .strix .rb-club-filter .top-filter-row .club-filter .eshop-only label:before, body.strix .rb-club-filter .top-filter-row .club-filter .eshop-only label:before {
    color: #f5f5f5;
    background: #f5f5f5; } }
.strix .rb-club-filter .top-filter-row .club-filter .eshop-only > div, body.strix .rb-club-filter .top-filter-row .club-filter .eshop-only > div {
  padding: 15px 17px;
  width: 174px;
  position: absolute;
  bottom: 50px;
  left: -15%;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(171, 171, 171, 0.24);
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  text-align: center; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter .eshop-only > div, body.strix .rb-club-filter .top-filter-row .club-filter .eshop-only > div {
    display: none !important; } }
.strix .rb-club-filter .top-filter-row .club-filter .eshop-only > div:after, body.strix .rb-club-filter .top-filter-row .club-filter .eshop-only > div:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: calc(50% - 7px);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .club-filter.hidden-mobile, body.strix .rb-club-filter .top-filter-row .club-filter.hidden-mobile {
    display: none; }

  .strix .rb-club-filter .top-filter-row .club-filter:before, body.strix .rb-club-filter .top-filter-row .club-filter:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 72px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff; }

  .strix .rb-club-filter .top-filter-row .club-filter > .close-area, body.strix .rb-club-filter .top-filter-row .club-filter > .close-area {
    position: absolute;
    top: 10px;
    right: 20px;
    margin-right: 0; }

  .strix .rb-club-filter .top-filter-row .club-filter .select-item .strix-icon, body.strix .rb-club-filter .top-filter-row .club-filter .select-item .strix-icon {
    display: none; }

  .strix .rb-club-filter .top-filter-row .club-filter .popup, body.strix .rb-club-filter .top-filter-row .club-filter .popup {
    padding-top: 0; }

  .strix .rb-club-filter .top-filter-row .club-filter .popup .close-area, body.strix .rb-club-filter .top-filter-row .club-filter .popup .close-area {
    display: none; }

  .strix .rb-club-filter .top-filter-row .club-filter > .btn, body.strix .rb-club-filter .top-filter-row .club-filter > .btn {
    margin: 30px auto 0 auto;
    display: block;
    max-width: 180px;
    text-align: center; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .top-filter-row .club-filter, body.strix .rb-club-filter .top-filter-row .club-filter {
    margin-top: 10px;
    clear: both; } }
.strix .rb-club-filter .top-filter-row .tabs, body.strix .rb-club-filter .top-filter-row .tabs {
  margin-right: 44px;
  position: absolute;
  right: 0; }

@media (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .top-filter-row .tabs, body.strix .rb-club-filter .top-filter-row .tabs {
    margin-right: 20px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .tabs, body.strix .rb-club-filter .top-filter-row .tabs {
    position: absolute;
    top: 70px;
    right: 0;
    margin-right: 0; } }
.strix .rb-club-filter .top-filter-row .tabs li, body.strix .rb-club-filter .top-filter-row .tabs li {
  width: auto; }

.strix .rb-club-filter .top-filter-row .tabs .nav-tabs, body.strix .rb-club-filter .top-filter-row .tabs .nav-tabs {
  padding-bottom: 0;
  overflow-x: hidden;
  font-size: 0; }

.strix .rb-club-filter .top-filter-row .tabs .nav-tabs [role=presentation], body.strix .rb-club-filter .top-filter-row .tabs .nav-tabs [role=presentation] {
  position: relative;
  height: 50px;
  line-height: 50px;
  border-left: 2px solid #f5f5f5;
  cursor: pointer; }

.strix .rb-club-filter .top-filter-row .tabs .nav-tabs [role=presentation].active:before, body.strix .rb-club-filter .top-filter-row .tabs .nav-tabs [role=presentation].active:before {
  content: "";
  position: absolute;
  background-color: #fedf00;
  width: 100%;
  height: 3px;
  display: block; }

.strix .rb-club-filter .top-filter-row .tabs .nav-tabs [role=presentation] .label, body.strix .rb-club-filter .top-filter-row .tabs .nav-tabs [role=presentation] .label {
  margin-left: 6px;
  margin-right: 20px; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .top-filter-row .tabs .nav-tabs [role=presentation] .label, body.strix .rb-club-filter .top-filter-row .tabs .nav-tabs [role=presentation] .label {
    display: none; } }
.strix .rb-club-filter .top-filter-row .tabs .nav-tabs .strix-icon, body.strix .rb-club-filter .top-filter-row .tabs .nav-tabs .strix-icon {
  margin-left: 20px;
  font-size: 20px;
  position: relative;
  top: 3px; }

@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .tabs .nav-tabs .strix-icon, body.strix .rb-club-filter .top-filter-row .tabs .nav-tabs .strix-icon {
    margin-right: 16px;
    margin-left: 16px; } }
@media (min-width: 640px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .top-filter-row .tabs .nav-tabs .strix-icon, body.strix .rb-club-filter .top-filter-row .tabs .nav-tabs .strix-icon {
    margin-right: 20px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row rbclub-search-input, body.strix .rb-club-filter .top-filter-row rbclub-search-input {
    width: 100%; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .top-filter-row .rbclub-search-input, body.strix .rb-club-filter .top-filter-row .rbclub-search-input {
    margin-bottom: 20px;
    margin-right: 0; } }
.strix .rb-club-filter .top-filter-row .rbclub-search-input progress-spinner, body.strix .rb-club-filter .top-filter-row .rbclub-search-input progress-spinner {
  width: 100%;
  height: 50px;
  display: block;
  border: none; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input progress-spinner svg, body.strix .rb-club-filter .top-filter-row .rbclub-search-input progress-spinner svg {
  margin: 10px 0 0 15px;
  width: 30px;
  height: 30px; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .input-with-icon, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .input-with-icon {
  padding-left: 20px; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown {
  width: 100%;
  position: absolute;
  top: 51px;
  left: 0;
  z-index: 1;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(171, 171, 171, 0.24);
  border-radius: 2px; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .info, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .info {
  padding: 16px 0 16px 20px;
  font-size: 14px;
  font-style: italic;
  border-bottom: 1px solid #f5f5f5; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results {
  margin: 0;
  list-style-type: none;
  border: none; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li {
  padding: 14px 20px;
  text-align: left;
  list-style-type: none;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  outline: 0;
  cursor: pointer; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li.selected, .strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li:hover, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li.selected, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li:hover {
  background: #f5f5f5; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li .strix-icon, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li .strix-icon {
  margin-right: 5px;
  position: relative;
  top: 2px;
  right: 0; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li.document-type-partner, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .main-results li.document-type-partner {
  font-weight: 700; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .heading, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .heading {
  margin-bottom: 0;
  padding: 20px 20px 10px 20px;
  font-size: 12px; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results {
  margin: 0;
  padding-bottom: 13px;
  list-style-type: none; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results li, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results li {
  padding: 7px 20px;
  font-size: 12px;
  text-align: left;
  list-style-type: none;
  background: #fff;
  outline: 0;
  cursor: pointer; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results li.selected .text, .strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results li:hover .text, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results li.selected .text, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results li:hover .text {
  text-decoration: underline; }

.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results li .strix-icon, body.strix .rb-club-filter .top-filter-row .rbclub-search-input .dropdown .inexact-result-area .ruian-results li .strix-icon {
  margin-right: 5px;
  position: relative;
  top: 2px;
  right: 0;
  font-size: 14px; }

.strix .rb-club-filter .top-filter-row .btn, body.strix .rb-club-filter .top-filter-row .btn {
  vertical-align: top;
  position: relative; }

.strix .rb-club-filter .filter-toggle, body.strix .rb-club-filter .filter-toggle {
  margin-right: 30px;
  cursor: pointer; }

.strix .rb-club-filter .filter-toggle .strix-icon, body.strix .rb-club-filter .filter-toggle .strix-icon {
  transform: rotate(180deg); }

.strix .rb-club-filter .filter-toggle.open .strix-icon, body.strix .rb-club-filter .filter-toggle.open .strix-icon {
  transform: none; }

.strix .rb-club-filter .top-arrow-icon, body.strix .rb-club-filter .top-arrow-icon {
  position: absolute;
  display: inline-block;
  padding-left: 10px; }

.strix .rb-club-filter .input-with-icon, body.strix .rb-club-filter .input-with-icon {
  display: inline-block;
  width: 439px;
  margin-right: 50px;
  vertical-align: top; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .rb-club-filter .input-with-icon, body.strix .rb-club-filter .input-with-icon {
    width: 268px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-filter .input-with-icon, body.strix .rb-club-filter .input-with-icon {
    width: 348px; } }
@media (max-width: 639px) {
  .strix .rb-club-filter .input-with-icon, body.strix .rb-club-filter .input-with-icon {
    width: 100%; } }
.strix .rb-club-filter input::placeholder, body.strix .rb-club-filter input::placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1; }

.strix .rb-club-filter input:-ms-input-placeholder, body.strix .rb-club-filter input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1; }

.strix .rb-club-filter .search-field-mobile, body.strix .rb-club-filter .search-field-mobile {
  margin-bottom: 20px; }

.strix .rb-club-filter .btn-filter, body.strix .rb-club-filter .btn-filter {
  display: inline-block;
  margin-right: 20px;
  background-color: #f5f5f5;
  border: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer; }

.strix .rb-club-filter .btn-more-wrapper, body.strix .rb-club-filter .btn-more-wrapper {
  text-align: center; }

.strix .rb-club-filter .stripe, body.strix .rb-club-filter .stripe {
  font-size: 15px;
  font-weight: 700; }

.strix .rb-club-filter .stripe:after, body.strix .rb-club-filter .stripe:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #fedf00; }

.strix .rb-club-filter .dropdown-wrapper, body.strix .rb-club-filter .dropdown-wrapper {
  position: relative;
  z-index: 20; }

.strix .rb-club-filter .dropdown-wrapper:hover .dropdown, body.strix .rb-club-filter .dropdown-wrapper:hover .dropdown {
  display: block; }

.strix .rb-club-filter .dropdown-wrapper .dropdown, body.strix .rb-club-filter .dropdown-wrapper .dropdown {
  display: none;
  background: #fff;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 50px;
  width: 256px; }

.strix .rb-club-filter .dropdown-wrapper li, body.strix .rb-club-filter .dropdown-wrapper li {
  list-style: none;
  padding: 16px; }

.strix .rb-club-filter .multi-select .ui-multiselect-item, .strix .rb-club-filter .strix .multi-select .ui-multiselect-item, body.strix .rb-club-filter .multi-select .ui-multiselect-item, body.strix .rb-club-filter .strix .multi-select .ui-multiselect-item {
  position: relative;
  padding-left: 40px; }

.strix .rb-club-filter .multi-select .ui-multiselect-item .ui-corner-all:before, body.strix .rb-club-filter .multi-select .ui-multiselect-item .ui-corner-all:before {
  content: "\e646";
  display: inline-block;
  vertical-align: middle;
  background: #f5f5f5;
  color: #f5f5f5;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  width: 20px;
  height: 20px;
  border-radius: 2px;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
  font-family: rb-icons;
  transition: all .2s;
  position: absolute;
  left: 8px;
  top: 16px; }

.strix .rb-club-filter .multi-select .ui-multiselect-item.ui-state-highlight .ui-corner-all:before, body.strix .rb-club-filter .multi-select .ui-multiselect-item.ui-state-highlight .ui-corner-all:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .rb-club-detail .rb-club-header .hero, body.strix .rb-club-detail .rb-club-header .hero {
  margin-bottom: 50px;
  position: relative;
  font-size: 14px;
  color: #4d4f53; }

.strix .rb-club-detail .rb-club-header .heading, body.strix .rb-club-detail .rb-club-header .heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 34px;
  text-align: center; }

.strix .rb-club-detail .rb-club-header .strix-icon, body.strix .rb-club-detail .rb-club-header .strix-icon {
  position: absolute;
  left: 30px;
  top: 36px;
  font-size: 22px; }

@media (max-width: 639px) {
  .strix .rb-club-detail .rb-club-header .strix-icon, body.strix .rb-club-detail .rb-club-header .strix-icon {
    display: none; } }
.strix .rb-club-detail .rb-club-header .logo-wrapper, body.strix .rb-club-detail .rb-club-header .logo-wrapper {
  display: inline-block;
  text-align: center;
  width: 377px; }

.strix .rb-club-detail .rb-club-header .logo-wrapper img, body.strix .rb-club-detail .rb-club-header .logo-wrapper img {
  display: inline-block; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-detail .rb-club-header .logo-wrapper, body.strix .rb-club-detail .rb-club-header .logo-wrapper {
    display: block;
    text-align: center;
    width: auto;
    max-width: 377px;
    margin: auto; } }
.strix .rb-club-detail .rb-club-header .text-wrapper, body.strix .rb-club-detail .rb-club-header .text-wrapper {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 377px);
  padding-left: 60px; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .rb-club-detail .rb-club-header .text-wrapper, body.strix .rb-club-detail .rb-club-header .text-wrapper {
    padding-left: 0;
    display: block;
    padding-top: 30px;
    width: 100%; } }
.strix .rb-club-detail .rb-club-header .text-logo-wrapper, body.strix .rb-club-detail .rb-club-header .text-logo-wrapper {
  margin-bottom: 30px; }

.strix .rb-club-detail .rb-club-header .text-logo-wrapper:last-of-type, body.strix .rb-club-detail .rb-club-header .text-logo-wrapper:last-of-type {
  margin-bottom: 0; }

.strix .rb-club-detail .rb-club-header .logo-club, body.strix .rb-club-detail .rb-club-header .logo-club {
  display: inline-block;
  max-width: 50px;
  max-height: 47px; }

.strix .rb-club-detail .rb-club-header .icon-text, body.strix .rb-club-detail .rb-club-header .icon-text {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 50px);
  padding-left: 30px; }

.strix .rb-club-detail .rb-club-header .introduction, body.strix .rb-club-detail .rb-club-header .introduction {
  margin-bottom: 58px; }

@media (max-width: 639px) {
  .strix .rb-club-detail .rb-club-header .introduction, body.strix .rb-club-detail .rb-club-header .introduction {
    text-align: center; } }
.strix .rb-club-detail .rb-club-header .introduction p, body.strix .rb-club-detail .rb-club-header .introduction p {
  display: inline; }

.strix .rb-club-detail .rb-club-header .introduction .show-more-container, body.strix .rb-club-detail .rb-club-header .introduction .show-more-container {
  display: inline;
  padding-left: 4px; }

.strix .rb-club-detail .rb-club-header p, body.strix .rb-club-detail .rb-club-header p {
  margin-bottom: 0; }

.strix .rb-club-detail .rb-club-header .button-row, body.strix .rb-club-detail .rb-club-header .button-row {
  margin-top: 20px;
  display: inline-block; }

.strix .rb-club-detail .rb-club-header .btn, body.strix .rb-club-detail .rb-club-header .btn {
  margin-right: 30px; }

.strix .rb-club-detail .rb-club-header .btn:last-of-type, body.strix .rb-club-detail .rb-club-header .btn:last-of-type {
  margin-right: 0; }

.strix .rb-club-detail .rb-club-header .tag, body.strix .rb-club-detail .rb-club-header .tag {
  font-size: 10px;
  display: inline-block;
  margin: 0 8px 16px 8px;
  padding: 8px 18px;
  height: auto;
  border-radius: 2px;
  color: #fff;
  background-color: #4d4f53;
  font-weight: 500; }

.strix .rb-club-detail .rb-club-header h1, body.strix .rb-club-detail .rb-club-header h1 {
  color: #231f20; }

.strix .rb-club-detail .tip, body.strix .rb-club-detail .tip {
  background: #f5f5f5;
  color: #333;
  margin-top: 50px; }

.strix .rb-club-detail .tip ::placeholder, body.strix .rb-club-detail .tip ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .rb-club-detail .tip :-ms-input-placeholder, body.strix .rb-club-detail .tip :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .rb-club-detail .tip ::-ms-input-placeholder, body.strix .rb-club-detail .tip ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .rb-club-detail .tip .form-field .dk_toggle, .strix .rb-club-detail .tip .form-field input[type=email], .strix .rb-club-detail .tip .form-field input[type=number], .strix .rb-club-detail .tip .form-field input[type=password], .strix .rb-club-detail .tip .form-field input[type=tel], .strix .rb-club-detail .tip .form-field input[type=text], .strix .rb-club-detail .tip .form-field textarea, body.strix .rb-club-detail .tip .form-field .dk_toggle, body.strix .rb-club-detail .tip .form-field input[type=email], body.strix .rb-club-detail .tip .form-field input[type=number], body.strix .rb-club-detail .tip .form-field input[type=password], body.strix .rb-club-detail .tip .form-field input[type=tel], body.strix .rb-club-detail .tip .form-field input[type=text], body.strix .rb-club-detail .tip .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .rb-club-detail .tip .form-field .form-checkbox-wrapper label:before, .strix .rb-club-detail .tip .form-field .form-radio-wrapper label:before, body.strix .rb-club-detail .tip .form-field .form-checkbox-wrapper label:before, body.strix .rb-club-detail .tip .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .rb-club-detail .tip .form-field .form-checkbox-wrapper input:checked + label:before, .strix .rb-club-detail .tip .form-field .form-radio-wrapper input:checked + label:before, body.strix .rb-club-detail .tip .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .rb-club-detail .tip .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .rb-club-detail .tip .form-field input[type=radio]:checked + label:before, body.strix .rb-club-detail .tip .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .rb-club-detail .tip .form-field.with-calling-code .dk_container .dk_toggle, body.strix .rb-club-detail .tip .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .rb-club-detail .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .rb-club-detail .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .rb-club-detail .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .rb-club-detail .tip .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .rb-club-detail .tip.background-color-after, body.strix .rb-club-detail .tip.background-color-after {
  position: relative;
  z-index: 1; }

.strix .rb-club-detail .tip.background-color-after:after, body.strix .rb-club-detail .tip.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .rb-club-detail .tip .highlight-text-primary, body.strix .rb-club-detail .tip .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .rb-club-detail .tip .dk_toggle, .strix .rb-club-detail .tip input[type=text], .strix .rb-club-detail .tip textarea, body.strix .rb-club-detail .tip .dk_toggle, body.strix .rb-club-detail .tip input[type=text], body.strix .rb-club-detail .tip textarea {
  background: #fff; }

.strix .rb-club-detail .tip .form-field .form-checkbox-wrapper label:before, .strix .rb-club-detail .tip .form-field .form-radio-wrapper label:before, body.strix .rb-club-detail .tip .form-field .form-checkbox-wrapper label:before, body.strix .rb-club-detail .tip .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .rb-club-detail .tip .form-field.input-with-icon .strix-icon, body.strix .rb-club-detail .tip .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .rb-club-detail .tip .form-field .hint-icon, body.strix .rb-club-detail .tip .form-field .hint-icon {
  color: #4d4f53; }

.strix .rb-club-detail .tip .generated-code, body.strix .rb-club-detail .tip .generated-code {
  width: 240px;
  text-align: center; }

@media (max-width: 639px) {
  .strix .rb-club-detail .tip .generated-code, body.strix .rb-club-detail .tip .generated-code {
    width: auto;
    height: auto;
    line-height: 20px;
    white-space: normal; } }
.strix .rb-club-detail .tip input.generated-code, body.strix .rb-club-detail .tip input.generated-code {
  margin: 8px 0; }

@media (max-width: 639px) {
  .strix .rb-club-detail .tip input.generated-code, body.strix .rb-club-detail .tip input.generated-code {
    margin-left: 16px;
    margin-right: 16px; } }
.strix .rb-club-detail .tip .generating-code + .form-field, body.strix .rb-club-detail .tip .generating-code + .form-field {
  display: inline; }

.strix .rb-club-detail .tip .generated-code-notification-area, body.strix .rb-club-detail .tip .generated-code-notification-area {
  float: left;
  height: 66px; }

@media (min-width: 1440px) {
  .strix .rb-club-detail .tip .generated-code-notification-area, body.strix .rb-club-detail .tip .generated-code-notification-area {
    float: right; } }
.strix .rb-club-detail .tip .generated-code-notification-area .clipboard-copied-icon.strix-icon, body.strix .rb-club-detail .tip .generated-code-notification-area .clipboard-copied-icon.strix-icon {
  position: relative;
  top: auto;
  left: auto;
  line-height: 66px;
  margin-left: 20px;
  font-size: 20px;
  float: left; }

.strix .rb-club-detail .tip .generated-code-notification-area .clipboard-copied-text, .strix .rb-club-detail .tip .generated-code-notification-area .wait-error, body.strix .rb-club-detail .tip .generated-code-notification-area .clipboard-copied-text, body.strix .rb-club-detail .tip .generated-code-notification-area .wait-error {
  display: table-cell;
  vertical-align: middle;
  height: 66px;
  padding-left: 0; }

.strix .rb-club-detail .tip .generated-code-notification-area .wait-error, body.strix .rb-club-detail .tip .generated-code-notification-area .wait-error {
  max-width: unset; }

@media (min-width: 1440px) {
  .strix .rb-club-detail .tip .generated-code-notification-area .wait-error, body.strix .rb-club-detail .tip .generated-code-notification-area .wait-error {
    max-width: 360px; } }
.strix .rb-club-detail .tip .generated-code-notification-area .success, body.strix .rb-club-detail .tip .generated-code-notification-area .success {
  color: #4c8; }

.strix .rb-club-detail .rb-icon-uniE629, .strix .rb-club-detail .rb-icon-uniE65B, body.strix .rb-club-detail .rb-icon-uniE629, body.strix .rb-club-detail .rb-icon-uniE65B {
  font-size: 15px;
  font-weight: 700;
  padding-right: 10px; }

.strix .rb-club-detail .bigger, body.strix .rb-club-detail .bigger {
  font-size: 18px;
  font-weight: 700; }

.strix .rb-club-detail .smaller, body.strix .rb-club-detail .smaller {
  font-size: 14px; }

.strix .rb-club-detail th:last-of-type, body.strix .rb-club-detail th:last-of-type {
  padding-right: 22px;
  text-align: left; }

.strix .rb-club-detail td:last-of-type, body.strix .rb-club-detail td:last-of-type {
  padding-right: 22px;
  text-align: left; }

.strix .rb-club-detail .map-simple, body.strix .rb-club-detail .map-simple {
  padding-top: 30px; }

.strix .rb-club-detail .table-heading, body.strix .rb-club-detail .table-heading {
  text-align: center; }

.strix .rb-club-detail .table-heading h3, body.strix .rb-club-detail .table-heading h3 {
  margin-top: 50px; }

.strix .rb-club-detail .wysiwyg, body.strix .rb-club-detail .wysiwyg {
  text-align: center;
  margin: 100px auto; }

@media (max-width: 639px) {
  .strix .rb-club-detail .wysiwyg, body.strix .rb-club-detail .wysiwyg {
    margin: 100px 0; } }
.strix .rb-club-detail .partner-branches-buttons, body.strix .rb-club-detail .partner-branches-buttons {
  text-align: center; }

.strix .rb-club-detail .partner-branches .table-responsive-mobile, body.strix .rb-club-detail .partner-branches .table-responsive-mobile {
  margin-bottom: 20px; }

.strix .rb-club-detail .partner-branches .contacts-col, body.strix .rb-club-detail .partner-branches .contacts-col {
  min-width: 170px; }

.strix .rb-club-detail .row:before, body.strix .rb-club-detail .row:before {
  content: " ";
  display: table; }

.strix .rb-club-detail .row:after, body.strix .rb-club-detail .row:after {
  content: " ";
  display: table; }

.strix .rb-club-detail .process .form-field:last-of-type, body.strix .rb-club-detail .process .form-field:last-of-type {
  clear: both; }

.strix .tooltip, body.strix .tooltip {
  position: absolute;
  display: block;
  font-size: 13px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 1000; }

.strix .tooltip .tooltip-inner, body.strix .tooltip .tooltip-inner {
  max-width: 200px;
  text-align: center;
  padding: 15px 15px;
  color: #4d4f53;
  font-weight: 700; }

.strix .tooltip.left, body.strix .tooltip.left {
  margin-left: -17px; }

.strix .tooltip.left .tooltip-arrow, body.strix .tooltip.left .tooltip-arrow {
  border-style: solid;
  border-width: 7px 0 7px 7px;
  border-color: transparent #fff;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%); }

.strix .tooltip.right, body.strix .tooltip.right {
  margin-left: 17px; }

.strix .tooltip.right .tooltip-arrow, body.strix .tooltip.right .tooltip-arrow {
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%); }

.strix .tooltip.top, body.strix .tooltip.top {
  margin-top: -17px; }

.strix .tooltip.top .tooltip-arrow, body.strix .tooltip.top .tooltip-arrow {
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%); }

.strix .tooltip.bottom, body.strix .tooltip.bottom {
  margin-top: 17px; }

.strix .tooltip.bottom .tooltip-arrow, body.strix .tooltip.bottom .tooltip-arrow {
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%); }

.strix .map-tooltip, body.strix .map-tooltip {
  display: inline-block;
  font-size: 13px;
  z-index: 100;
  border-radius: 2px;
  padding: 0 0 10px 20px;
  text-align: center;
  position: relative;
  background: #fff; }

.strix .map-tooltip .tooltip-inner, body.strix .map-tooltip .tooltip-inner {
  text-align: center;
  padding: 15px 15px;
  color: #4d4f53;
  font-weight: 700;
  width: 220px; }

.strix .map-tooltip .heading, body.strix .map-tooltip .heading {
  font-size: 13px; }

.strix .map-tooltip .address, body.strix .map-tooltip .address {
  margin-top: 11px;
  font-size: 10px;
  font-weight: 400; }

.strix .map-tooltip .hours, body.strix .map-tooltip .hours {
  margin-top: 11px;
  font-size: 10px; }

.strix .map-tooltip .phone, body.strix .map-tooltip .phone {
  margin-top: 11px;
  font-size: 10px; }

.strix .map-tooltip .phone a, body.strix .map-tooltip .phone a {
  text-decoration: none; }

.strix .map-tooltip .phone .strix-icon, body.strix .map-tooltip .phone .strix-icon {
  font-size: 10px;
  padding-right: 10px; }

.strix .map-tooltip .btn-map-tooltip, body.strix .map-tooltip .btn-map-tooltip {
  padding: 20px 15px 18px 15px;
  text-decoration: none;
  display: block;
  text-align: center;
  background-color: #f5f5f5;
  font-size: 12px;
  border: 0;
  border-radius: 0 0 2px 2px;
  line-height: 1; }

.strix .map-tooltip .tooltip-arrow, body.strix .map-tooltip .tooltip-arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg); }

.strix .map-simple, body.strix .map-simple {
  padding: 10px;
  height: 480px; }

.strix .map-simple #map-hook, .strix .map-simple .map-hook, body.strix .map-simple #map-hook, body.strix .map-simple .map-hook {
  background: #f5f5f5;
  height: 100%; }

.strix .multi-select, body.strix .multi-select {
  position: relative;
  display: block;
  margin-bottom: 20px; }

.strix .multi-select *, body.strix .multi-select * {
  cursor: pointer; }

.strix .multi-select .ui-helper-hidden-accessible, body.strix .multi-select .ui-helper-hidden-accessible {
  display: none; }

.strix .multi-select .ui-multiselect-label-container, body.strix .multi-select .ui-multiselect-label-container {
  padding: 6px 45px 6px 10px;
  border: 0;
  height: 50px;
  line-height: 40px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.strix .multi-select .ui-multiselect-trigger, body.strix .multi-select .ui-multiselect-trigger {
  position: absolute;
  right: 0;
  top: 0;
  background: red;
  width: 43px;
  height: 50px;
  padding: 0;
  cursor: pointer; }

.strix .multi-select .ui-multiselect-trigger:after, body.strix .multi-select .ui-multiselect-trigger:after {
  content: "\e661";
  font-family: rb-icons;
  height: 50px;
  width: 100%;
  line-height: 50px;
  background: #fedf00;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 16px; }

.strix .multi-select .ui-multiselect-filter-container, body.strix .multi-select .ui-multiselect-filter-container {
  display: none; }

.strix .multi-select .ui-multiselect-panel, body.strix .multi-select .ui-multiselect-panel {
  border: none;
  box-shadow: 0 10px 30px 0 rgba(171, 171, 171, 0.24);
  background: #fff;
  border-radius: 2px;
  overflow: auto;
  position: absolute;
  top: 50px !important;
  left: 0 !important;
  right: 0 !important; }

.strix .multi-select .ui-multiselect-items, body.strix .multi-select .ui-multiselect-items {
  margin: 0;
  padding: 0;
  max-height: 250px !important; }

.strix .multi-select .ui-multiselect-item, body.strix .multi-select .ui-multiselect-item {
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
  padding: 14px 10px;
  cursor: pointer;
  line-height: 22px; }

.strix .multi-select .ui-multiselect-item.ui-state-highlight, body.strix .multi-select .ui-multiselect-item.ui-state-highlight {
  font-weight: 700; }

.strix .component-background-color-default .multi-select .ui-multiselect-label-container, body.strix .component-background-color-default .multi-select .ui-multiselect-label-container {
  background: #f5f5f5; }

.strix .calc-global.component-background-color-default .calc-inner .result-area, .strix .calc-global.component-background-color-inverse .calc-inner .result-area, .strix .calc-global.component-background-color-style1 .calc-inner .result-area, .strix .calc-global.component-background-color-style2 .calc-inner .result-area, body.strix .calc-global.component-background-color-default .calc-inner .result-area, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area {
  background: #fed100;
  color: #333; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field .dk_toggle, .strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=email], .strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=number], .strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=password], .strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=tel], .strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=text], .strix .calc-global.component-background-color-default .calc-inner .result-area .form-field textarea, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field .dk_toggle, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=email], .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=number], .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=password], .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=tel], .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=text], .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field textarea, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field .dk_toggle, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=email], .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=number], .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=password], .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=tel], .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=text], .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field textarea, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field .dk_toggle, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=email], .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=number], .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=password], .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=tel], .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=text], .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field textarea, body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field .dk_toggle, body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=email], body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=number], body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=password], body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=tel], body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field textarea, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field .dk_toggle, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=email], body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=number], body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=password], body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=tel], body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field textarea, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field .dk_toggle, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=email], body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=number], body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=password], body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=tel], body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field textarea, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field .dk_toggle, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=email], body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=number], body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=password], body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=tel], body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field textarea {
  background: #fff; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-default .calc-inner .result-area .form-field .form-radio-wrapper label:before, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field .form-radio-wrapper label:before, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field .form-radio-wrapper label:before, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=radio]:checked + label:before, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=radio]:checked + label:before, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=radio]:checked + label:before, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=radio]:checked + label:before, body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field input[type=radio]:checked + label:before, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field input[type=radio]:checked + label:before, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field input[type=radio]:checked + label:before, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #ffffff 35%); }

.strix .calc-global.component-background-color-default .calc-inner .result-area a, .strix .calc-global.component-background-color-inverse .calc-inner .result-area a, .strix .calc-global.component-background-color-style1 .calc-inner .result-area a, .strix .calc-global.component-background-color-style2 .calc-inner .result-area a, body.strix .calc-global.component-background-color-default .calc-inner .result-area a, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area a, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area a, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area a {
  color: #333; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .btn.primary, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .btn.primary, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .btn.primary, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .btn.primary, body.strix .calc-global.component-background-color-default .calc-inner .result-area .btn.primary, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .btn.primary, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .btn.primary, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .btn.primary {
  background: #fff;
  color: #000; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .btn.primary:hover, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .btn.primary:hover, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .btn.primary:hover, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .btn.primary:hover, body.strix .calc-global.component-background-color-default .calc-inner .result-area .btn.primary:hover, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .btn.primary:hover, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .btn.primary:hover, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .btn.primary:hover {
  background: #fff19d; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .btn.default, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .btn.default, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .btn.default, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .btn.default, body.strix .calc-global.component-background-color-default .calc-inner .result-area .btn.default, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .btn.default, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .btn.default, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .btn.default {
  background: #fedf00;
  color: #000; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .btn.default:hover, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .btn.default:hover, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .btn.default:hover, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .btn.default:hover, body.strix .calc-global.component-background-color-default .calc-inner .result-area .btn.default:hover, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .btn.default:hover, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .btn.default:hover, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .btn.default:hover {
  background: #fed100;
  border-color: #fff; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field.input-with-icon .strix-icon, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field.input-with-icon .strix-icon, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field.input-with-icon .strix-icon, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field.input-with-icon .strix-icon, body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field.input-with-icon .strix-icon, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field.input-with-icon .strix-icon, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field.input-with-icon .strix-icon, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field .hint-icon, .strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field .hint-icon, .strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field .hint-icon, .strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field .hint-icon, body.strix .calc-global.component-background-color-default .calc-inner .result-area .form-field .hint-icon, body.strix .calc-global.component-background-color-inverse .calc-inner .result-area .form-field .hint-icon, body.strix .calc-global.component-background-color-style1 .calc-inner .result-area .form-field .hint-icon, body.strix .calc-global.component-background-color-style2 .calc-inner .result-area .form-field .hint-icon {
  color: #4d4f53; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .calc-global.component-background-color-default[class*=top-component-background-color-] .inner-wrapper, .strix .calc-global.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper, .strix .calc-global.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper, .strix .calc-global.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper, body.strix .calc-global.component-background-color-default[class*=top-component-background-color-] .inner-wrapper, body.strix .calc-global.component-background-color-inverse[class*=top-component-background-color-] .inner-wrapper, body.strix .calc-global.component-background-color-style1[class*=top-component-background-color-] .inner-wrapper, body.strix .calc-global.component-background-color-style2[class*=top-component-background-color-] .inner-wrapper {
    padding-bottom: 0; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global.component-background-color-default .calc-inner .calc-area:after, body.strix .calc-global.component-background-color-default .calc-inner .calc-area:after {
    border-top-color: #fff; } }
.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area {
  background: #fff;
  color: #333; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area ::placeholder, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area :-ms-input-placeholder, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area ::-ms-input-placeholder, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .dk_toggle, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=email], .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=number], .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=password], .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=tel], .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=text], .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field textarea, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .dk_toggle, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=email], body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=number], body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=password], body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=tel], body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field textarea {
  background: #f5f5f5; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=radio]:checked + label:before, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .highlight-text-primary, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area.background-color-after, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area.background-color-after {
  position: relative;
  z-index: 1; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area.background-color-after:after, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area a, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area a {
  color: #333; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h1, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h2, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h3, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h4, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h5, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h6, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h1, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h2, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h3, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h4, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h5, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h6 {
  color: #000; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h1 a, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h2 a, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h3 a, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h4 a, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h5 a, .strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h6 a, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h1 a, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h2 a, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h3 a, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h4 a, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h5 a, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area h6 a {
  color: #000; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area hr, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area hr {
  border-color: #f5f5f5; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field.input-with-icon .strix-icon, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .hint-icon, body.strix .calc-global.component-background-color-default.calc-centered .calc-inner .result-area .form-field .hint-icon {
  color: #4d4f53; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global.component-background-color-inverse .calc-inner .calc-area:after, body.strix .calc-global.component-background-color-inverse .calc-inner .calc-area:after {
    border-top-color: #000; } }
.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area {
  background: #000;
  color: #e2e2e2; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area ::placeholder, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area :-ms-input-placeholder, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area ::-ms-input-placeholder, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .dk_toggle, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=email], .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=number], .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=password], .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=tel], .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=text], .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field textarea, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .dk_toggle, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=email], body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=number], body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=password], body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=tel], body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field textarea {
  background: #f5f5f5; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before {
  color: #f5f5f5;
  background: #f5f5f5; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=radio]:checked + label:before, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area a, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area a {
  color: #e2e2e2; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h1, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h2, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h3, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h4, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h5, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h6, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h1, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h2, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h3, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h4, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h5, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h6 {
  color: #fff; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h1 a, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h2 a, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h3 a, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h4 a, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h5 a, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h6 a, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h1 a, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h2 a, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h3 a, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h4 a, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h5 a, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area h6 a {
  color: #fff; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .highlight-text-primary, .strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .highlight-text-primary a, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .highlight-text-primary, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .highlight-text-primary a {
  color: #fedf00; }

.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field.input-with-icon .strix-icon, body.strix .calc-global.component-background-color-inverse.calc-centered .calc-inner .result-area .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global.component-background-color-style1 .calc-inner .calc-area:after, body.strix .calc-global.component-background-color-style1 .calc-inner .calc-area:after {
    border-top-color: #f5f5f5; } }
.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area {
  background: #f5f5f5;
  color: #333; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area ::placeholder, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area :-ms-input-placeholder, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area ::-ms-input-placeholder, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .dk_toggle, .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=email], .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=number], .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=password], .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=tel], .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=text], .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field textarea, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .dk_toggle, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=email], body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=number], body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=password], body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=tel], body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field textarea {
  background: #fff;
  color: #4d4f53; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=radio]:checked + label:before, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: #b2b4b3;
  background: #dedede; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #dedede; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area.background-color-after, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area.background-color-after {
  position: relative;
  z-index: 1; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area.background-color-after:after, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area.background-color-after:after {
  content: "";
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  z-index: -1; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .highlight-text-primary, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .highlight-text-primary {
  color: #333;
  font-weight: 700; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .dk_toggle, .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area input[type=text], .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area textarea, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .dk_toggle, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area input[type=text], body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area textarea {
  background: #fff; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before {
  background: #fff; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field.input-with-icon .strix-icon, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .hint-icon, body.strix .calc-global.component-background-color-style1.calc-centered .calc-inner .result-area .form-field .hint-icon {
  color: #4d4f53; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global.component-background-color-style2 .calc-inner .calc-area:after, body.strix .calc-global.component-background-color-style2 .calc-inner .calc-area:after {
    border-top-color: #4d4f53; } }
.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area {
  background: #4d4f53;
  color: #f5f5f5; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area ::placeholder, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area ::placeholder {
  color: #b2b4b3;
  opacity: 1; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area :-ms-input-placeholder, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area :-ms-input-placeholder {
  color: #b2b4b3; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area ::-ms-input-placeholder, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area ::-ms-input-placeholder {
  color: #b2b4b3; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .dk_toggle, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=email], .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=number], .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=password], .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=tel], .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=text], .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field textarea, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .dk_toggle, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=email], body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=number], body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=password], body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=tel], body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field textarea {
  color: #4d4f53;
  background: #fff; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper label:before {
  color: #fff;
  background: #fff; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field .form-radio-wrapper input:checked + label:before {
  background: #fedf00;
  color: #4d4f53; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=radio]:checked + label:before, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=radio]:checked + label:before {
  background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container .dk_toggle {
  background: #fedf00; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
  color: grey;
  background: #b2b4b3; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
  background: #b2b4b3; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area a, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area a {
  color: #f5f5f5; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h1, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h2, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h3, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h4, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h5, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h6, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h1, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h2, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h3, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h4, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h5, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h6 {
  color: #fff; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h1 a, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h2 a, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h3 a, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h4 a, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h5 a, .strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h6 a, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h1 a, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h2 a, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h3 a, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h4 a, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h5 a, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area h6 a {
  color: #fff; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .btn.primary, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .btn.primary {
  color: #000; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .btn.secondary:hover, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .btn.secondary:hover {
  background: #000;
  border-color: #000; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=text], body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field input[type=text] {
  background: #fff; }

.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field.input-with-icon .strix-icon, body.strix .calc-global.component-background-color-style2.calc-centered .calc-inner .result-area .form-field.input-with-icon .strix-icon {
  color: #4d4f53; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .calc-global.top-component-background-color-default .before-inner-wrapper, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper ::placeholder, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field textarea, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .dk_toggle, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=email], body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=number], body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=password], body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=tel], body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=text], body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .highlight-text-primary, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper.background-color-after, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper.background-color-after:after, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper a, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper a {
    color: #333; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper h1, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h2, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h3, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h4, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h5, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h6, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h1, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h2, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h3, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h4, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h5, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h6 {
    color: #000; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper h1 a, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h2 a, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h3 a, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h4 a, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h5 a, .strix .calc-global.top-component-background-color-default .before-inner-wrapper h6 a, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h1 a, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h2 a, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h3 a, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h4 a, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h5 a, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper h6 a {
    color: #000; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper hr, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon, body.strix .calc-global.top-component-background-color-default .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper ::placeholder, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field textarea, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .dk_toggle, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=email], body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=number], body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=password], body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=tel], body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=text], body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper a, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper a {
    color: #e2e2e2; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h1, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h2, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h3, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h4, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h5, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h6, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h1, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h2, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h3, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h4, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h5, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h6 {
    color: #fff; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h1 a, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h2 a, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h3 a, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h4 a, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h5 a, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h6 a, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h1 a, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h2 a, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h3 a, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h4 a, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h5 a, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .calc-global.top-component-background-color-inverse .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper ::placeholder, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field textarea, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .dk_toggle, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=email], body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=number], body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=password], body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=tel], body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=text], body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper.background-color-after, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper input[type=text], .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper textarea, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .dk_toggle, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper input[type=text], body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper textarea {
    background: #fff; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon, body.strix .calc-global.top-component-background-color-style1 .before-inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper ::placeholder, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field textarea, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .dk_toggle, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=email], body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=number], body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=password], body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=tel], body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper a, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper a {
    color: #f5f5f5; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h1, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h2, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h3, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h4, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h5, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h6, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h1, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h2, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h3, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h4, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h5, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h6 {
    color: #fff; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h1 a, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h2 a, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h3 a, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h4 a, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h5 a, .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h6 a, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h1 a, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h2 a, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h3 a, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h4 a, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h5 a, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper h6 a {
    color: #fff; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .btn.primary, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .btn.primary {
    color: #000; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text], body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .calc-global.top-component-background-color-style2 .before-inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-], body.strix .calc-global[class*=top-component-background-color-] {
    position: relative;
    background: 0 0;
    z-index: 1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper {
    background: #fff;
    color: #333; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=email], body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=number], body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=password], body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=tel], body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper a {
    color: #333; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 {
    color: #000; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h1 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h2 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h3 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h4 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h5 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper h6 a {
    color: #000; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper hr {
    border-color: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon, body.strix .calc-global[class*=top-component-background-color-].component-background-color-default .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper {
    background: #000;
    color: #e2e2e2; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=email], body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=number], body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=password], body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=tel], body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field textarea {
    background: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper a {
    color: #e2e2e2; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 {
    color: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h1 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h2 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h3 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h4 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h5 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper h6 a {
    color: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .highlight-text-primary a {
    color: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .calc-global[class*=top-component-background-color-].component-background-color-inverse .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper {
    background: #f5f5f5;
    color: #333; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=email], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=number], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=password], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=tel], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper input[type=text], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper textarea {
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style1 .inner-wrapper .form-field .hint-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=email], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=number], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=password], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=tel], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper a {
    color: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 {
    color: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h1 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h2 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h3 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h4 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h5 a, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper h6 a {
    color: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.primary {
    color: #000; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field input[type=text] {
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon, body.strix .calc-global[class*=top-component-background-color-].component-background-color-style2 .inner-wrapper .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default {
    background: #fff;
    color: #333; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=email], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=number], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=password], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=tel], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field textarea {
    background: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -1; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default a {
    color: #333; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 {
    color: #000; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h1 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h2 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h3 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h4 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h5 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default h6 a {
    color: #000; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default hr {
    border-color: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-default .form-field .hint-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse {
    background: #000;
    color: #e2e2e2; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=email], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=number], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=password], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=tel], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field textarea {
    background: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper label:before {
    color: #f5f5f5;
    background: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse a {
    color: #e2e2e2; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 {
    color: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h1 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h2 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h3 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h4 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h5 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse h6 a {
    color: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .highlight-text-primary a {
    color: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-inverse .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 {
    background: #f5f5f5;
    color: #333; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=email], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=number], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=password], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=tel], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field textarea {
    background: #fff;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: #b2b4b3;
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #dedede; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after {
    position: relative;
    z-index: 1; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1.background-color-after:after {
    content: "";
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .highlight-text-primary {
    color: #333;
    font-weight: 700; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 input[type=text], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 textarea {
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .form-radio-wrapper label:before {
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style1 .form-field .hint-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 {
    background: #4d4f53;
    color: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::placeholder {
    color: #b2b4b3;
    opacity: 1; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 :-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 ::-ms-input-placeholder {
    color: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=email], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=number], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=password], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=tel], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field textarea {
    color: #4d4f53;
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper label:before {
    color: #fff;
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-checkbox-wrapper input:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field .form-radio-wrapper input:checked + label:before {
    background: #fedf00;
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=radio]:checked + label:before {
    background: radial-gradient(ellipse at center, #4d4f53 30%, #fedf00 35%); }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container .dk_toggle {
    background: #fedf00; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle {
    color: grey;
    background: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.with-calling-code .dk_container[disabled] .dk_toggle:after {
    background: #b2b4b3; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 a {
    color: #f5f5f5; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 {
    color: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h1 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h2 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h3 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h4 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h5 a, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 h6 a {
    color: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.primary {
    color: #000; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .btn.secondary:hover {
    background: #000;
    border-color: #000; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text], body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field input[type=text] {
    background: #fff; }

  .strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon, body.strix .calc-global[class*=top-component-background-color-][class*=component-background-color-] .inner-wrapper .component-background-color-style2 .form-field.input-with-icon .strix-icon {
    color: #4d4f53; }

  .strix .calc-global[class*=top-component-background-color-] .inner-wrapper, body.strix .calc-global[class*=top-component-background-color-] .inner-wrapper {
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.05); }

  .strix .calc-global[class*=top-component-background-color-] .inner-wrapper:before, body.strix .calc-global[class*=top-component-background-color-] .inner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fedf00;
    width: 100px;
    height: 5px;
    z-index: 20; }

  .strix .calc-global[class*=top-component-background-color-]:after, .strix .calc-global[class*=top-component-background-color-]:before, body.strix .calc-global[class*=top-component-background-color-]:after, body.strix .calc-global[class*=top-component-background-color-]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1; }

  .strix .calc-global[class*=top-component-background-color-]:before, body.strix .calc-global[class*=top-component-background-color-]:before {
    top: 0;
    bottom: 50%; }

  .strix .calc-global[class*=top-component-background-color-].background-same-as-previous:before, body.strix .calc-global[class*=top-component-background-color-].background-same-as-previous:before {
    bottom: calc(50% + 50px); }

  .strix .calc-global[class*=bottom-component-background-color-]:after, body.strix .calc-global[class*=bottom-component-background-color-]:after {
    top: 50%;
    bottom: 0; }

  .strix .calc-global[class*=bottom-component-background-color-].background-same-as-previous:after, body.strix .calc-global[class*=bottom-component-background-color-].background-same-as-previous:after {
    top: calc(50% - 50px); } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global > .container > .row > [class*=col-], body.strix .calc-global > .container > .row > [class*=col-] {
    padding-left: 0;
    padding-right: 0; } }
.strix .calc-global .calc-inner, body.strix .calc-global .calc-inner {
  position: relative; }

.strix .calc-global .calc-inner .headline, body.strix .calc-global .calc-inner .headline {
  text-align: left; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global .calc-inner .headline, body.strix .calc-global .calc-inner .headline {
    text-align: center; } }
.strix .calc-global .calc-inner .calc-area, body.strix .calc-global .calc-inner .calc-area {
  padding: 0 35px 30px 35px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: calc(100% - 328px); }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global .calc-inner .calc-area, body.strix .calc-global .calc-inner .calc-area {
    width: 100%; }

  .strix .calc-global .calc-inner .calc-area:after, body.strix .calc-global .calc-inner .calc-area:after {
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px);
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top-style: solid;
    border-top-width: 20px; } }
@media (max-width: 639px) {
  .strix .calc-global .calc-inner .calc-area, body.strix .calc-global .calc-inner .calc-area {
    padding: 0 0 40px 0; } }
.strix .calc-global .calc-inner .calc-area .calc-row .row-label, body.strix .calc-global .calc-inner .calc-area .calc-row .row-label {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 22px; }

@media (max-width: 639px) {
  .strix .calc-global .calc-inner .calc-area .calc-row .row-label, body.strix .calc-global .calc-inner .calc-area .calc-row .row-label {
    font-size: 14px;
    line-height: 17px; } }
.strix .calc-global .calc-inner .result-area, body.strix .calc-global .calc-inner .result-area {
  padding: 100px 30px 0 15px;
  display: inline-block;
  vertical-align: top;
  width: 328px;
  height: 100%;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px) {
  .strix .calc-global .calc-inner .result-area, body.strix .calc-global .calc-inner .result-area {
    position: absolute; } }
@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global .calc-inner .result-area, body.strix .calc-global .calc-inner .result-area {
    width: 100%; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global .calc-inner .result-area, body.strix .calc-global .calc-inner .result-area {
    padding: 50px 35px; } }
@media (max-width: 639px) {
  .strix .calc-global .calc-inner .result-area, body.strix .calc-global .calc-inner .result-area {
    padding: 50px 0 40px 0;
    text-align: center; } }
.strix .calc-global .calc-inner .result-area .claim, body.strix .calc-global .calc-inner .result-area .claim {
  font-size: 18px;
  margin-bottom: 16px; }

.strix .calc-global .calc-inner .result-area .claim p, body.strix .calc-global .calc-inner .result-area .claim p {
  margin-bottom: 0;
  line-height: 23px; }

.strix .calc-global .calc-inner .result-area .result, body.strix .calc-global .calc-inner .result-area .result {
  margin-bottom: 9px;
  font-size: 40px;
  line-height: 45px;
  font-weight: 700; }

.strix .calc-global .calc-inner .result-area .claim-bottom, body.strix .calc-global .calc-inner .result-area .claim-bottom {
  font-size: 20px; }

@media (max-width: 639px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global .calc-inner .result-area .claim-bottom, body.strix .calc-global .calc-inner .result-area .claim-bottom {
    margin-bottom: 15px; } }
.strix .calc-global .calc-inner .result-area .details, body.strix .calc-global .calc-inner .result-area .details {
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 52px;
  text-align: left; }

@media (min-width: 1000px) and (max-width: 1439px) {
  .strix .calc-global .calc-inner .result-area .details, body.strix .calc-global .calc-inner .result-area .details {
    margin-bottom: 32px; } }
@media (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global .calc-inner .result-area .details, body.strix .calc-global .calc-inner .result-area .details {
    margin: 40px 0 0 0; } }
@media (max-width: 639px) {
  .strix .calc-global .calc-inner .result-area .details, body.strix .calc-global .calc-inner .result-area .details {
    margin-top: 20px;
    margin-bottom: 0; } }
.strix .calc-global .calc-inner .result-area .details tr td:last-of-type, body.strix .calc-global .calc-inner .result-area .details tr td:last-of-type {
  text-align: right; }

.strix .calc-global .calc-inner .result-area .details .strix-icon, body.strix .calc-global .calc-inner .result-area .details .strix-icon {
  font-size: 15px; }

.strix .calc-global .calc-inner .result-area .buttons-spaced .btn, body.strix .calc-global .calc-inner .result-area .buttons-spaced .btn {
  margin-left: 0;
  min-width: 192px;
  text-align: center; }

.strix .calc-global .calc-inner .note, body.strix .calc-global .calc-inner .note {
  text-align: center; }

.strix .calc-global .calc-inner .note p, body.strix .calc-global .calc-inner .note p {
  margin-bottom: 20px;
  padding-left: 35px;
  padding-right: 35px; }

.strix .calc-global .calc-inner .show-comparison-table, body.strix .calc-global .calc-inner .show-comparison-table {
  margin-top: 30px;
  display: block;
  text-align: center;
  text-decoration: underline;
  font-size: 18px;
  line-height: 28px;
  cursor: pointer; }

.strix .calc-global .calc-inner .show-comparison-table:after, body.strix .calc-global .calc-inner .show-comparison-table:after {
  content: "\e649";
  font-family: rb-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row .datepicker, .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row .dk_container, .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=email], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=number], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=password], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=tel], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=text], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row textarea, body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row .datepicker, body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row .dk_container, body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=email], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=number], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=password], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=tel], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=text], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row textarea {
  font-size: 18px; }

@media (max-width: 639px) {
  .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row .datepicker, .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row .dk_container, .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=email], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=number], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=password], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=tel], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=text], .strix .calc-global.big-numbers .calc-inner .calc-area .calc-row textarea, body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row .datepicker, body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row .dk_container, body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=email], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=number], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=password], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=tel], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row input[type=text], body.strix .calc-global.big-numbers .calc-inner .calc-area .calc-row textarea {
    font-size: 16px; } }
.strix .calc-global.big-numbers .calc-inner .result-area .result, body.strix .calc-global.big-numbers .calc-inner .result-area .result {
  font-size: 37px; }

.strix .calc-global.big-numbers .calc-inner .result-area .claim-bottom, body.strix .calc-global.big-numbers .calc-inner .result-area .claim-bottom {
  font-size: 18px; }

.strix .calc-global.tip-hidden .tip, body.strix .calc-global.tip-hidden .tip {
  display: none; }

.strix .calc-global .normal-hidden, body.strix .calc-global .normal-hidden {
  display: none; }

.strix .calc-global.calc-centered .normal-hidden, body.strix .calc-global.calc-centered .normal-hidden {
  display: block; }

.strix .calc-global.calc-centered .centered-hidden, body.strix .calc-global.calc-centered .centered-hidden {
  display: none; }

.strix .calc-global.calc-centered .calc-inner, body.strix .calc-global.calc-centered .calc-inner {
  padding-bottom: 30px; }

.strix .calc-global.calc-centered .calc-inner .button-row-centered, .strix .calc-global.calc-centered .calc-inner .headline, .strix .calc-global.calc-centered .calc-inner .tip-centered, body.strix .calc-global.calc-centered .calc-inner .button-row-centered, body.strix .calc-global.calc-centered .calc-inner .headline, body.strix .calc-global.calc-centered .calc-inner .tip-centered {
  padding-left: 50px;
  padding-right: 50px; }

@media (max-width: 639px) {
  .strix .calc-global.calc-centered .calc-inner .button-row-centered, .strix .calc-global.calc-centered .calc-inner .headline, .strix .calc-global.calc-centered .calc-inner .tip-centered, body.strix .calc-global.calc-centered .calc-inner .button-row-centered, body.strix .calc-global.calc-centered .calc-inner .headline, body.strix .calc-global.calc-centered .calc-inner .tip-centered {
    padding-left: 15px;
    padding-right: 15px; } }
.strix .calc-global.calc-centered .calc-inner .headline, body.strix .calc-global.calc-centered .calc-inner .headline {
  text-align: center; }

.strix .calc-global.calc-centered .calc-inner .result-area, body.strix .calc-global.calc-centered .calc-inner .result-area {
  padding-top: 0;
  position: relative;
  background: 0 0; }

.strix .calc-global.calc-centered .calc-inner .button-row-centered, body.strix .calc-global.calc-centered .calc-inner .button-row-centered {
  padding-bottom: 37px; }

.strix .calc-global.calc-tabs:not(.calc-single-tab) .headline.centered-hidden, .strix .calc-global.calc-tabs:not(.calc-single-tab) .headline.normal-hidden, body.strix .calc-global.calc-tabs:not(.calc-single-tab) .headline.centered-hidden, body.strix .calc-global.calc-tabs:not(.calc-single-tab) .headline.normal-hidden {
  display: none; }

.strix .calc-global.calc-tabs .calc-area, body.strix .calc-global.calc-tabs .calc-area {
  padding-left: 0;
  padding-right: 0; }

.strix .calc-global.calc-tabs .calc-area .container-fluid, body.strix .calc-global.calc-tabs .calc-area .container-fluid {
  padding-left: 0;
  padding-right: 0; }

.strix .calc-global.calc-tabs .calc-area .container-fluid .tabs:not([class*=top-component-background-color-]):after, .strix .calc-global.calc-tabs .calc-area .container-fluid .tabs:not([class*=top-component-background-color-]):before, body.strix .calc-global.calc-tabs .calc-area .container-fluid .tabs:not([class*=top-component-background-color-]):after, body.strix .calc-global.calc-tabs .calc-area .container-fluid .tabs:not([class*=top-component-background-color-]):before {
  background: 0 0; }

.strix .calc-global.calc-tabs .calc-area .container-fluid .tabs .nav-tabs, body.strix .calc-global.calc-tabs .calc-area .container-fluid .tabs .nav-tabs {
  padding-bottom: 0;
  overflow-x: auto; }

.strix .calc-global.calc-tabs .calc-area .container-fluid .tabs .tab-content, body.strix .calc-global.calc-tabs .calc-area .container-fluid .tabs .tab-content {
  padding-left: 50px;
  padding-right: 50px; }

@media (max-width: 639px) {
  .strix .calc-global.calc-tabs .calc-area .container-fluid .tabs .tab-content, body.strix .calc-global.calc-tabs .calc-area .container-fluid .tabs .tab-content {
    padding-left: 15px;
    padding-right: 15px; } }
.strix .calc-global.calc-tabs .calc-area .container-fluid .tip, body.strix .calc-global.calc-tabs .calc-area .container-fluid .tip {
  margin-left: 50px;
  margin-right: 50px; }

.strix .calc-global.calc-tabs.calc-single-tab .before-inner-wrapper, .strix .calc-global.calc-tabs.calc-single-tab .nav-tabs, body.strix .calc-global.calc-tabs.calc-single-tab .before-inner-wrapper, body.strix .calc-global.calc-tabs.calc-single-tab .nav-tabs {
  display: none; }

.strix .calc-global.calc-tabs.calc-single-tab .headline.centered-hidden, body.strix .calc-global.calc-tabs.calc-single-tab .headline.centered-hidden {
  padding-left: 50px;
  padding-right: 50px; }

.strix .calc-global.calc-tabs.calc-single-tab .tab-content, body.strix .calc-global.calc-tabs.calc-single-tab .tab-content {
  padding-top: 0; }

.strix .calc-global .product-selection, body.strix .calc-global .product-selection {
  padding: 50px; }

@media (max-width: 639px) {
  .strix .calc-global .product-selection, body.strix .calc-global .product-selection {
    padding-left: 15px;
    padding-right: 15px; } }
.strix .calc-global.calc-quick-loan .loan-comparison:before, body.strix .calc-global.calc-quick-loan .loan-comparison:before {
  content: "";
  position: relative;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff; }

.strix .calc-global.calc-quick-loan .loan-comparison .table-description, body.strix .calc-global.calc-quick-loan .loan-comparison .table-description {
  padding-left: 50px;
  padding-right: 50px;
  font-weight: 100; }

.strix .calc-global.calc-quick-loan .loan-comparison .table-compare, body.strix .calc-global.calc-quick-loan .loan-comparison .table-compare {
  margin: 0 auto; }

.strix .calc-global.calc-quick-loan .loan-comparison .table-compare th, body.strix .calc-global.calc-quick-loan .loan-comparison .table-compare th {
  padding: 4px; }

@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-global.calc-quick-loan .loan-comparison .table-compare tr:last-of-type td, body.strix .calc-global.calc-quick-loan .loan-comparison .table-compare tr:last-of-type td {
    border-bottom-width: 1px;
    border-bottom-style: solid; } }
@media (min-width: 1440px), (min-width: 1000px) and (max-width: 1439px), (min-width: 640px) and (max-width: 999px) {
  .strix .calc-periodic-investments .calc-row .form-field .input-group-wrapper .form-radio-wrapper:nth-of-type(2), body.strix .calc-periodic-investments .calc-row .form-field .input-group-wrapper .form-radio-wrapper:nth-of-type(2) {
    margin: 0 5px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0); }

  .strix .calc-periodic-investments .calc-row .form-field .input-group-wrapper .form-radio-wrapper:nth-of-type(3), body.strix .calc-periodic-investments .calc-row .form-field .input-group-wrapper .form-radio-wrapper:nth-of-type(3) {
    position: absolute;
    right: 0; } }
@media (max-width: 639px) {
  .strix .calc-periodic-investments .product-selection, body.strix .calc-periodic-investments .product-selection {
    display: none; } }
.strix .funds .tendency, body.strix .funds .tendency {
  position: relative; }

.strix .funds .tendency:after, body.strix .funds .tendency:after {
  font-family: rb-icons;
  font-size: 24px;
  content: "\e64B";
  color: #4c8;
  top: 0;
  line-height: .8;
  top: 5px;
  position: relative; }

.strix .funds .down .tendency:after, body.strix .funds .down .tendency:after {
  content: "\e649";
  color: #ec5a4e; }

.strix .funds .neutral .tendency:after, body.strix .funds .neutral .tendency:after {
  content: "\e647";
  color: #4d4f53; }

.strix .funds.fund-list .fund-list-detail, body.strix .funds.fund-list .fund-list-detail {
  display: none; }

.strix .funds.fund-list-detail .fund-list, body.strix .funds.fund-list-detail .fund-list {
  display: none; }

.strix .funds .fund-list-detail .chart-area .chart-interval, body.strix .funds .fund-list-detail .chart-area .chart-interval {
  overflow: hidden;
  padding: 20px 0; }

.strix .funds .fund-list-detail .chart-area .date-picker .input-wrapper, .strix .funds .fund-list-detail .chart-area .date-picker .input-wrapper input[type=text], body.strix .funds .fund-list-detail .chart-area .date-picker .input-wrapper, body.strix .funds .fund-list-detail .chart-area .date-picker .input-wrapper input[type=text] {
  width: 250px; }

@media (max-width: 639px) {
  .strix .funds .fund-list-detail .chart-area .date-picker .input-wrapper, .strix .funds .fund-list-detail .chart-area .date-picker .input-wrapper input[type=text], body.strix .funds .fund-list-detail .chart-area .date-picker .input-wrapper, body.strix .funds .fund-list-detail .chart-area .date-picker .input-wrapper input[type=text] {
    width: 100%; } }
.strix .funds .fund-list-detail .chart-area .form-field.date-to, body.strix .funds .fund-list-detail .chart-area .form-field.date-to {
  float: right; }

@media (max-width: 639px) {
  .strix .funds .fund-list-detail .chart-area .form-field.date-to, body.strix .funds .fund-list-detail .chart-area .form-field.date-to {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px; } }
.strix .funds .fund-list-detail .chart-area .chart, body.strix .funds .fund-list-detail .chart-area .chart {
  height: 400px;
  margin-bottom: 25px; }

.strix .fund-detail .chart-area .chart-interval, body.strix .fund-detail .chart-area .chart-interval {
  overflow: hidden;
  padding: 20px 0; }

.strix .fund-detail .chart-area .date-picker .input-wrapper, .strix .fund-detail .chart-area .date-picker .input-wrapper input[type=text], body.strix .fund-detail .chart-area .date-picker .input-wrapper, body.strix .fund-detail .chart-area .date-picker .input-wrapper input[type=text] {
  width: 250px; }

@media (max-width: 639px) {
  .strix .fund-detail .chart-area .date-picker .input-wrapper, .strix .fund-detail .chart-area .date-picker .input-wrapper input[type=text], body.strix .fund-detail .chart-area .date-picker .input-wrapper, body.strix .fund-detail .chart-area .date-picker .input-wrapper input[type=text] {
    width: 100%; } }
.strix .fund-detail .chart-area .form-field.date-to, body.strix .fund-detail .chart-area .form-field.date-to {
  float: right; }

@media (max-width: 639px) {
  .strix .fund-detail .chart-area .form-field.date-to, body.strix .fund-detail .chart-area .form-field.date-to {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px; } }
.strix .fund-detail .chart-area .chart, body.strix .fund-detail .chart-area .chart {
  height: 400px;
  margin-bottom: 25px; }

.strix address-input .ui-autocomplete-input, body.strix address-input .ui-autocomplete-input {
  box-shadow: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important; }

.strix address-input .ui-autocomplete-panel, body.strix address-input .ui-autocomplete-panel {
  max-height: 350px !important;
  position: absolute; }

.strix address-input .ui-autocomplete-panel .ui-autocomplete-list, body.strix address-input .ui-autocomplete-panel .ui-autocomplete-list {
  margin: 0;
  list-style-type: none;
  background: #fff;
  border: none;
  box-shadow: 0 10px 30px 0 rgba(171, 171, 171, 0.24);
  border-radius: 2px; }

.strix address-input .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item, body.strix address-input .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item {
  padding: 14px 15px;
  text-align: left;
  list-style-type: none;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  outline: 0;
  cursor: pointer; }

.strix address-input .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item.ui-state-highlight, .strix address-input .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item:hover, body.strix address-input .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item.ui-state-highlight, body.strix address-input .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item:hover {
  background: #f5f5f5; }