@charset "UTF-8";
/******************************************************************
 *
 *  PLEASE NOTE!
 *
 *  This CSS File is compiled from a local repository.
 *  Any manual changes here might be overwritten by compiled
 *  styles. Please contact Zooma if you want to take over this
 *  stylesheet.
 *
 *
 */
/*  Frameworks / Foundations
    ========================================================================== */
/*

  Vendor: Bootstrap 3 Import File
  ------------------------------------------------
  Select which components should be part of the
  project here.

*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out ease-in-out 0.2s;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16.5px;
  padding-right: 16.5px;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container:after {
  clear: both;
}
.row {
  margin-left: -16.5px;
  margin-right: -16.5px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 16.5px;
  padding-right: 16.5px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-12 {
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    width: 753px;
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 973px;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1173px;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
select[multiple],
select[size] {
  height: auto;
}
select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  vertical-align: middle;
}
.form-control:-moz-placeholder {
  color: #999999;
}
.form-control::-moz-placeholder {
  color: #999999;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-in-out 0.2s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle;
}
.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm {
  height: auto;
}
.input-lg {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 45px;
  line-height: 45px;
}
textarea.input-lg {
  height: auto;
}
.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}
.has-warning .form-control {
  border-color: #c09853;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #a47e3c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.has-warning .input-group-addon {
  color: #c09853;
  border-color: #c09853;
  background-color: #fcf8e3;
}
.has-error .help-block,
.has-error .control-label {
  color: #b94a48;
}
.has-error .form-control {
  border-color: #b94a48;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #953b39;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.has-error .input-group-addon {
  color: #b94a48;
  border-color: #b94a48;
  background-color: #f2dede;
}
.has-success .help-block,
.has-success .control-label {
  color: #468847;
}
.has-success .form-control {
  border-color: #468847;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #356635;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.has-success .input-group-addon {
  color: #468847;
  border-color: #468847;
  background-color: #dff0d8;
}
.form-control-static {
  margin-bottom: 0;
  padding-top: 7px;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .form-group {
  margin-left: -16.5px;
  margin-right: -16.5px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
  transition: opacity 0.15s linear ease-in-out 0.2s;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
  transition: height 0.35s ease ease-in-out 0.2s;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}
.nav .open > a .caret,
.nav .open > a:hover .caret,
.nav .open > a:focus .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.nav-pills > li.active > a .caret,
.nav-pills > li.active > a:hover .caret,
.nav-pills > li.active > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.tabbable:after {
  clear: both;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.tabbable:after {
  clear: both;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.nav .caret {
  border-top-color: #428bca;
  border-bottom-color: #428bca;
}
.nav a:hover .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  z-index: 1000;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar:after {
  clear: both;
}
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-header:after {
  clear: both;
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 16px;
  padding-left: 16px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -16px;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -16px;
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}
.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -16px;
  margin-left: -16px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top {
  z-index: 1030;
  top: 0;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}
.navbar-brand {
  float: left;
  padding: 15px 16px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -16px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 16px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -16px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -16px;
  margin-right: -16px;
  padding: 10px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-text {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #777;
  border-bottom-color: #777;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #999999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
/*  Vendor
    Third-party style sheets
    ========================================================================== */
/*  Plugins
    First-party plugin style sheets
    ========================================================================== */
/*  Settings & Tools
    ========================================================================== */
/*

  Settings: File Paths
  ------------------------------------------------
  Example usage: '@{hubspot-img-folder-path}/icon.png'

*/
/*

  Settings: Font Faces
  ------------------------------------------------
 
*/
@font-face {
  font-family: 'Drescher Grotesk';
  font-weight: normal;
  src: url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_Roman.woff2') format('woff2'), /* Super Modern Browsers */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_Roman.woff') format('woff'), /* Pretty Modern Browsers */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_Roman.ttf') format('truetype'), /* Safari, Android, iOS */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_Roman.svg') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Drescher Grotesk';
  font-weight: 500;
  src: url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_SemiBold.woff2') format('woff2'), /* Super Modern Browsers */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_SemiBold.woff') format('woff'), /* Pretty Modern Browsers */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_SemiBold.svg#svgFontName') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Drescher Grotesk';
  font-weight: 600;
  src: url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_DemiBold.woff2') format('woff2'), /* Super Modern Browsers */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_DemiBold.woff') format('woff'), /* Pretty Modern Browsers */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_DemiBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('//cdn2.hubspot.net/hubfs/3904775/Assets/fonts/DrescherGrotesk/DrescherGrotesk_BT_DemiBold.svg') format('svg');
  /* Legacy iOS */
}
/*

  Helpers: General
  ------------------------------------------------
  General helper classes.

*/
/*
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.truncate {
  .truncateStyle(250px);
}
*/
.nowrap {
  white-space: nowrap;
}
/*

  Helpers: HubSpot
  ------------------------------------------------
  HubSpot project specific helper classes.

  For example you can set the classes .editor-only
  or .editor-hidden to make an element visible only
  in the content editor, or vice versa hide the
  element in the editor.

*/
/* In Editor Classes
   ========================================================================== */
.editor-only,
.inline-editor-only {
  display: none;
}
.browser-only {
  display: block;
}
.hs-inline-edit .editor-hidden,
.inpage-editing .editor-hidden {
  display: none;
}
.hs-inline-edit .editor-only,
.inpage-editing .editor-only {
  display: block;
}
.hs-inline-edit .inline-editor-only,
.inpage-editing .inline-editor-only {
  display: none;
}
.hs-inline-edit .hs_cos_wrapper_type_widget_container:empty,
.inpage-editing .hs_cos_wrapper_type_widget_container:empty,
.hs-inline-edit .hs_cos_wrapper_type_widget_container > span:empty,
.inpage-editing .hs_cos_wrapper_type_widget_container > span:empty {
  display: block;
  padding: 1rem;
  border: 2px dashed #bbb;
  color: #aaa;
  border-radius: 5px;
  text-align: center;
}
.hs-inline-edit .hs_cos_wrapper_type_widget_container:empty:before,
.inpage-editing .hs_cos_wrapper_type_widget_container:empty:before,
.hs-inline-edit .hs_cos_wrapper_type_widget_container > span:empty:before,
.inpage-editing .hs_cos_wrapper_type_widget_container > span:empty:before {
  display: block;
  content: 'Add modules inside this flexible container';
}
.hs-inline-edit .visible-in-editor,
.inpage-editing .visible-in-editor {
  display: block !important;
  opacity: .25;
}
.hs-inline-edit .visible-in-editor .hs_cos_wrapper_type_widget_container:empty,
.inpage-editing .visible-in-editor .hs_cos_wrapper_type_widget_container:empty,
.hs-inline-edit .visible-in-editor .hs_cos_wrapper_type_widget_container > span:empty,
.inpage-editing .visible-in-editor .hs_cos_wrapper_type_widget_container > span:empty {
  border-color: #333;
  color: #222;
}
.hs-inline-edit .inline-editor-only {
  display: block;
}
.editor-help {
  font-size: 12px;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.25);
}
/*

  Mixins: Project
  ------------------------------------------------
  Project specific mixins

*/
/*----------------------------------------------------------------------------------*/
/*------------------- Fluid Dimension Attribute Mixins -----------------------------*/
/*----------------------------------------------------------------------------------*/
/*
  
  <section>           <-- 100% wrapper, apply .sidePaddings
    <container>       <-- > .setContainerWidth
      <inner>         <-- > .outerGutterBleed (optional), etc
        <element>     <-- remember to set @container_cols
        </element>
      </inner>
    </container>
  </section>

 */
#hoyaGrid {
  /*----- Debug Tools, use .showGrid(@cols) to display grid info -----*/
  /*----- Set Container With, used on container div -----*/
  /*----- Gutter Bleeds, apply on inner wrapper, set col number -----*/
  /*----- Set Width by column in percentage -----*/
  /*----- Set width by column in pixels -----*/
  /*----- Set Margin -----*/
  /*----- Set Inner Gutters-----*/
  /*----- Offset (pull) content to the left side -----*/
  /*----- Offset (pull) content to the right side -----*/
  /*----- Full-width offset, for responsive layouts, offsets content over outer gutters -----*/
}
/*----------------------------------------------------------------------------------*/
/*------------------- Responsive Grid Mixins ---------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*--- Set side paddings---*/
/*--- Set inner container width ---*/
/*----------------------------------------------------------------------------------*/
/*------------------- Typography Mixins --------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*------------------- Arrow Mixins -------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*

  Mixins: Links
  ------------------------------------------------
  - linkBaseStyle()
  - linkStyle--[style]()
  - linkAttr--[attribute]()
  
  Guidelines:
  -----------
  - The base style is applied first
  - Style mixins creates a specific style, like primary, image, arrows, etc
  - Attributes can be applied over styles. Can be combined

*/
/*------------------------------------------------*\
    Base Style Mixin
\*------------------------------------------------*/
/*------------------------------------------------*\
    Style Mixins
\*------------------------------------------------*/
/*----- Primary link -----*/
/*----- Secondary link -----*/
/*----- Links in Post Body -----*/
/*----- Block link -----*/
/*----- Image link -----*/
/*------------------------------------------------*\
    Attribute Mixins
\*------------------------------------------------*/
/*----- Colors -----*/
/*

  Hoya Grid
  ------------------------------------
  
  <div.HoyaGrid>           <-- 100% wrapper, apply sidePaddings
    <div.HoyaGrid-outer>       <-- setContainerWidth
      <div.HoyaGrid-inner>         <-- gutterBleed, etc
        <element>     <-- remember to set @container_cols
        </element>
      </div>
    </div>
  </div>

*/
.HoyaGrid {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .HoyaGrid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .HoyaGrid {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 768px) {
  .HoyaGrid-outer {
    float: none !important;
    width: 100%;
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
}
/*  Base Elements
    ========================================================================== */
/*

  Base Styling: HTML
  ------------------------------------------------

*/
html {
  font-size: 18px;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/*

  Base Styling: Body
  ------------------------------------------------

*/
body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: #fcfcfc;
  color: #4c4c4c;
  font-family: 'Drescher Grotesk', Arial, sans-serif;
  font-weight: 400;
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html[lang="fr-fr"] body {
  padding-top: 82px !important;
}
/*------ Set icon size mixin -----*/
/*-------------- Vertical Spacing (used in blocks) ----------------*/
/*----- Default Transition -- Used on links / buttons -----*/
/*----- Mega Overlay Transition -- Used on site selector & mega menu -----*/
/*---------------------------------------------------------*\
    Introducing the world's most confusing spacing metrics
\*---------------------------------------------------------*/
/*Blocks*/
/*

  Settings: Typography
  ------------------------------------------------

*/
/*

  Mixins: General
  ------------------------------------------------
  General mixins, not project specific.

*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
  color: #000 !important;
  text-shadow: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
a,
a:visited {
  text-decoration: underline;
}
a[href]:after {
  content: " (" attr(href) ")";
}
abbr[title]:after {
  content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
  content: "";
}
pre,
blockquote {
  border: 1px solid #999;

  page-break-inside: avoid;
}
thead {
  display: table-header-group;
}
tr,
img {
  page-break-inside: avoid;
}
img {
  max-width: 100% !important;
}
p,
h2,
h3 {
  orphans: 3;
  widows: 3;
}
h2,
h3 {
  page-break-after: avoid;
}
.navbar {
  display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
  border-top-color: #000 !important;
}
.label {
  border: 1px solid #000;
}
.table {
  border-collapse: collapse !important;
}
.table td,
.table th {
  background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #ddd !important;
}
}

.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
html {
font-size: 10px;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: all .2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
  font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
  width: 750px;
}
}
@media (min-width: 992px) {
.container {
  width: 970px;
}
}
@media (min-width: 1200px) {
.container {
  width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left;
}
.col-sm-12 {
  width: 100%;
}
.col-sm-11 {
  width: 91.66666667%;
}
.col-sm-10 {
  width: 83.33333333%;
}
.col-sm-9 {
  width: 75%;
}
.col-sm-8 {
  width: 66.66666667%;
}
.col-sm-7 {
  width: 58.33333333%;
}
.col-sm-6 {
  width: 50%;
}
.col-sm-5 {
  width: 41.66666667%;
}
.col-sm-4 {
  width: 33.33333333%;
}
.col-sm-3 {
  width: 25%;
}
.col-sm-2 {
  width: 16.66666667%;
}
.col-sm-1 {
  width: 8.33333333%;
}
.col-sm-pull-12 {
  right: 100%;
}
.col-sm-pull-11 {
  right: 91.66666667%;
}
.col-sm-pull-10 {
  right: 83.33333333%;
}
.col-sm-pull-9 {
  right: 75%;
}
.col-sm-pull-8 {
  right: 66.66666667%;
}
.col-sm-pull-7 {
  right: 58.33333333%;
}
.col-sm-pull-6 {
  right: 50%;
}
.col-sm-pull-5 {
  right: 41.66666667%;
}
.col-sm-pull-4 {
  right: 33.33333333%;
}
.col-sm-pull-3 {
  right: 25%;
}
.col-sm-pull-2 {
  right: 16.66666667%;
}
.col-sm-pull-1 {
  right: 8.33333333%;
}
.col-sm-pull-0 {
  right: auto;
}
.col-sm-push-12 {
  left: 100%;
}
.col-sm-push-11 {
  left: 91.66666667%;
}
.col-sm-push-10 {
  left: 83.33333333%;
}
.col-sm-push-9 {
  left: 75%;
}
.col-sm-push-8 {
  left: 66.66666667%;
}
.col-sm-push-7 {
  left: 58.33333333%;
}
.col-sm-push-6 {
  left: 50%;
}
.col-sm-push-5 {
  left: 41.66666667%;
}
.col-sm-push-4 {
  left: 33.33333333%;
}
.col-sm-push-3 {
  left: 25%;
}
.col-sm-push-2 {
  left: 16.66666667%;
}
.col-sm-push-1 {
  left: 8.33333333%;
}
.col-sm-push-0 {
  left: auto;
}
.col-sm-offset-12 {
  margin-left: 100%;
}
.col-sm-offset-11 {
  margin-left: 91.66666667%;
}
.col-sm-offset-10 {
  margin-left: 83.33333333%;
}
.col-sm-offset-9 {
  margin-left: 75%;
}
.col-sm-offset-8 {
  margin-left: 66.66666667%;
}
.col-sm-offset-7 {
  margin-left: 58.33333333%;
}
.col-sm-offset-6 {
  margin-left: 50%;
}
.col-sm-offset-5 {
  margin-left: 41.66666667%;
}
.col-sm-offset-4 {
  margin-left: 33.33333333%;
}
.col-sm-offset-3 {
  margin-left: 25%;
}
.col-sm-offset-2 {
  margin-left: 16.66666667%;
}
.col-sm-offset-1 {
  margin-left: 8.33333333%;
}
.col-sm-offset-0 {
  margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
}
.col-md-12 {
  width: 100%;
}
.col-md-11 {
  width: 91.66666667%;
}
.col-md-10 {
  width: 83.33333333%;
}
.col-md-9 {
  width: 75%;
}
.col-md-8 {
  width: 66.66666667%;
}
.col-md-7 {
  width: 58.33333333%;
}
.col-md-6 {
  width: 50%;
}
.col-md-5 {
  width: 41.66666667%;
}
.col-md-4 {
  width: 33.33333333%;
}
.col-md-3 {
  width: 25%;
}
.col-md-2 {
  width: 16.66666667%;
}
.col-md-1 {
  width: 8.33333333%;
}
.col-md-pull-12 {
  right: 100%;
}
.col-md-pull-11 {
  right: 91.66666667%;
}
.col-md-pull-10 {
  right: 83.33333333%;
}
.col-md-pull-9 {
  right: 75%;
}
.col-md-pull-8 {
  right: 66.66666667%;
}
.col-md-pull-7 {
  right: 58.33333333%;
}
.col-md-pull-6 {
  right: 50%;
}
.col-md-pull-5 {
  right: 41.66666667%;
}
.col-md-pull-4 {
  right: 33.33333333%;
}
.col-md-pull-3 {
  right: 25%;
}
.col-md-pull-2 {
  right: 16.66666667%;
}
.col-md-pull-1 {
  right: 8.33333333%;
}
.col-md-pull-0 {
  right: auto;
}
.col-md-push-12 {
  left: 100%;
}
.col-md-push-11 {
  left: 91.66666667%;
}
.col-md-push-10 {
  left: 83.33333333%;
}
.col-md-push-9 {
  left: 75%;
}
.col-md-push-8 {
  left: 66.66666667%;
}
.col-md-push-7 {
  left: 58.33333333%;
}
.col-md-push-6 {
  left: 50%;
}
.col-md-push-5 {
  left: 41.66666667%;
}
.col-md-push-4 {
  left: 33.33333333%;
}
.col-md-push-3 {
  left: 25%;
}
.col-md-push-2 {
  left: 16.66666667%;
}
.col-md-push-1 {
  left: 8.33333333%;
}
.col-md-push-0 {
  left: auto;
}
.col-md-offset-12 {
  margin-left: 100%;
}
.col-md-offset-11 {
  margin-left: 91.66666667%;
}
.col-md-offset-10 {
  margin-left: 83.33333333%;
}
.col-md-offset-9 {
  margin-left: 75%;
}
.col-md-offset-8 {
  margin-left: 66.66666667%;
}
.col-md-offset-7 {
  margin-left: 58.33333333%;
}
.col-md-offset-6 {
  margin-left: 50%;
}
.col-md-offset-5 {
  margin-left: 41.66666667%;
}
.col-md-offset-4 {
  margin-left: 33.33333333%;
}
.col-md-offset-3 {
  margin-left: 25%;
}
.col-md-offset-2 {
  margin-left: 16.66666667%;
}
.col-md-offset-1 {
  margin-left: 8.33333333%;
}
.col-md-offset-0 {
  margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  float: left;
}
.col-lg-12 {
  width: 100%;
}
.col-lg-11 {
  width: 91.66666667%;
}
.col-lg-10 {
  width: 83.33333333%;
}
.col-lg-9 {
  width: 75%;
}
.col-lg-8 {
  width: 66.66666667%;
}
.col-lg-7 {
  width: 58.33333333%;
}
.col-lg-6 {
  width: 50%;
}
.col-lg-5 {
  width: 41.66666667%;
}
.col-lg-4 {
  width: 33.33333333%;
}
.col-lg-3 {
  width: 25%;
}
.col-lg-2 {
  width: 16.66666667%;
}
.col-lg-1 {
  width: 8.33333333%;
}
.col-lg-pull-12 {
  right: 100%;
}
.col-lg-pull-11 {
  right: 91.66666667%;
}
.col-lg-pull-10 {
  right: 83.33333333%;
}
.col-lg-pull-9 {
  right: 75%;
}
.col-lg-pull-8 {
  right: 66.66666667%;
}
.col-lg-pull-7 {
  right: 58.33333333%;
}
.col-lg-pull-6 {
  right: 50%;
}
.col-lg-pull-5 {
  right: 41.66666667%;
}
.col-lg-pull-4 {
  right: 33.33333333%;
}
.col-lg-pull-3 {
  right: 25%;
}
.col-lg-pull-2 {
  right: 16.66666667%;
}
.col-lg-pull-1 {
  right: 8.33333333%;
}
.col-lg-pull-0 {
  right: auto;
}
.col-lg-push-12 {
  left: 100%;
}
.col-lg-push-11 {
  left: 91.66666667%;
}
.col-lg-push-10 {
  left: 83.33333333%;
}
.col-lg-push-9 {
  left: 75%;
}
.col-lg-push-8 {
  left: 66.66666667%;
}
.col-lg-push-7 {
  left: 58.33333333%;
}
.col-lg-push-6 {
  left: 50%;
}
.col-lg-push-5 {
  left: 41.66666667%;
}
.col-lg-push-4 {
  left: 33.33333333%;
}
.col-lg-push-3 {
  left: 25%;
}
.col-lg-push-2 {
  left: 16.66666667%;
}
.col-lg-push-1 {
  left: 8.33333333%;
}
.col-lg-push-0 {
  left: auto;
}
.col-lg-offset-12 {
  margin-left: 100%;
}
.col-lg-offset-11 {
  margin-left: 91.66666667%;
}
.col-lg-offset-10 {
  margin-left: 83.33333333%;
}
.col-lg-offset-9 {
  margin-left: 75%;
}
.col-lg-offset-8 {
  margin-left: 66.66666667%;
}
.col-lg-offset-7 {
  margin-left: 58.33333333%;
}
.col-lg-offset-6 {
  margin-left: 50%;
}
.col-lg-offset-5 {
  margin-left: 41.66666667%;
}
.col-lg-offset-4 {
  margin-left: 33.33333333%;
}
.col-lg-offset-3 {
  margin-left: 25%;
}
.col-lg-offset-2 {
  margin-left: 16.66666667%;
}
.col-lg-offset-1 {
  margin-left: 8.33333333%;
}
.col-lg-offset-0 {
  margin-left: 0;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ddd;
}
.table-responsive > .table {
  margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-responsive > .table-bordered {
  border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
  line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
  line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.form-inline .form-control-static {
  display: inline-block;
}
.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
  width: auto;
}
.form-inline .input-group > .form-control {
  width: 100%;
}
.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
  padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
  top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
  padding-top: 11px;
  font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
  padding-top: 6px;
  font-size: 12px;
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
    touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
box-shadow: none;
opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-timing-function: ease;
transition-duration: .35s;
transition-property: height, visibility;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
  right: 0;
  left: auto;
}
.navbar-right .dropdown-menu-left {
  right: auto;
  left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-justified > li > a {
  margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
  border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
  float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
  width: auto;
  border-top: 0;
  box-shadow: none;
}
.navbar-collapse.collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}
.navbar-collapse.in {
  overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
  border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
  display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
  padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
  line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
  background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.navbar-form .form-control-static {
  display: inline-block;
}
.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}
.navbar-form .input-group > .form-control {
  width: 100%;
}
.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
  margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
  margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
  float: left;
  margin-right: 15px;
  margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
  float: left !important;
}
.navbar-right {
  float: right !important;
  margin-right: -15px;
}
.navbar-right ~ .navbar-right {
  margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
  padding-top: 48px;
  padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 60px;
  padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
  font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@keyframes progress-bar-stripes {
from {
  background-position: 40px 0;
}
to {
  background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
transition:         transform .3s ease-out;
-ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
  width: 600px;
  margin: 30px auto;
}
.modal-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
  width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
  width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;

line-break: auto;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

line-break: auto;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
  transition:         transform .6s ease-in-out;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  left: 0;
  transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
  left: 0;
  transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 30px;
  height: 30px;
  margin-top: -10px;
  font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  margin-right: -10px;
}
.carousel-caption {
  right: 20%;
  left: 20%;
  padding-bottom: 30px;
}
.carousel-indicators {
  bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
  display: block !important;
}
table.visible-xs {
  display: table !important;
}
tr.visible-xs {
  display: table-row !important;
}
th.visible-xs,
td.visible-xs {
  display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
  display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
  display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
  display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
  display: block !important;
}
table.visible-sm {
  display: table !important;
}
tr.visible-sm {
  display: table-row !important;
}
th.visible-sm,
td.visible-sm {
  display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
  display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
  display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
  display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
  display: block !important;
}
table.visible-md {
  display: table !important;
}
tr.visible-md {
  display: table-row !important;
}
th.visible-md,
td.visible-md {
  display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
  display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
  display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
  display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
  display: block !important;
}
table.visible-lg {
  display: table !important;
}
tr.visible-lg {
  display: table-row !important;
}
th.visible-lg,
td.visible-lg {
  display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
  display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
  display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
  display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
  display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
  display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
  display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
  display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
  display: block !important;
}
table.visible-print {
  display: table !important;
}
tr.visible-print {
  display: table-row !important;
}
th.visible-print,
td.visible-print {
  display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
  display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
  display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
  display: inline-block !important;
}
}
@media print {
.hidden-print {
  display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
/*------ Set icon size mixin -----*/
/*-------------- Vertical Spacing (used in blocks) ----------------*/
@font-face {
font-family: 'Drescher Grotesk';
font-weight: normal;
src: url('/Static/SeikoVision/fonts/dgroman.woff2') format('woff2'), /* Super Modern Browsers */ url('/Static/SeikoVision/fonts/dgroman.woff') format('woff'), /* Pretty Modern Browsers */ url('/Static/SeikoVision/fonts/dgroman.ttf') format('truetype'), /* Safari, Android, iOS */ url('/Static/SeikoVision/fonts/dgroman.svg') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Drescher Grotesk';
font-weight: 500;
src: url('/Static/SeikoVision/fonts/dgsemibold.woff2') format('woff2'), /* Super Modern Browsers */ url('/Static/SeikoVision/fonts/dgsemibold.woff') format('woff'), /* Pretty Modern Browsers */ url('/Static/SeikoVision/fonts/dgsemibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/Static/SeikoVision/fonts/dgsemibold.svg#svgFontName') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Drescher Grotesk';
font-weight: 600;
src: url('/Static/SeikoVision/fonts/dgdemibold.woff2') format('woff2'), /* Super Modern Browsers */ url('/Static/SeikoVision/fonts/dgdemibold.woff') format('woff'), /* Pretty Modern Browsers */ url('/Static/SeikoVision/fonts/dgdemibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/Static/SeikoVision/fonts/dgdemibold.svg') format('svg');
/* Legacy iOS */
}
/*----- Default Transition -- Used on links / buttons -----*/
/*----- Mega Overlay Transition -- Used on site selector & mega menu -----*/
/*---------------------------------------------------------*\
  Introducing the world's most confusing spacing metrics
\*---------------------------------------------------------*/
/*Blocks*/
html {
font-size: 18px;
min-height: 100%;
/*overflow-x: auto;*/
}
body {
font-family: 'Drescher Grotesk', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #4c4c4c;
-webkit-font-smoothing: antialiased;
/*overflow-x: hidden;*/
min-height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
color: #0D0D0D;
word-break: break-word;
}
h1,
h2,
h3 {
font-weight: 500;
}
h1 {
font-size: 30px;
line-height: 40px;
}
@media (min-width: 992px) {
h1 {
  font-size: 50px;
  line-height: 60px;
}
}
h2 {
font-size: 24px;
line-height: 32px;
}
@media (min-width: 992px) {
h2 {
  font-size: 35px;
  line-height: 45px;
}
}
h3 {
font-size: 16px;
line-height: 22px;
}
h4 {
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.preamble {
font-size: 20px;
line-height: 28px;
}
@media (min-width: 992px) {
.preamble {
  font-size: 23px;
  line-height: 32px;
}
}
.preamble a,
.content-text a {
color: #D28C00;
text-decoration: underline;
}
.preamble a:hover,
.content-text a:hover {
color: #ffba2d;
}
.small-text {
font-size: 14px;
line-height: 20px;
}
a:hover,
a:active {
color: #D28C00;
}
a:focus {
text-decoration: none !important;
}
@media (min-width: 1200px) {
.container {
  padding-left: 50px;
  padding-right: 50px;
  float: none;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
}
.inner-container,
.page-center {
padding-left: 20px;
padding-right: 20px;
float: none;
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.inner-container,
.page-center {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) {
.inner-container,
.page-center {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media (min-width: 480px) {
.inner-container,
.page-center {
  padding-left: 30px;
}
}
@media (min-width: 768px) {
.inner-container,
.page-center {
  padding-left: 50px;
}
}
@media (min-width: 480px) {
.inner-container,
.page-center {
  padding-right: 30px;
}
}
@media (min-width: 768px) {
.inner-container,
.page-center {
  padding-right: 50px;
}
}
.navbar:after,
body:after {
content: none;
}
div:not(.text-align-center) .internallink img {
padding-left: 8px;
padding-top: 1px;
}
@media (min-width: 768px) {
.text-align-center .internallink img {
  padding-left: 3px !important;
}
}
@media (max-width: 768px) {
#main {
  margin-top: -3px;
}
}
.main-wrapper {
margin-top: 3.33333333rem;
}
@media (min-width: 768px) {
.main-wrapper {
  margin-top: 6.72222222rem;
}
}
@media (min-width: 992px) {
.main-wrapper {
  margin-top: 6.83333333rem;
}
}
[class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.row {
margin-left: 0;
margin-right: 0;
}
.container-fluid {
margin: 0;
padding: 0;
}
p {
margin-top: 0;
padding: 0;
}
p:last-child {
margin-bottom: 0;
}
a {
color: #0D0D0D;
}
body.menu-expanded {
top: 0;
bottom: 0;
overflow: hidden !important;
height: 100%;
}
@media (max-width: 992px) {
.text-gutter-left {
  padding-left: 35px !important;
}
}
@media (max-width: 768px) {
.text-gutter-left {
  padding-left: 35px !important;
}
}
@media (max-width: 767px) {
.navbar-fixed-top {
  pointer-events: none;
}
.mobile-menu-expanded .navbar {
  pointer-events: auto;
}
}
.fullscreen .container {
height: 100%;
}
@media (min-width: 768px) {
.fullscreen {
  min-height: calc(100vh - 120px) !important;
}
}
@media (min-width: 992px) {
.fullscreen {
  box-sizing: border-box;
}
.fullscreen .fullscreen-content {
  height: 100%;
  animation-name: fadeIn;
}
.fullscreen .fullscreen-content .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.fullscreen .fullscreen-content .fadin-link {
  animation-name: fadeIn;
  margin-bottom: 0 !important;
  bottom: 0 !important;
}
.fullscreen .fullscreen-content .fadin-link .svg-icon-stroke {
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
}
/*----------------------------------------------------------------------------------*/
/*------------------- Responsive Grid Mixins ---------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*

These mixins help creating a responsive layout where the inner content gets a 
max width and also takes the outer margins (side gutters) into account so that 
the content always has spacing at the sides no matter viewport width.

You can either set only the responsive setSideGutters mixin to only apply
the gutters, or one of the container width mixins which sets both the gutters
and max widths.

If you want to use the mixins on a Boostrap .container element, be sure to use
.setBootstrapContainerWidth() which takes the negative margins into account.

*/
/*--- Set side gutters ---*/
/*--- Set inner container width + paddings ---*/
/*--- Use this one on Bootstraps .container ---*/
article > .container {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
article > .container {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) {
article > .container {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media (min-width: 480px) {
article > .container {
  padding-left: 30px;
}
}
@media (min-width: 768px) {
article > .container {
  padding-left: 50px;
}
}
@media (min-width: 480px) {
article > .container {
  padding-right: 30px;
}
}
@media (min-width: 768px) {
article > .container {
  padding-right: 50px;
}
}
@media (min-width: 768px) {
article > .container {
  float: none !important;
  width: 100%;
  max-width: 1300px;
  margin-left: auto !important;
  margin-right: auto !important;
}
}
.footer-wrapper {
width: 100%;
bottom: 0;
}
.footer {
background-color: #0D0D0D;
/*------------------------------------------------*\
        Primary Footer
  \*------------------------------------------------*/
/*------------------------------------------------*\
        Secondary Footer
  \*------------------------------------------------*/
}
.footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer li {
padding: 0;
}
.footer a {
color: #fcfcfc;
}
.footer .logo-row {
padding-bottom: 3.33333333rem;
text-align: center;
}
.footer .logo-row img {
width: 100%;
max-width: 8.88888889rem;
}
.footer--primary {
padding-top: 5.55555556rem;
padding-bottom: 5.55555556rem;
position: relative;
/*.row > div {
          margin-bottom: rem(40);
      }*/
}
.footer--primary:after,
.footer--primary:before {
display: none;
content: "";
position: absolute;
background-image: url('/Static/SeikoVision/img/seiko_stripes.svg');
background-repeat: no-repeat;
background-size: 100% auto;
width: 15.5%;
height: 100%;
}
@media (min-width: 992px) {
.footer--primary:after,
.footer--primary:before {
  display: block;
}
}
.footer--primary:before {
left: 0;
top: 0;
}
.footer--primary:after {
right: 0;
bottom: 0;
background-position: bottom;
margin-bottom: -0.27777778rem;
}
.footer--primary a:focus,
.footer--primary a:hover,
.footer--primary a:active {
text-decoration: none;
}
.footer--primary a:hover,
.footer--primary a:active {
color: #D28C00;
text-decoration: none;
}
.footer--primary h3 {
margin-top: 0;
color: #fcfcfc;
}
.footer--primary li {
margin-bottom: 0.27777778rem;
}
.footer--primary li a {
/*margin-bottom: rem(5);*/
font-size: 0.77777778rem;
font-weight: normal;
letter-spacing: 1px;
text-transform: initial;
}
.footer--primary li:last-child {
margin-bottom: 0;
}
.footer--primary .footer__nav {
margin-bottom: 1.66666667rem;
}
.footer--primary .footer__nav h3 {
font-weight: 500 !important;
margin-bottom: 0.27777778rem;
font-size: 0.77777778rem;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.footer--primary .footer__nav {
  margin-bottom: 0;
}
}
@media (min-width: 992px) {
.footer--primary {
  padding: 5.55555556rem 0;
}
.footer--primary .row > div {
  margin-bottom: 0;
}
.footer--primary .footer_nav {
  padding-top: 0.88888889rem;
}
}
.footer--secondary {
/*.setSideGutters();*/
padding-bottom: 1.77777778rem;
padding-top: 0.55555556rem;
background-color: #0D0D0D;
font-size: 0.61111111rem;
background: #1f1f1f;
}
.footer--secondary li {
display: inline;
line-height: 0.88888889rem;
font-size: 0.61111111rem;
}
.footer--secondary a {
padding-top: 0.22222222rem;
padding-bottom: 0.22222222rem;
color: #fcfcfc;
font-size: 0.66666667rem;
font-size: 0.77777778rem;
}
.footer--secondary a:hover,
.footer--secondary a:active {
color: #D28C00;
text-decoration: none;
}
.footer--secondary .footer__nav--primary {
margin-bottom: 1.77777778rem;
}
.footer--secondary .footer__nav--primary li {
margin-right: 0.88888889rem;
font-weight: bold;
}
.footer--secondary .footer__nav--secondary {
margin-top: 0.44444444rem;
font-size: 0.61111111rem;
}
.footer--secondary .footer__nav--secondary a {
font-weight: normal;
}
.footer--secondary .footer__nav--lg-screens {
display: none;
}
.footer--secondary .footer__address {
display: block;
margin-top: 0.11111111rem;
line-height: 0.88888889rem;
color: #fcfcfc;
font-size: 0.66666667rem;
}
@media (min-width: 1200px) {
.footer--secondary {
  padding-bottom: 0.88888889rem;
}
.footer--secondary .footer__inner {
  display: table;
  width: 100%;
}
.footer--secondary .footer__inner > div {
  display: table-cell;
  vertical-align: middle;
}
.footer--secondary .footer__nav {
  width: 30%;
}
.footer--secondary .footer__company {
  width: 40%;
  margin-bottom: 1.77777778rem;
  text-align: center;
}
.footer--secondary .footer__nav--secondary {
  text-align: right;
}
.footer--secondary .footer__nav--secondary li {
  margin-left: 0.88888889rem;
}
.footer--secondary .footer__nav--lg-screens {
  display: block;
}
.footer--secondary .footer__nav--stacked {
  display: none;
}
}
@media (max-width: 991px) {
.footer__subscribe {
  margin-top: 3.33333333rem;
}
}
.footer__subscribe:before {
content: none;
}
@media (min-width: 992px) {
.footer__subscribe:before {
  content: '';
  height: 100%;
  position: absolute;
  border-left: 1px solid #1f1f1f;
}
}
.footer__subscribe h3 {
margin-bottom: 1.11111111rem;
text-transform: uppercase;
font-size: 0.77777778rem;
letter-spacing: 1px;
}
.footer__subscribe input[type="submit"],
.footer__subscribe input[type="submit"]:focus {
color: #fcfcfc !important;
background-color: inherit !important;
border: 1px solid #fcfcfc !important;
}
.footer__subscribe input[type="submit"]:hover,
.footer__subscribe input[type="submit"]:active {
color: #0D0D0D !important;
background-color: #fcfcfc !important;
}
@media (min-width: 992px) {
.footer__subscribe .hs-form-wrapper {
  padding-left: 3.33333333rem;
}
}
.footer__subscribe .hs-form-field {
margin-bottom: 0;
}
.footer__legal {
color: #fcfcfc;
width: 100%;
display: block;
clear: both;
padding-top: 60px;
text-align: center;
font-size: 32px;
line-height: 36px;
}
@media (min-width: 992px) {
.footer__legal {
  padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.footer .hs_email,
.footer .hs-error-msgs {
  width: 100% !important;
}
}
@media (min-width: 480px) and (max-width: 991px) {
.footer .hs_email,
.footer .hs-error-msgs {
  width: 50% !important;
}
}
@keyframes fadein {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}
div.menu-container {
pointer-events: inherit;
}
@media (min-width: 768px) {
.mobile-menu-expanded .navbar {
  pointer-events: auto;
}
}
body {
background: #1f1f1f;
/*.compensateFixedNav();*/
}
.navbar-fixed-top {
z-index: 1030;
}
@media (max-width: 767px) {
.navbar-nav {
  margin-top: 1.38888889rem;
  margin-bottom: 1.38888889rem;
  margin-left: inherit;
}
.navbar-nav li a {
  padding-top: 0.66666667rem;
  padding-bottom: 0.66666667rem;
}
}
.navbar-nav li a {
height: 2.22222222rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-nav li a.with-icon {
padding: 0;
}
.navbar-nav li a.with-icon > img {
max-height: 100%;
height: auto;
}
.navbar-nav > li.dropdown a svg {
display: none;
transition: transform ease-in-out 0.25s;
}
@media (min-width: 768px) {
.navbar-nav > li.dropdown.active > a {
  /*&:before {
                  content: '';
                  position: absolute;
                  height: 1px;
                  width: 100%;
                  border-bottom: 1px solid @gold;
                  left: 0;
                  bottom: 0;
              }*/
}
.navbar-nav > li.dropdown.active > a span {
  color: #D28C00;
}
.navbar-nav > li.dropdown.active > a svg {
  -ms-transform: rotate(180deg) !important;
      transform: rotate(180deg) !important;
}
.navbar-nav > li.dropdown.active > a svg g .menu-arrow-down {
  color: #D28C00;
  fill: #D28C00 !important;
}
}
.navbar-nav > li.dropdown.expanded > a span {
color: #D28C00;
}
.navbar-nav > li.dropdown.expanded > a svg {
-ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
.navbar-nav > li.dropdown.expanded > a svg g .menu-arrow-down {
color: #D28C00;
fill: #D28C00 !important;
}
@media (min-width: 768px) {
.navbar-nav > li.dropdown.expanded > a:before {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #D28C00;
  left: 0;
  bottom: 0;
}
}
.navbar-nav > li.dropdown.expanded .sub-menu {
height: 6.66666667rem;
max-height: 6.66666667rem;
border-bottom: 1px solid #0D0D0D;
opacity: 1;
pointer-events: auto;
}
.navbar-nav > li.dropdown.expanded .sub-menu .items {
animation: fadein 1.25s;
}
.navbar-nav > li.dropdown.expanded .sub-menu:after {
background: #4c4c4c;
}
.navbar-nav > li.dropdown.expanded .sub-menu a:active .title {
color: #D28C00;
}
.navbar-nav > li.dropdown.expanded .sub-menu-inner {
position: relative;
}
.navbar-nav > li.dropdown.has-child a {
vertical-align: middle;
}
.navbar-nav > li.dropdown.has-child a span {
vertical-align: middle;
}
.navbar-nav > li.dropdown.has-child a svg {
display: none;
/*margin-left: rem(3);*/
}
@media (min-width: 992px) {
.navbar-nav > li.dropdown.has-child a svg {
  display: inline-block;
  vertical-align: middle;
  -ms-transform: rotate(360deg);
      transform: rotate(360deg);
}
}
@media (max-width: 767px) {
.navbar-nav > li.dropdown.has-child a svg {
  display: inline-block;
  right: 1.88888889rem;
  position: absolute;
}
}
.navbar-nav > li.dropdown.has-child a:hover {
color: #D28C00;
text-decoration: none;
}
.navbar-nav > li.dropdown.has-child a:hover svg g .menu-arrow-down {
color: #D28C00;
fill: #D28C00 !important;
}
.navbar-nav > li.dropdown.active.has-child:not(.expanded) a svg {
-ms-transform: rotate(360deg) !important;
    transform: rotate(360deg) !important;
}
.navbar {
/*------------------------------------------------*\
        Navbar Header
  \*------------------------------------------------*/
}
@media (min-width: 768px) {
.navbar {
  background-color: #0D0D0D;
  border: none;
  margin-bottom: 0;
  z-index: 200;
}
}
.navbar #language-selector {
position: relative;
padding-right: 2.33333333rem;
min-height: 2.88888889rem;
}
.navbar #language-selector .country-flag {
top: 0.61111111rem;
width: 20px;
height: 20px;
right: 1.11111111rem;
margin-right: 7px;
margin-left: 4px;
}
@media (min-width: 1200px) {
.navbar #language-selector .country-flag {
  top: 0.72222222rem;
  width: 20px;
  height: 20px;
  right: 0;
}
}
.navbar #language-selector .country-flag-floating {
top: 0.61111111rem;
width: 1.55555556rem;
}
@media (min-width: 1200px) {
.navbar #language-selector .country-flag-floating {
  top: 0.72222222rem;
  width: 1.55555556rem;
}
}
.navbar li a {
color: #fcfcfc;
font-size: 0.61111111rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.navbar li a:hover {
background-color: inherit;
}
.navbar li a.with-icon {
padding: 0;
}
.navbar li a.with-icon > img {
max-height: 100%;
height: auto;
}
@media (min-width: 992px) {
.navbar,
.navbar .navbar-nav {
  height: 82px;
}
}
.navbar:after {
height: 60px;
}
@media (min-width: 1200px) {
.navbar:after {
  height: 82px;
}
}
.navbar .navbar-header {
padding-left: 0;
}
@media (min-width: 1200px) {
.navbar .navbar-header {
  height: 82px;
}
}
.navbar .menu-inner-wrapper {
background-color: #0D0D0D;
}
@media (max-width: 767px) {
.navbar .menu-inner-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}
}
.navbar .menu-inner-wrapper .navbar-right li {
height: 100%;
}
.navbar .menu-inner-wrapper .navbar-right li a {
height: 100%;
line-height: 2.27777778rem;
-ms-flex-align: center;
    align-items: center;
vertical-align: middle;
display: -ms-flexbox;
display: flex;
}
.navbar .menu-inner-wrapper .navbar-right li a:not(.contact-link) {
text-transform: inherit;
font-size: 0.66666667rem;
font-weight: 500;
}
.navbar .menu-inner-wrapper .navbar-right .calltoaction-links {
height: 2.22222222rem;
}
@media (min-width: 992px) {
.navbar .menu-inner-wrapper .navbar-right .calltoaction-links {
  margin-top: 1.38888889rem;
  margin-left: 0.83333333rem;
}
}
.navbar .menu-inner-wrapper .navbar-right .calltoaction-links span {
border: none;
}
.navbar .menu-inner-wrapper .navbar-right .calltoaction-links .contact-link {
margin-right: 0.83333333rem;
}
@media (max-width: 991px) {
.navbar .menu-inner-wrapper .navbar-right li {
  height: 2.22222222rem;
}
.navbar .menu-inner-wrapper .navbar-right li:not(.book-meeting) a {
  max-width: 5.55555556rem;
  line-height: normal;
  text-align: center;
}
.navbar .menu-inner-wrapper .navbar-right .book-meeting {
  padding-right: 0;
  margin-right: 0;
  float: right;
}
.navbar .menu-inner-wrapper .navbar-right li:not(:last-child):after {
  content: '';
  border-right: 1px solid #1f1f1f;
  /* height: 31px; */
  top: 0;
  /* float: right; */
  position: absolute;
  bottom: 0;
  /*margin-top: 20px;*/
}
}
.navbar .menu-inner-wrapper .navbar-header {
background-color: #0D0D0D !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.navbar .menu-inner-wrapper .navbar-header:before,
.navbar .menu-inner-wrapper .navbar-header:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.navbar .menu-inner-wrapper .navbar-header:after {
clear: both;
}
.navbar .menu-inner-wrapper .navbar-header .navbar-back,
.navbar .menu-inner-wrapper .navbar-header .navbar-action {
display: none;
pointer-events: auto;
}
.navbar .menu-inner-wrapper .navbar-header .navbar-heading {
pointer-events: none;
line-height: 2.22222222rem;
height: 3.33333333rem;
}
@media (max-width: 767px) {
.navbar .menu-inner-wrapper .navbar-header .navbar-heading {
  padding-left: 0;
  padding-right: 0;
}
}
@media (min-width: 768px) {
.navbar .menu-inner-wrapper .navbar-header .navbar-heading {
  padding-left: 0;
}
}
.navbar .menu-inner-wrapper .navbar-header .navbar-heading-logo {
pointer-events: none;
}
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link {
pointer-events: auto;
}
.navbar .menu-inner-wrapper .navbar-header .navbar-heading-caption {
display: none;
}
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link {
display: inline-block;
}
@media (min-width: 992px) {
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link {
  padding: 0.88888889rem 0;
}
}
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link img {
/*height: rem(20);*/
width: auto;
}
@media (max-width: 767px) {
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link img {
  margin-top: 0.83333333rem;
}
}
@media (max-width: 480px) {
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link img {
  width: 90%;
}
}
@media (min-width: 992px) {
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link {
  padding: 1.05555556rem 0;
  top: 0;
}
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link img {
  height: 1.22222222rem;
}
}
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link:hover,
.navbar .menu-inner-wrapper .navbar-header .navbar-heading .logo-link:active {
opacity: .85;
}
@media (max-width: 991px) {
.navbar .menu-inner-wrapper {
  padding-top: 1.11111111rem;
}
}
@media (max-width: 767px) {
.navbar .menu-inner-wrapper {
  padding-top: 0;
}
}
.navbar .main-navigation {
background: #0D0D0D;
border-top: 1px solid #252525;
line-height: 1.11111111rem;
}
@media (max-width: 767px) {
.navbar .main-navigation {
  height: calc(100vh - 60px);
  /*overflow-y: scroll;*/
  overflow-x: hidden;
  padding-left: 0;
  padding-right: 0;
}
}
.navbar .main-navigation ul {
height: 100%;
}
.navbar .main-navigation ul a {
height: 100%;
padding: 0.55555556rem 0;
height: 2.22222222rem;
}
.navbar .main-navigation ul li.dropdown {
/*padding-right: rem(26) !important;*/
}
@media (min-width: 768px) {
.navbar .main-navigation ul li.dropdown {
  padding-right: 1.5rem;
}
}
@media (min-width: 1200px) {
.navbar .main-navigation ul li.dropdown {
  padding-left: 0;
  padding-right: 3.33333333rem;
}
}
.navbar .main-navigation ul .login-link {
padding-right: 0 !important;
}
@media (min-width: 768px) {
.navbar .main-navigation {
  height: 3.33333333rem;
}
.navbar .main-navigation ul:not(.sub-menu) li a.menu-link:hover {
  color: #D28C00;
}
}
.navbar .main-navigation .right-nav {
list-style: none;
float: right;
}
@media (min-width: 992px) {
.navbar .main-navigation .right-nav li {
  padding-right: 0.55555556rem;
}
}
.navbar .main-navigation .right-nav li {
padding-right: 0;
}
.navbar .main-navigation .right-nav li a {
padding-right: 0;
}
.navbar .extra-links-mobile-menu ul {
list-style: none;
padding-left: 0;
margin-bottom: 1.38888889rem;
}
.navbar .extra-links-mobile-menu ul li {
/*margin-bottom: rem(25);*/
}
.navbar .extra-links-mobile-menu ul li span {
padding: 0.83333333rem 0.83333333rem 0.83333333rem 0;
}
.navbar .extra-links-mobile-menu ul li a {
display: block;
}
.navbar .extra-links-mobile-menu ul li a.with-icon {
padding: 0;
}
.navbar .extra-links-mobile-menu ul li a.with-icon img {
max-height: 100%;
height: auto;
}
.navbar .extra-links-mobile-menu ul .book-meeting a {
display: inline-block !important;
padding: 10px 25px;
}
.navbar .extra-links-mobile-menu ul .book-meeting span {
padding: 0;
border: none;
}
@media (max-width: 767px) {
.navbar .book-meeting {
  margin-top: 0.55555556rem;
}
}
.navbar .book-meeting a span {
border: 1px solid #D28C00;
/*padding-left: rem(15);
              padding-right: rem(15);*/
color: #D28C00;
}
.navbar hr {
border-color: #191919;
border: 1px solid #252525;
margin-left: -25px;
margin-top: 0;
margin-bottom: 1.38888889rem;
width: 200vh;
}
.main-navigation .sub-menu {
background: #1f1f1f;
}
@media (min-width: 768px) {
.main-navigation .sub-menu {
  overflow: hidden;
  position: fixed;
  right: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-left: 0;
  text-align: center;
  opacity: 0;
  pointer-events: none;
}
.submenu-expanded .main-navigation .sub-menu {
  height: 6.66666667rem;
}
}
.main-navigation .sub-menu ul {
padding-left: 0;
}
.main-navigation .sub-menu ul li a:hover {
color: #D28C00;
}
@media (max-width: 767px) {
.main-navigation .sub-menu li:not(.book-meeting) {
  height: 2.5rem;
}
.main-navigation .sub-menu li:not(.book-meeting) a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  left: 0;
  font-size: 0.77777778rem;
}
}
.main-navigation .sub-menu li {
display: block;
}
@media (min-width: 768px) {
.main-navigation .sub-menu li {
  display: inline-block;
  padding-top: 1.38888889rem;
  padding-bottom: 1.11111111rem;
}
}
.main-navigation .sub-menu li a {
font-size: 0.77777778rem;
text-transform: initial;
}
.main-navigation .sub-menu li img {
/*width: rem(50);*/
height: 2.5rem;
margin-bottom: 5px;
}
.main-navigation .sub-menu .scroller {
overflow-x: auto;
height: 140px;
-webkit-overflow-scrolling: touch;
}
.main-navigation .sub-menu .scroller .items {
padding-left: 2.77777778rem;
padding-right: 2.77777778rem;
}
.main-navigation .sub-menu .scroller-button {
position: absolute;
z-index: 1;
display: block;
height: 6.66666667rem;
width: 1.66666667rem;
border: none;
font-size: 2.22222222rem;
text-align: center;
color: #fcfcfc;
background: #1f1f1f;
outline: none;
transition: opacity 0.3s ease-in-out;
opacity: 0;
pointer-events: none;
top: 0;
padding: 0;
/* margin-right: 10px; */
}
@media (max-width: 1199px) {
.main-navigation .sub-menu .scroller-button {
  width: 1.66666667rem;
  padding: 0;
}
}
.main-navigation .sub-menu .scroller-button img {
opacity: .7;
}
.main-navigation .sub-menu .scroller-button:hover img,
.main-navigation .sub-menu .scroller-button:active img {
opacity: 1;
}
.main-navigation .sub-menu .scroller-button.scroll-left {
left: 0;
border-right: 1px solid #0D0D0D;
}
.main-navigation .sub-menu .scroller-button.scroll-left img {
-ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-navigation .sub-menu .scroller-button.scroll-right {
right: 0;
border-left: 1px solid #0D0D0D;
}
@media (max-width: 767px) {
.main-navigation .sub-menu .scroller-button {
  display: none;
}
}
.main-navigation .sub-menu .items {
margin: 0 auto;
list-style-type: none;
white-space: nowrap;
position: relative;
display: block;
padding: 0;
transition: transform 0.5s ease-in-out;
}
.main-navigation .sub-menu .item .title {
text-transform: none;
}
.main-navigation .sub-menu .item:nth-child(2) {
color: #fff;
}
.main-navigation .sub-menu .item .image-wrapper {
padding-right: 2.77777778rem;
padding-left: 2.77777778rem;
}
.main-navigation .sub-menu .item.active .title {
color: #D28C00;
}
.main-navigation li.has-child.expanded .sub-menu.scrollable-left .scroller-button.scroll-left {
opacity: 1;
pointer-events: auto;
}
.main-navigation li.has-child.expanded .sub-menu.scrollable-right .scroller-button.scroll-right {
opacity: 1;
pointer-events: auto;
}
.nav > li > a:hover {
background-color: inherit;
text-decoration: none !important;
color: #D28C00;
}
.nav > li > a:focus {
background-color: inherit;
text-decoration: none !important;
}
@media (max-width: 767px) {
ul.items.transform-active {
  padding-top: 0.83333333rem;
  padding-bottom: 0.83333333rem;
}
.colapse-menu {
  height: 0 !important;
}
}
.navbar li .active:after,
.navbar:before {
width: auto;
left: auto;
height: auto !important;
bottom: auto !important;
content: none;
border-bottom: none;
}
@media (max-width: 767px) {
li.dropdown.expanded .sub-menu {
  display: block;
  background: #1f1f1f;
  max-height: initial;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: inherit;
  transition: none;
  position: relative;
  height: 100%;
  /*@media(min-width:@screen-sm) {
          display: none;
      }*/
}
li.dropdown.expanded .sub-menu .scroller {
  display: block !important;
  overflow-x: initial !important;
  height: auto !important;
}
li.dropdown.expanded .sub-menu .scroller .items {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
li.dropdown.expanded .sub-menu .scroller .image-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
li.dropdown.expanded .sub-menu ul {
  padding-left: 0;
}
li.dropdown.expanded .sub-menu ul li {
  display: block;
}
li.dropdown.expanded .sub-menu ul li:not(:last-child) {
  margin-bottom: 0.83333333rem;
}
li.dropdown.expanded .sub-menu ul li a {
  font-size: 0.77777778rem;
  text-transform: initial;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  -ms-flex-align: center;
      align-items: center;
}
li.dropdown.expanded .sub-menu ul li a:hover,
li.dropdown.expanded .sub-menu ul li a:active {
  color: #D28C00;
}
li.dropdown.expanded .sub-menu ul li img {
  /*width: rem(50);*/
  /*height: rem(40);*/
  margin-right: 15px;
}
}
@media (max-width: 767px) and (max-width: 767px) {
li.dropdown.expanded .sub-menu {
  margin-left: -20px;
  margin-right: -35px;
  max-height: 100% !important;
  height: 100% !important;
}
}
@media (max-width: 767px) and (max-width: 767px) {
li.dropdown.expanded .sub-menu ul li {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
}
@media (min-width: 768px) {
body.submenu-expanded .main-wrapper {
  -ms-transform: translateY(120px);
      transform: translateY(120px);
}
}
.transitions .main-wrapper,
.transitions .sub-menu {
transition: all 0.35s ease-in-out;
}
@media (max-width: 767px) {
.menu-container {
  pointer-events: none;
}
body.menu-expanded:before {
  display: none;
}
body.menu-expanded .navbar-collapse {
  -ms-transform: translateY(0);
      transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.navbar-header {
  pointer-events: auto;
}
.navbar-collapse {
  display: block;
  max-height: none !important;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
}
.transitions .navbar-collapse,
.transitions .navbar-collapse-wrapper {
  transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  transition-duration: 1s;
}
.navbar-collapse-wrapper {
  overflow: hidden;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: #fcfcfc;
  transform: translateZ(0);
}
.navbar-collapse-wrapper {
  display: none;
}
.navbar-action {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 3.33333333rem;
}
.navbar-action a {
  padding: 0px 1.88888889rem 0 1.11111111rem;
}
.navbar-action {
  display: block !important;
}
#mobile-menu-btn {
  display: block;
}
/*------------------------*\
    Mobile Icon
\*------------------------*/
.mobile-icon {
  display: inline-block;
  width: 30px;
  height: 11px;
  line-height: 1;
  position: relative;
  cursor: pointer;
}
.mobile-icon .line-1 + .line-2 {
  margin-top: 2px;
}
.mobile-icon .line-2 + .line-3 {
  margin-top: 4px;
}
.mobile-icon .line {
  display: block;
  width: 30px;
  height: 1px;
  background-color: #D28C00;
  border-radius: 2px;
  transition: all ease-in-out 0.25s;
  opacity: 1;
  position: absolute;
  left: 0;
}
.mobile-icon .line-1,
.mobile-icon .line-3 {
  width: 30px;
}
.mobile-icon .line-1 {
  top: 0;
}
.mobile-icon .line-2 {
  top: 5px;
  width: 45px;
}
.mobile-icon .line-3 {
  top: 10px;
}
.menu-expanded .mobile-icon .line-1 + .line-2 {
  margin-top: 0px;
}
.menu-expanded .mobile-icon .line-2 + .line-3 {
  margin-top: 0px;
}
.menu-expanded .mobile-icon .line {
  /*background-color: @black-cold;*/
}
.menu-expanded .mobile-icon .line-1,
.menu-expanded .mobile-icon .line-3 {
  top: 5px;
  width: 30px;
}
.menu-expanded .mobile-icon .line-1 {
  -ms-transform: rotate(45deg) scale(1);
      transform: rotate(45deg) scale(1);
}
.menu-expanded .mobile-icon .line-3 {
  -ms-transform: rotate(-45deg) scale(1);
      transform: rotate(-45deg) scale(1);
}
.menu-expanded .mobile-icon .line-2 {
  opacity: 0;
}
}
/*------------------------------------------------*\
  HubSpot tools
\*------------------------------------------------*/
/*

Settings: Typography
------------------------------------------------

*/
/*

Mixins: General
------------------------------------------------
General mixins, not project specific.

*/
/*

Mixins: Links
------------------------------------------------
- linkBaseStyle()
- linkStyle--[style]()
- linkAttr--[attribute]()

Guidelines:
-----------
- The base style is applied first
- Style mixins creates a specific style, like primary, image, arrows, etc
- Attributes can be applied over styles. Can be combined

*/
/*------------------------------------------------*\
  Base Style Mixin
\*------------------------------------------------*/
/*------------------------------------------------*\
  Style Mixins
\*------------------------------------------------*/
/*----- Primary link -----*/
/*----- Secondary link -----*/
/*----- Links in Post Body -----*/
/*----- Block link -----*/
/*----- Image link -----*/
/*------------------------------------------------*\
  Attribute Mixins
\*------------------------------------------------*/
/*----- Colors -----*/
@charset "UTF-8";
/******************************************************************
*
*  This LESS file generates a stylesheet that can be
*  imported in the .com project to get forms and button styles,
*  etc.
*
*/
/*  Frameworks / Foundations
  ========================================================================== */
/*  Vendor
  Third-party style sheets
  ========================================================================== */
/*  Plugins
  First-party plugin style sheets
  ========================================================================== */
/*  Settings & Tools
  ========================================================================== */
/*

Settings: File Paths
------------------------------------------------
Example usage: '@{hubspot-img-folder-path}/icon.png'

*/
/*

Settings: Typography
------------------------------------------------

*/
/*

Settings: Colors
------------------------------------------------

*/
/*  Visual Identity
  ========================================================================== */
/*  General Website Colors
  ========================================================================== */
/*  Form Colors
  ========================================================================== */
/*----- Default Transition -- Used on links / buttons -----*/
/*----- Mega Overlay Transition -- Used on site selector & mega menu -----*/
/*----- Sticky Footer delay time before showing -----*/
/*----- Old deprecated variables used in Portal Page -----*/
/*

Mixins: General
------------------------------------------------
General mixins, not project specific.

*/
/*

Mixins: Project
------------------------------------------------
Project specific mixins

*/
/*----------------------------------------------------------------------------------*/
/*------------------- Fluid Dimension Attribute Mixins -----------------------------*/
/*----------------------------------------------------------------------------------*/
/*

<section>           <-- 100% wrapper, apply .sidePaddings
  <container>       <-- > .setContainerWidth
    <inner>         <-- > .outerGutterBleed (optional), etc
      <element>     <-- remember to set @container_cols
      </element>
    </inner>
  </container>
</section>

*/
#hoyaGrid {
/*----- Debug Tools, use .showGrid(@cols) to display grid info -----*/
/*----- Set Container With, used on container div -----*/
/*----- Gutter Bleeds, apply on inner wrapper, set col number -----*/
/*----- Set Width by column in percentage -----*/
/*----- Set width by column in pixels -----*/
/*----- Set Margin -----*/
/*----- Set Inner Gutters-----*/
/*----- Offset (pull) content to the left side -----*/
/*----- Offset (pull) content to the right side -----*/
/*----- Full-width offset, for responsive layouts, offsets content over outer gutters -----*/
}
/*----------------------------------------------------------------------------------*/
/*------------------- Responsive Grid Mixins ---------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*--- Set side paddings---*/
/*--- Set inner container width ---*/
/*----------------------------------------------------------------------------------*/
/*------------------- Typography Mixins --------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*------------------- Arrow Mixins -------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*

Mixins: Links
------------------------------------------------
- linkBaseStyle()
- linkStyle--[style]()
- linkAttr--[attribute]()

Guidelines:
-----------
- The base style is applied first
- Style mixins creates a specific style, like primary, image, arrows, etc
- Attributes can be applied over styles. Can be combined

*/
/*------------------------------------------------*\
  Base Style Mixin
\*------------------------------------------------*/
/*------------------------------------------------*\
  Style Mixins
\*------------------------------------------------*/
/*----- Primary link -----*/
/*----- Secondary link -----*/
/*----- Links in Post Body -----*/
/*----- Block link -----*/
/*----- Image link -----*/
/*------------------------------------------------*\
  Attribute Mixins
\*------------------------------------------------*/
/*----- Colors -----*/
/*  Base Elements
  ========================================================================== */
.paragraph {
font-size: 20px;
line-height: 28px;
color: #4c4c4c;
margin: 0 0 1.5rem;
padding: 0;
}
.paragraph em {
font-style: normal;
font-weight: 500;
}
.paragraph strong {
font-weight: 600;
}
/*  Components
  ========================================================================== */
/*

HubSpot Component: Form Styling
------------------------------------------------
A glorious mix of hubspot form related styles

*/
.form-title {
margin-bottom: 43.75px;
color: #4c4c4c;
}
.inverted-ui .form-title {
color: #b2b2b2;
}
.form-title:empty {
display: none;
}
.hs-form.stacked {
max-width: 100%;
}
.hs-form .hs-form-field {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-sizing: border-box;
box-sizing: border-box;
}
.hs-form fieldset {
min-width: 0;
max-width: inherit !important;
}
.hs-form fieldset.form-columns-1 textarea.hs-input,
.hs-form fieldset.form-columns-2 textarea.hs-input,
.hs-form fieldset.form-columns-3 textarea.hs-input,
.hs-form fieldset.form-columns-1 select.hs-input,
.hs-form fieldset.form-columns-2 select.hs-input,
.hs-form fieldset.form-columns-3 select.hs-input,
.hs-form fieldset.form-columns-1 input[type="text"].hs-input,
.hs-form fieldset.form-columns-2 input[type="text"].hs-input,
.hs-form fieldset.form-columns-3 input[type="text"].hs-input,
.hs-form fieldset.form-columns-1 input[type="email"].hs-input,
.hs-form fieldset.form-columns-2 input[type="email"].hs-input,
.hs-form fieldset.form-columns-3 input[type="email"].hs-input,
.hs-form fieldset.form-columns-1 input[type="number"].hs-input,
.hs-form fieldset.form-columns-2 input[type="number"].hs-input,
.hs-form fieldset.form-columns-3 input[type="number"].hs-input,
.hs-form fieldset.form-columns-1 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-2 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-3 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-1 input[type="url"].hs-input,
.hs-form fieldset.form-columns-2 input[type="url"].hs-input,
.hs-form fieldset.form-columns-3 input[type="url"].hs-input,
.hs-form fieldset.form-columns-1 input[type="file"].hs-input,
.hs-form fieldset.form-columns-2 input[type="file"].hs-input,
.hs-form fieldset.form-columns-3 input[type="file"].hs-input {
width: 100% !important;
}
.hs-form fieldset.form-columns-1 .input,
.hs-form fieldset.form-columns-2 .input {
margin-right: 0 !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field {
padding-left: 0;
padding-right: 0;
}
.hs-form fieldset .hs-richtext + .hs-form-field {
padding-left: 0 !important;
}
@media (min-width: 401px) {
.hs-form fieldset.form-columns-1 textarea.hs-input,
.hs-form fieldset.form-columns-2 textarea.hs-input,
.hs-form fieldset.form-columns-3 textarea.hs-input,
.hs-form fieldset.form-columns-1 select.hs-input,
.hs-form fieldset.form-columns-2 select.hs-input,
.hs-form fieldset.form-columns-3 select.hs-input,
.hs-form fieldset.form-columns-1 input[type="text"].hs-input,
.hs-form fieldset.form-columns-2 input[type="text"].hs-input,
.hs-form fieldset.form-columns-3 input[type="text"].hs-input,
.hs-form fieldset.form-columns-1 input[type="email"].hs-input,
.hs-form fieldset.form-columns-2 input[type="email"].hs-input,
.hs-form fieldset.form-columns-3 input[type="email"].hs-input,
.hs-form fieldset.form-columns-1 input[type="number"].hs-input,
.hs-form fieldset.form-columns-2 input[type="number"].hs-input,
.hs-form fieldset.form-columns-3 input[type="number"].hs-input,
.hs-form fieldset.form-columns-1 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-2 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-3 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-1 input[type="url"].hs-input,
.hs-form fieldset.form-columns-2 input[type="url"].hs-input,
.hs-form fieldset.form-columns-3 input[type="url"].hs-input,
.hs-form fieldset.form-columns-1 input[type="file"].hs-input,
.hs-form fieldset.form-columns-2 input[type="file"].hs-input,
.hs-form fieldset.form-columns-3 input[type="file"].hs-input {
  width: 100% !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field {
  width: 100% !important;
  float: none !important;
  padding-left: 0;
  padding-right: 0;
}
}
@media (min-width: 480px) {
.hs-form fieldset.form-columns-2 .hs-form-field {
  width: 50% !important;
}
.hs-form fieldset.form-columns-3 .hs-form-field {
  width: 33.33333333% !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field {
  float: left !important;
  padding-left: 0;
  padding-right: 12px;
}
.hs-form fieldset.form-columns-2 .hs-form-field:first-child,
.hs-form fieldset.form-columns-3 .hs-form-field:first-child {
  padding-left: 0;
}
.hs-form fieldset.form-columns-2 .hs-form-field:last-child,
.hs-form fieldset.form-columns-3 .hs-form-field:last-child {
  padding-right: 0;
}
}
.hs-form .hs-richtext {
margin-bottom: 35px;
}
.hs-form .inputs-list {
list-style: none !important;
margin-top: 16px;
margin-bottom: 0;
padding: 0;
}
.hs-form .inputs-list input[type="radio"],
.hs-form .inputs-list input[type="checkbox"] {
margin-right: 6px;
}
.hs-form .inputs-list li {
display: inline-block;
margin-right: 20px;
}
@media only screen and (min-width: 768px) {
.hs-form .inputs-list li {
  margin-right: 28px;
}
}
@media only screen and (max-width: 479px) {
.hs-form .inputs-list {
  margin-top: 8px;
}
.hs-form .inputs-list li {
  margin-bottom: 5px;
}
}
.hs-form .hs-form-required {
position: relative;
display: inline-block;
margin-left: .25em;
color: #fb6868;
text-indent: -9999px;
white-space: nowrap;
}
.hs-form .hs-form-required:before {
content: '';
position: absolute;
left: 0;
display: block;
top: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #d28c00;
}
.hs-form .hs-error-msgs {
margin-top: .1rem;
text-align: right;
}
.hs-form .hs-error-msgs,
.hs-form .hs-error-msgs label {
font-size: 13px;
line-height: 25px;
font-weight: 400;
color: #d28c00 !important;
}
.hs-form .hs-error-msgs li {
margin-right: 0;
}
.inverted-ui .hs-form .hs-error-msgs label {
color: #d28c00 !important;
}
.hs-form .hsformerror {
border-radius: 0;
background: #0D0D0D !important;
color: white !important;
border: none;
}
.hs-form .hsformerror em {
border-color: #0D0D0D transparent transparent;
}
.hs-form .hsformerror .close-form-error {
color: #fff !important;
top: 3px;
right: 8px;
}
.hs-form .hsformerror p {
position: relative;
padding: .1em 0 .1em 0;
line-height: 1.7em;
font-size: 13px;
color: white !important;
}
@media (max-width: 480px) {
.hs-form .actions .primary {
  width: 100%;
}
}
.hs-form-booleancheckbox,
.hs-form-checkbox,
.hs-form-radio {
min-height: 1em;
}
.hs-form-booleancheckbox label,
.hs-form-checkbox label,
.hs-form-radio label {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.05em;
display: block;
margin: 0 0 1em;
padding-left: 1.65em;
position: relative;
vertical-align: bottom;
line-height: 28px;
}
.hs-form-booleancheckbox label em,
.hs-form-checkbox label em,
.hs-form-radio label em,
.hs-form-booleancheckbox label strong,
.hs-form-checkbox label strong,
.hs-form-radio label strong {
font-weight: 500;
}
.hs-form-booleancheckbox label em,
.hs-form-checkbox label em,
.hs-form-radio label em {
font-style: normal;
}
.hs-form-booleancheckbox label strong,
.hs-form-checkbox label strong,
.hs-form-radio label strong {
font-weight: 600;
}
.hs-form-booleancheckbox input[type="checkbox"],
.hs-form-checkbox input[type="checkbox"],
.hs-form-radio input[type="checkbox"],
.hs-form-booleancheckbox input[type="radio"],
.hs-form-checkbox input[type="radio"],
.hs-form-radio input[type="radio"] {
margin: 0 .65em 0 0;
position: absolute;
top: 3.2px;
left: 0;
vertical-align: bottom;
}
.hs-form-booleancheckbox input[type="radio"],
.hs-form-checkbox input[type="radio"],
.hs-form-radio input[type="radio"] {
top: 2.8px;
}
.hs-form-booleancheckbox span.desc,
.hs-form-checkbox span.desc,
.hs-form-radio span.desc {
display: block;
margin-top: 8px;
color: #b2b2b2;
font-size: 85%;
}
.hs_submit {
margin-top: 24px;
}
.hs-form-field {
margin-bottom: 35px;
}
.hs-form-field label {
display: block;
margin: 0 0 4px;
color: #b2b2b2;
font-weight: 400;
font-size: 14px;
line-height: 1.6;
}
.inverted-ui .hs-form-field label {
color: #efefef;
}
.hs-form-field legend.hs-field-desc {
margin: 0 0 .5rem;
color: #b2b2b2;
border: none;
font-size: 14px;
}
.hs-form-field[class*="privacy"][class*="agree"] .hs-form-required {
display: none;
}
#captcha_wrapper input[type="text"] {
height: auto !important;
}
.submitted-message {
color: #4c4c4c;
transition: all ease-in-out 0.25s;
opacity: 0;
transform: translate3d(0, 8px, 0);
transition-delay: .75s;
}
.transitions .submitted-message {
opacity: 1;
-ms-transform: translateY(0);
    transform: translateY(0);
}
.inverted-ui .submitted-message {
color: rgba(252, 252, 252, 0.75);
}
/*

Component: Custom Checkboxes v0.1.0
------------------------------------------------
TODO: Not done yet

*/
.hs_ui_multiple_checkboxes > label {
margin-bottom: 0.55555556em;
}
.hs-form-booleancheckbox,
.hs-form-checkbox {
margin-bottom: 0.27777778em !important;
/*------------------------------------------------*\
    Inverted user interface
\*------------------------------------------------*/
}
.hs-form-booleancheckbox:last-child,
.hs-form-checkbox:last-child {
margin-bottom: 0 !important;
}
.hs-form-booleancheckbox label,
.hs-form-checkbox label {
position: relative;
z-index: 0;
display: inline-block;
vertical-align: middle;
cursor: pointer;
padding-left: 0;
color: #0D0D0D;
}
.hs-form-booleancheckbox input[type="checkbox"],
.hs-form-checkbox input[type="checkbox"] {
opacity: 0;
position: absolute;
}
.hs-form-booleancheckbox input[type="checkbox"] + span,
.hs-form-checkbox input[type="checkbox"] + span {
display: inline-block;
padding-left: 1.55555556rem;
font-size: 16px;
line-height: 21px;
}
.hs-form-booleancheckbox input[type="checkbox"] + span:after,
.hs-form-checkbox input[type="checkbox"] + span:after,
.hs-form-booleancheckbox input[type="checkbox"] + span:before,
.hs-form-checkbox input[type="checkbox"] + span:before {
content: "";
position: absolute;
top: -0.05em;
left: 0;
width: 1.11111111rem;
height: 1.11111111rem;
}
.hs-form-booleancheckbox input[type="checkbox"] + span:before,
.hs-form-checkbox input[type="checkbox"] + span:before {
display: block;
border: 1px solid #c8c8c8;
}
@media only screen and (min-width: 1200px) {
.hs-form-booleancheckbox input[type="checkbox"] + span:before,
.hs-form-checkbox input[type="checkbox"] + span:before {
  top: 0.35px;
}
}
.hs-form-booleancheckbox input[type="checkbox"] + span:after,
.hs-form-checkbox input[type="checkbox"] + span:after {
display: inline-block;
z-index: 1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCAxMyAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iVUlFbGVtZW50cy9Gb3JtcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU4Ni4wMDAwMDAsIC04NjEuMDAwMDAwKSI+ICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgc3Ryb2tlPSIjRjVGNUY1IiBwb2ludHM9IjU4NiA4NjcuMzE4MzU5IDU5MC4yNTc4MTIgODcxLjMyNjE3MiA1OTcuNzkxMDE2IDg2MSI+PC9wb2x5bGluZT4gICAgPC9nPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: 50%;
transition: all .15s ease;
-ms-transform: scale(0) translate(0.025em, 0.015em);
    transform: scale(0) translate(0.025em, 0.015em);
opacity: 0;
}
.hs-form-booleancheckbox input[type="checkbox"]:checked + span,
.hs-form-checkbox input[type="checkbox"]:checked + span {
color: #282828;
}
.hs-form-booleancheckbox input[type="checkbox"]:checked + span:before,
.hs-form-checkbox input[type="checkbox"]:checked + span:before {
background-color: #0D0D0D;
border-color: #0D0D0D;
}
.hs-form-booleancheckbox input[type="checkbox"]:checked + span:after,
.hs-form-checkbox input[type="checkbox"]:checked + span:after {
-ms-transform: scale(1) translate(0.025em, 0.015em);
    transform: scale(1) translate(0.025em, 0.015em);
opacity: 1;
}
.inverted-ui .hs-form-booleancheckbox input[type="checkbox"] + span:before,
.inverted-ui .hs-form-checkbox input[type="checkbox"] + span:before {
border-color: rgba(252, 252, 252, 0.75);
}
.inverted-ui .hs-form-booleancheckbox input[type="checkbox"]:checked + span,
.inverted-ui .hs-form-checkbox input[type="checkbox"]:checked + span {
color: #fcfcfc;
}
.inverted-ui .hs-form-booleancheckbox input[type="checkbox"]:checked + span:before,
.inverted-ui .hs-form-checkbox input[type="checkbox"]:checked + span:before {
border-color: #fcfcfc;
background-color: #fcfcfc;
}
/*

  Component: Advanced Custom Checkboxes
  ------------------------------------------------
  This solution that uses CSS to generate a 
  circle and a selection dot for radio buttons in 
  HubSpot forms. No javascript hacks needed.
  
  
  HOW TO USE:
  ------------------------------------------------
  1.  Just include the component in the
      [project]-style stylesheet.
  2.  Enjoy.
  3.  Wrap the form with the class .inverted-ui
      to invert the radio button

*/
[class*="_blog_subscription"] > label,
.hs_ui_radio > label {
margin-bottom: 0.55555556em;
}
.hs-form-radio {
margin-bottom: 0.27777778em !important;
/*------------------------------------------------*\
    Inverted user interface
\*------------------------------------------------*/
}
.hs-form-radio:last-child {
margin-bottom: 0 !important;
}
.hs-form-radio label {
position: relative;
z-index: 0;
display: inline-block;
vertical-align: middle;
cursor: pointer;
padding-left: 0;
color: #0D0D0D;
}
.hs-form-radio input[type="radio"] {
opacity: 0;
position: absolute;
}
.hs-form-radio input[type="radio"] + span {
display: inline-block;
position: relative;
padding-left: 1.55555556rem;
font-size: 16px;
line-height: 1.4;
color: #0D0D0D;
}
.hs-form-radio input[type="radio"] + span:after,
.hs-form-radio input[type="radio"] + span:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.11111111rem;
height: 1.11111111rem;
border-radius: 50%;
}
@media only screen and (min-width: 992px) {
.hs-form-radio input[type="radio"] + span:after,
.hs-form-radio input[type="radio"] + span:before {
  top: 0;
}
}
.hs-form-radio input[type="radio"] + span:before {
display: block;
padding: .25em;
border: 1px solid #0D0D0D;
box-shadow: inset 0 0 0.2px 20px rgba(31, 31, 31, 0);
transition: all .25s ease;
}
.hs-form-radio input[type="radio"] + span:after {
display: inline-block;
transition: all .25s ease;
border: 2px solid rgba(31, 31, 31, 0);
-ms-transform: scale(0);
    transform: scale(0);
opacity: 0;
}
.hs-form-radio input[type="radio"]:checked + span:before {
background-color: #1f1f1f;
border-color: #1f1f1f;
}
.hs-form-radio input[type="radio"]:checked + span:after {
-ms-transform: scale(0.25);
    transform: scale(0.25);
opacity: 1;
background-color: #fcfcfc;
border-color: #fcfcfc;
}
.inverted-ui .hs-form-radio input[type="radio"] + span {
color: rgba(13, 13, 13, 0.75);
}
.inverted-ui .hs-form-radio input[type="radio"] + span:before {
background: none;
border: 1px solid rgba(13, 13, 13, 0.75);
box-shadow: inset 0 0 0.2px 20px rgba(13, 13, 13, 0);
}
.inverted-ui .hs-form-radio input[type="radio"] + span:after {
background-color: #d28c00;
border: 2px solid rgba(210, 140, 0, 0);
}
.inverted-ui .hs-form-radio input[type="radio"]:checked + span {
color: #0D0D0D;
}
.inverted-ui .hs-form-radio input[type="radio"]:checked + span:before {
border-color: #0D0D0D;
}
.inverted-ui .hs-form-radio input[type="radio"]:checked + span:after {
color: rgba(13, 13, 13, 0.75);
}
/*------------------------------------------------*\
  Fluid Page alignments
\*------------------------------------------------*/
.fluid-page .hs-form-radio input[type="radio"] + span,
.portal-page .hs-form-radio input[type="radio"] + span {
font-size: 1em;
}
.fluid-page .hs-form-radio input[type="radio"] + span:after,
.portal-page .hs-form-radio input[type="radio"] + span:after,
.fluid-page .hs-form-radio input[type="radio"] + span:before,
.portal-page .hs-form-radio input[type="radio"] + span:before {
top: 3px;
}
@media only screen and (min-width: 992px) {
.fluid-page .hs-form-radio input[type="radio"] + span:after,
.portal-page .hs-form-radio input[type="radio"] + span:after,
.fluid-page .hs-form-radio input[type="radio"] + span:before,
.portal-page .hs-form-radio input[type="radio"] + span:before {
  top: .25em;
}
}
.hbspt-form,
.hs-form {
text-align: left;
/*

HubSpot Component: Date Picker
------------------------------------------------

*/
/*

Component: Buttons
------------------------------------------------
Set button styling using the button mixins
located in project-mixins.less so that they
can be reused in hubspot-calls-to-action.less

*/
/*

Component: Form Inputs
------------------------------------------------

*/
}
.hbspt-form .hs-datepicker button,
.hs-form .hs-datepicker button {
min-width: inherit;
padding: 5px;
background-color: #f5f5f5;
color: #555;
border-radius: 0;
}
.hbspt-form .hs-datepicker button:after,
.hs-form .hs-datepicker button:after,
.hbspt-form .hs-datepicker button:before,
.hs-form .hs-datepicker button:before {
display: none;
}
.hbspt-form .hs-datepicker button:hover,
.hs-form .hs-datepicker button:hover {
background-color: #4c4c4c !important;
}
.hbspt-form .hs-datepicker .pika-lendar,
.hs-form .hs-datepicker .pika-lendar {
margin: 12px 12px 8px;
}
.hbspt-form .hs-datepicker .pika-button,
.hs-form .hs-datepicker .pika-button {
text-align: center;
}
.hbspt-form .hs-datepicker .pika-button:hover,
.hs-form .hs-datepicker .pika-button:hover {
background-color: #4c4c4c;
}
.hbspt-form .hs-datepicker .is-today .pika-button,
.hs-form .hs-datepicker .is-today .pika-button {
color: #d28c00;
}
.hbspt-form .hs-datepicker .is-selected .pika-button,
.hs-form .hs-datepicker .is-selected .pika-button {
background-color: #d28c00;
box-shadow: none;
color: white !important;
}
.hbspt-form button,
.hs-form button,
.hbspt-form input[type="button"],
.hs-form input[type="button"],
.hbspt-form .button,
.hs-form .button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 2px;
text-transform: uppercase;
box-sizing: border-box;
display: inline-block;
transition: all ease-in-out 0.2s;
margin-top: 6px;
margin-bottom: 4px;
border-radius: 0;
border: none;
-webkit-font-smoothing: antialiased;
text-decoration: none;
text-align: center;
cursor: pointer;
box-shadow: none;
min-width: 150px;
padding: 1.434em 2.083333333em 1.234em ;
padding: 1.25em 2.083333333em;
}
.hbspt-form button em,
.hs-form button em,
.hbspt-form input[type="button"] em,
.hs-form input[type="button"] em,
.hbspt-form .button em,
.hs-form .button em,
.hbspt-form button strong,
.hs-form button strong,
.hbspt-form input[type="button"] strong,
.hs-form input[type="button"] strong,
.hbspt-form .button strong,
.hs-form .button strong {
font-weight: 500;
}
.hbspt-form button em,
.hs-form button em,
.hbspt-form input[type="button"] em,
.hs-form input[type="button"] em,
.hbspt-form .button em,
.hs-form .button em {
font-style: normal;
}
.hbspt-form button strong,
.hs-form button strong,
.hbspt-form input[type="button"] strong,
.hs-form input[type="button"] strong,
.hbspt-form .button strong,
.hs-form .button strong {
font-weight: 600;
}
.hbspt-form button,
.hs-form button,
.hbspt-form input[type="button"],
.hs-form input[type="button"],
.hbspt-form .button,
.hs-form .button,
.hbspt-form button:focus,
.hs-form button:focus,
.hbspt-form input[type="button"]:focus,
.hs-form input[type="button"]:focus,
.hbspt-form .button:focus,
.hs-form .button:focus,
.hbspt-form button:hover,
.hs-form button:hover,
.hbspt-form input[type="button"]:hover,
.hs-form input[type="button"]:hover,
.hbspt-form .button:hover,
.hs-form .button:hover,
.hbspt-form button:active,
.hs-form button:active,
.hbspt-form input[type="button"]:active,
.hs-form input[type="button"]:active,
.hbspt-form .button:active,
.hs-form .button:active {
text-decoration: none;
}
.hbspt-form button:active,
.hs-form button:active,
.hbspt-form input[type="button"]:active,
.hs-form input[type="button"]:active,
.hbspt-form .button:active,
.hs-form .button:active {
transition: none;
}
.hbspt-form button:focus,
.hs-form button:focus,
.hbspt-form input[type="button"]:focus,
.hs-form input[type="button"]:focus,
.hbspt-form .button:focus,
.hs-form .button:focus {
outline: 0;
}
.hbspt-form button:active,
.hs-form button:active,
.hbspt-form input[type="button"]:active,
.hs-form input[type="button"]:active,
.hbspt-form .button:active,
.hs-form .button:active {
transition-duration: .1s;
}
.hbspt-form button,
.hs-form button,
.hbspt-form input[type="button"],
.hs-form input[type="button"],
.hbspt-form .button,
.hs-form .button,
.hbspt-form button:focus,
.hs-form button:focus,
.hbspt-form input[type="button"]:focus,
.hs-form input[type="button"]:focus,
.hbspt-form .button:focus,
.hs-form .button:focus {
color: #FFC322;
background-color: #0D0D0D;
}
.hbspt-form button:hover,
.hs-form button:hover,
.hbspt-form input[type="button"]:hover,
.hs-form input[type="button"]:hover,
.hbspt-form .button:hover,
.hs-form .button:hover,
.hbspt-form button:active,
.hs-form button:active,
.hbspt-form input[type="button"]:active,
.hs-form input[type="button"]:active,
.hbspt-form .button:active,
.hs-form .button:active {
color: #d28c00;
}
.hbspt-form button:disabled,
.hs-form button:disabled,
.hbspt-form input[type="button"]:disabled,
.hs-form input[type="button"]:disabled,
.hbspt-form .button:disabled,
.hs-form .button:disabled {
background: #efefef !important;
color: #b2b2b2 !important;
pointer-events: none !important;
}
.hbspt-form button:disabled:focus,
.hs-form button:disabled:focus,
.hbspt-form input[type="button"]:disabled:focus,
.hs-form input[type="button"]:disabled:focus,
.hbspt-form .button:disabled:focus,
.hs-form .button:disabled:focus {
background: #efefef !important;
}
.hbspt-form button:disabled:hover,
.hs-form button:disabled:hover,
.hbspt-form input[type="button"]:disabled:hover,
.hs-form input[type="button"]:disabled:hover,
.hbspt-form .button:disabled:hover,
.hs-form .button:disabled:hover {
background: #efefef !important;
}
.hbspt-form button.primary,
.hs-form button.primary,
.hbspt-form input[type="button"].primary,
.hs-form input[type="button"].primary,
.hbspt-form .button.primary,
.hs-form .button.primary,
.hbspt-form button.primary:focus,
.hs-form button.primary:focus,
.hbspt-form input[type="button"].primary:focus,
.hs-form input[type="button"].primary:focus,
.hbspt-form .button.primary:focus,
.hs-form .button.primary:focus {
color: #0D0D0D;
background-color: #d28c00;
}
.hbspt-form button.primary:hover,
.hs-form button.primary:hover,
.hbspt-form input[type="button"].primary:hover,
.hs-form input[type="button"].primary:hover,
.hbspt-form .button.primary:hover,
.hs-form .button.primary:hover,
.hbspt-form button.primary:active,
.hs-form button.primary:active,
.hbspt-form input[type="button"].primary:active,
.hs-form input[type="button"].primary:active,
.hbspt-form .button.primary:active,
.hs-form .button.primary:active {
color: #d28c00;
background-color: #FFC322;
}
.hbspt-form button.content,
.hs-form button.content,
.hbspt-form input[type="button"].content,
.hs-form input[type="button"].content,
.hbspt-form .button.content,
.hs-form .button.content,
.hbspt-form button.secondary,
.hs-form button.secondary,
.hbspt-form input[type="button"].secondary,
.hs-form input[type="button"].secondary,
.hbspt-form .button.secondary,
.hs-form .button.secondary,
.hbspt-form button.content:focus,
.hs-form button.content:focus,
.hbspt-form input[type="button"].content:focus,
.hs-form input[type="button"].content:focus,
.hbspt-form .button.content:focus,
.hs-form .button.content:focus,
.hbspt-form button.secondary:focus,
.hs-form button.secondary:focus,
.hbspt-form input[type="button"].secondary:focus,
.hs-form input[type="button"].secondary:focus,
.hbspt-form .button.secondary:focus,
.hs-form .button.secondary:focus {
color: #FFC322;
background-color: #0D0D0D;
}
.hbspt-form button.content:hover,
.hs-form button.content:hover,
.hbspt-form input[type="button"].content:hover,
.hs-form input[type="button"].content:hover,
.hbspt-form .button.content:hover,
.hs-form .button.content:hover,
.hbspt-form button.secondary:hover,
.hs-form button.secondary:hover,
.hbspt-form input[type="button"].secondary:hover,
.hs-form input[type="button"].secondary:hover,
.hbspt-form .button.secondary:hover,
.hs-form .button.secondary:hover,
.hbspt-form button.content:active,
.hs-form button.content:active,
.hbspt-form input[type="button"].content:active,
.hs-form input[type="button"].content:active,
.hbspt-form .button.content:active,
.hs-form .button.content:active,
.hbspt-form button.secondary:active,
.hs-form button.secondary:active,
.hbspt-form input[type="button"].secondary:active,
.hs-form input[type="button"].secondary:active,
.hbspt-form .button.secondary:active,
.hs-form .button.secondary:active {
color: #d28c00;
}
.hbspt-form button.subscribe,
.hs-form button.subscribe,
.hbspt-form input[type="button"].subscribe,
.hs-form input[type="button"].subscribe,
.hbspt-form .button.subscribe,
.hs-form .button.subscribe,
.hbspt-form button.tertiary,
.hs-form button.tertiary,
.hbspt-form input[type="button"].tertiary,
.hs-form input[type="button"].tertiary,
.hbspt-form .button.tertiary,
.hs-form .button.tertiary,
.hbspt-form button.subscribe:focus,
.hs-form button.subscribe:focus,
.hbspt-form input[type="button"].subscribe:focus,
.hs-form input[type="button"].subscribe:focus,
.hbspt-form .button.subscribe:focus,
.hs-form .button.subscribe:focus,
.hbspt-form button.tertiary:focus,
.hs-form button.tertiary:focus,
.hbspt-form input[type="button"].tertiary:focus,
.hs-form input[type="button"].tertiary:focus,
.hbspt-form .button.tertiary:focus,
.hs-form .button.tertiary:focus {
color: #0D0D0D;
background-color: #FFC322;
}
.hbspt-form button.subscribe:hover,
.hs-form button.subscribe:hover,
.hbspt-form input[type="button"].subscribe:hover,
.hs-form input[type="button"].subscribe:hover,
.hbspt-form .button.subscribe:hover,
.hs-form .button.subscribe:hover,
.hbspt-form button.tertiary:hover,
.hs-form button.tertiary:hover,
.hbspt-form input[type="button"].tertiary:hover,
.hs-form input[type="button"].tertiary:hover,
.hbspt-form .button.tertiary:hover,
.hs-form .button.tertiary:hover,
.hbspt-form button.subscribe:active,
.hs-form button.subscribe:active,
.hbspt-form input[type="button"].subscribe:active,
.hs-form input[type="button"].subscribe:active,
.hbspt-form .button.subscribe:active,
.hs-form .button.subscribe:active,
.hbspt-form button.tertiary:active,
.hs-form button.tertiary:active,
.hbspt-form input[type="button"].tertiary:active,
.hs-form input[type="button"].tertiary:active,
.hbspt-form .button.tertiary:active,
.hs-form .button.tertiary:active {
color: #FFC322;
background-color: #d28c00;
}
.hbspt-form button.contact,
.hs-form button.contact,
.hbspt-form input[type="button"].contact,
.hs-form input[type="button"].contact,
.hbspt-form .button.contact,
.hs-form .button.contact,
.hbspt-form button.contact:focus,
.hs-form button.contact:focus,
.hbspt-form input[type="button"].contact:focus,
.hs-form input[type="button"].contact:focus,
.hbspt-form .button.contact:focus,
.hs-form .button.contact:focus {
color: #d28c00;
background-color: inherit;
border: 1px solid #d28c00;
}
.hbspt-form button.contact:hover,
.hs-form button.contact:hover,
.hbspt-form input[type="button"].contact:hover,
.hs-form input[type="button"].contact:hover,
.hbspt-form .button.contact:hover,
.hs-form .button.contact:hover,
.hbspt-form button.contact:active,
.hs-form button.contact:active,
.hbspt-form input[type="button"].contact:active,
.hs-form input[type="button"].contact:active,
.hbspt-form .button.contact:active,
.hs-form .button.contact:active {
color: #d28c00;
background-color: #FFC322;
border-color: #FFC322;
}
.hbspt-form button.newsletter,
.hs-form button.newsletter,
.hbspt-form input[type="button"].newsletter,
.hs-form input[type="button"].newsletter,
.hbspt-form .button.newsletter,
.hs-form .button.newsletter,
.hbspt-form button.newsletter:focus,
.hs-form button.newsletter:focus,
.hbspt-form input[type="button"].newsletter:focus,
.hs-form input[type="button"].newsletter:focus,
.hbspt-form .button.newsletter:focus,
.hs-form .button.newsletter:focus {
color: #0D0D0D;
background-color: inherit;
border: 1px solid #0D0D0D;
}
.hbspt-form button.newsletter:hover,
.hs-form button.newsletter:hover,
.hbspt-form input[type="button"].newsletter:hover,
.hs-form input[type="button"].newsletter:hover,
.hbspt-form .button.newsletter:hover,
.hs-form .button.newsletter:hover,
.hbspt-form button.newsletter:active,
.hs-form button.newsletter:active,
.hbspt-form input[type="button"].newsletter:active,
.hs-form input[type="button"].newsletter:active,
.hbspt-form .button.newsletter:active,
.hs-form .button.newsletter:active {
color: #fcfcfc;
background-color: #0D0D0D;
}
.inverted-ui .hbspt-form button.newsletter,
.inverted-ui .hs-form button.newsletter,
.inverted-ui .hbspt-form input[type="button"].newsletter,
.inverted-ui .hs-form input[type="button"].newsletter,
.inverted-ui .hbspt-form .button.newsletter,
.inverted-ui .hs-form .button.newsletter,
.inverted-ui .hbspt-form button.newsletter:focus,
.inverted-ui .hs-form button.newsletter:focus,
.inverted-ui .hbspt-form input[type="button"].newsletter:focus,
.inverted-ui .hs-form input[type="button"].newsletter:focus,
.inverted-ui .hbspt-form .button.newsletter:focus,
.inverted-ui .hs-form .button.newsletter:focus {
color: #fcfcfc;
background-color: inherit;
border: 1px solid #fcfcfc;
}
.inverted-ui .hbspt-form button.newsletter:hover,
.inverted-ui .hs-form button.newsletter:hover,
.inverted-ui .hbspt-form input[type="button"].newsletter:hover,
.inverted-ui .hs-form input[type="button"].newsletter:hover,
.inverted-ui .hbspt-form .button.newsletter:hover,
.inverted-ui .hs-form .button.newsletter:hover,
.inverted-ui .hbspt-form button.newsletter:active,
.inverted-ui .hs-form button.newsletter:active,
.inverted-ui .hbspt-form input[type="button"].newsletter:active,
.inverted-ui .hs-form input[type="button"].newsletter:active,
.inverted-ui .hbspt-form .button.newsletter:active,
.inverted-ui .hs-form .button.newsletter:active {
color: #0D0D0D;
background-color: #fcfcfc;
}
.hbspt-form button.small,
.hs-form button.small,
.hbspt-form input[type="button"].small,
.hs-form input[type="button"].small,
.hbspt-form .button.small,
.hs-form .button.small {
min-width: 130px;
padding: .9175em 1.666666667em;
padding: .625em 1.666666667em;
}
.hbspt-form button.medium,
.hs-form button.medium,
.hbspt-form input[type="button"].medium,
.hs-form input[type="button"].medium,
.hbspt-form .button.medium,
.hs-form .button.medium {
min-width: 150px;
padding: 1.434em 2.083333333em 1.234em ;
padding: 1.25em 2.083333333em;
}
.hbspt-form button.large,
.hs-form button.large,
.hbspt-form input[type="button"].large,
.hs-form input[type="button"].large,
.hbspt-form .button.large,
.hs-form .button.large {
min-width: 150px;
padding: 1.434em 2.083333333em 1.234em ;
padding: 1.25em 2.083333333em;
}
.hbspt-form input[type="submit"],
.hs-form input[type="submit"],
.hbspt-form input[type="submit"].primary,
.hs-form input[type="submit"].primary {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 2px;
text-transform: uppercase;
box-sizing: border-box;
display: inline-block;
transition: all ease-in-out 0.2s;
margin-top: 6px;
margin-bottom: 4px;
border-radius: 0;
border: none;
-webkit-font-smoothing: antialiased;
text-decoration: none;
text-align: center;
cursor: pointer;
box-shadow: none;
min-width: 150px;
padding: 1.434em 2.083333333em 1.234em ;
padding: 1.25em 2.083333333em;
}
.hbspt-form input[type="submit"] em,
.hs-form input[type="submit"] em,
.hbspt-form input[type="submit"].primary em,
.hs-form input[type="submit"].primary em,
.hbspt-form input[type="submit"] strong,
.hs-form input[type="submit"] strong,
.hbspt-form input[type="submit"].primary strong,
.hs-form input[type="submit"].primary strong {
font-weight: 500;
}
.hbspt-form input[type="submit"] em,
.hs-form input[type="submit"] em,
.hbspt-form input[type="submit"].primary em,
.hs-form input[type="submit"].primary em {
font-style: normal;
}
.hbspt-form input[type="submit"] strong,
.hs-form input[type="submit"] strong,
.hbspt-form input[type="submit"].primary strong,
.hs-form input[type="submit"].primary strong {
font-weight: 600;
}
.hbspt-form input[type="submit"],
.hs-form input[type="submit"],
.hbspt-form input[type="submit"].primary,
.hs-form input[type="submit"].primary,
.hbspt-form input[type="submit"]:focus,
.hs-form input[type="submit"]:focus,
.hbspt-form input[type="submit"].primary:focus,
.hs-form input[type="submit"].primary:focus,
.hbspt-form input[type="submit"]:hover,
.hs-form input[type="submit"]:hover,
.hbspt-form input[type="submit"].primary:hover,
.hs-form input[type="submit"].primary:hover,
.hbspt-form input[type="submit"]:active,
.hs-form input[type="submit"]:active,
.hbspt-form input[type="submit"].primary:active,
.hs-form input[type="submit"].primary:active {
text-decoration: none;
}
.hbspt-form input[type="submit"]:active,
.hs-form input[type="submit"]:active,
.hbspt-form input[type="submit"].primary:active,
.hs-form input[type="submit"].primary:active {
transition: none;
}
.hbspt-form input[type="submit"]:focus,
.hs-form input[type="submit"]:focus,
.hbspt-form input[type="submit"].primary:focus,
.hs-form input[type="submit"].primary:focus {
outline: 0;
}
.hbspt-form input[type="submit"]:active,
.hs-form input[type="submit"]:active,
.hbspt-form input[type="submit"].primary:active,
.hs-form input[type="submit"].primary:active {
transition-duration: .1s;
}
.hbspt-form input[type="submit"],
.hs-form input[type="submit"],
.hbspt-form input[type="submit"].primary,
.hs-form input[type="submit"].primary,
.hbspt-form input[type="submit"]:focus,
.hs-form input[type="submit"]:focus,
.hbspt-form input[type="submit"].primary:focus,
.hs-form input[type="submit"].primary:focus {
color: #FFC322;
background-color: #0D0D0D;
}
.hbspt-form input[type="submit"]:hover,
.hs-form input[type="submit"]:hover,
.hbspt-form input[type="submit"].primary:hover,
.hs-form input[type="submit"].primary:hover,
.hbspt-form input[type="submit"]:active,
.hs-form input[type="submit"]:active,
.hbspt-form input[type="submit"].primary:active,
.hs-form input[type="submit"].primary:active {
color: #d28c00;
}
.contact-page .hbspt-form input[type="submit"],
.contact-page .hs-form input[type="submit"],
.contact-form .hbspt-form input[type="submit"],
.contact-form .hs-form input[type="submit"],
.contact-page .hbspt-form input[type="submit"].primary,
.contact-page .hs-form input[type="submit"].primary,
.contact-form .hbspt-form input[type="submit"].primary,
.contact-form .hs-form input[type="submit"].primary,
.contact-page .hbspt-form input[type="submit"]:focus,
.contact-page .hs-form input[type="submit"]:focus,
.contact-form .hbspt-form input[type="submit"]:focus,
.contact-form .hs-form input[type="submit"]:focus,
.contact-page .hbspt-form input[type="submit"].primary:focus,
.contact-page .hs-form input[type="submit"].primary:focus,
.contact-form .hbspt-form input[type="submit"].primary:focus,
.contact-form .hs-form input[type="submit"].primary:focus {
color: #d28c00;
background-color: inherit;
border: 1px solid #d28c00;
}
.contact-page .hbspt-form input[type="submit"]:hover,
.contact-page .hs-form input[type="submit"]:hover,
.contact-form .hbspt-form input[type="submit"]:hover,
.contact-form .hs-form input[type="submit"]:hover,
.contact-page .hbspt-form input[type="submit"].primary:hover,
.contact-page .hs-form input[type="submit"].primary:hover,
.contact-form .hbspt-form input[type="submit"].primary:hover,
.contact-form .hs-form input[type="submit"].primary:hover,
.contact-page .hbspt-form input[type="submit"]:active,
.contact-page .hs-form input[type="submit"]:active,
.contact-form .hbspt-form input[type="submit"]:active,
.contact-form .hs-form input[type="submit"]:active,
.contact-page .hbspt-form input[type="submit"].primary:active,
.contact-page .hs-form input[type="submit"].primary:active,
.contact-form .hbspt-form input[type="submit"].primary:active,
.contact-form .hs-form input[type="submit"].primary:active {
color: #d28c00;
background-color: #FFC322;
border-color: #FFC322;
}
.hbspt-form button.secondary:after,
.hs-form button.secondary:after,
.hbspt-form a.button.secondary:after,
.hs-form a.button.secondary:after,
.hbspt-form a.hs-button.secondary:after,
.hs-form a.hs-button.secondary:after {
position: relative;
top: .125em;
vertical-align: top;
display: inline-block;
margin-left: .75em;
content: '';
width: 8px;
height: 12px;
background-repeat: no-repeat;
transition: inherit;
}
.hbspt-form button.secondary:after,
.hs-form button.secondary:after,
.hbspt-form a.button.secondary:after,
.hs-form a.button.secondary:after,
.hbspt-form a.hs-button.secondary:after,
.hs-form a.hs-button.secondary:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0ZGQkEyRCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
background-size: auto 12px;
}
.hbspt-form button.secondary:hover:after,
.hs-form button.secondary:hover:after,
.hbspt-form a.button.secondary:hover:after,
.hs-form a.button.secondary:hover:after,
.hbspt-form a.hs-button.secondary:hover:after,
.hs-form a.hs-button.secondary:hover:after,
.hbspt-form button.secondary:active:after,
.hs-form button.secondary:active:after,
.hbspt-form a.button.secondary:active:after,
.hs-form a.button.secondary:active:after,
.hbspt-form a.hs-button.secondary:active:after,
.hs-form a.hs-button.secondary:active:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0QyOEMwMCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
background-size: auto 12px;
}
.hbspt-form button.contact:after,
.hs-form button.contact:after,
.hbspt-form a.button.contact:after,
.hs-form a.button.contact:after,
.hbspt-form a.hs-button.contact:after,
.hs-form a.hs-button.contact:after {
position: relative;
top: .125em;
vertical-align: top;
display: inline-block;
margin-left: .75em;
content: '';
width: 8px;
height: 12px;
background-repeat: no-repeat;
transition: inherit;
}
.hbspt-form button.contact:after,
.hs-form button.contact:after,
.hbspt-form a.button.contact:after,
.hs-form a.button.contact:after,
.hbspt-form a.hs-button.contact:after,
.hs-form a.hs-button.contact:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0QyOEMwMCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
background-size: auto 12px;
}
.hbspt-form button.contact:hover:after,
.hs-form button.contact:hover:after,
.hbspt-form a.button.contact:hover:after,
.hs-form a.button.contact:hover:after,
.hbspt-form a.hs-button.contact:hover:after,
.hs-form a.hs-button.contact:hover:after,
.hbspt-form button.contact:active:after,
.hs-form button.contact:active:after,
.hbspt-form a.button.contact:active:after,
.hs-form a.button.contact:active:after,
.hbspt-form a.hs-button.contact:active:after,
.hs-form a.hs-button.contact:active:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0QyOEMwMCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
background-size: auto 12px;
}
.hbspt-form button.subscribe:after,
.hs-form button.subscribe:after,
.hbspt-form a.button.subscribe:after,
.hs-form a.button.subscribe:after,
.hbspt-form a.hs-button.subscribe:after,
.hs-form a.hs-button.subscribe:after {
display: none;
}
.hbspt-form textarea,
.hs-form textarea,
.hbspt-form input[type="text"],
.hs-form input[type="text"],
.hbspt-form input[type="password"],
.hs-form input[type="password"],
.hbspt-form input[type="datetime"],
.hs-form input[type="datetime"],
.hbspt-form input[type="datetime-local"],
.hs-form input[type="datetime-local"],
.hbspt-form input[type="date"],
.hs-form input[type="date"],
.hbspt-form input[type="month"],
.hs-form input[type="month"],
.hbspt-form input[type="time"],
.hs-form input[type="time"],
.hbspt-form input[type="week"],
.hs-form input[type="week"],
.hbspt-form input[type="number"],
.hs-form input[type="number"],
.hbspt-form input[type="email"],
.hs-form input[type="email"],
.hbspt-form input[type="url"],
.hs-form input[type="url"],
.hbspt-form input[type="search"],
.hs-form input[type="search"],
.hbspt-form input[type="tel"],
.hs-form input[type="tel"],
.hbspt-form input[type="file"],
.hs-form input[type="file"],
.hbspt-form input[type="color"],
.hs-form input[type="color"],
.hbspt-form select,
.hs-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
width: 100%;
padding: .5em 0;
border: none;
border-bottom: 1px solid #b2b2b2;
border-radius: 0;
color: #0D0D0D;
background-color: inherit;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.05em;
transition: all ease-in-out 0.15s;
}
.hbspt-form textarea em,
.hs-form textarea em,
.hbspt-form input[type="text"] em,
.hs-form input[type="text"] em,
.hbspt-form input[type="password"] em,
.hs-form input[type="password"] em,
.hbspt-form input[type="datetime"] em,
.hs-form input[type="datetime"] em,
.hbspt-form input[type="datetime-local"] em,
.hs-form input[type="datetime-local"] em,
.hbspt-form input[type="date"] em,
.hs-form input[type="date"] em,
.hbspt-form input[type="month"] em,
.hs-form input[type="month"] em,
.hbspt-form input[type="time"] em,
.hs-form input[type="time"] em,
.hbspt-form input[type="week"] em,
.hs-form input[type="week"] em,
.hbspt-form input[type="number"] em,
.hs-form input[type="number"] em,
.hbspt-form input[type="email"] em,
.hs-form input[type="email"] em,
.hbspt-form input[type="url"] em,
.hs-form input[type="url"] em,
.hbspt-form input[type="search"] em,
.hs-form input[type="search"] em,
.hbspt-form input[type="tel"] em,
.hs-form input[type="tel"] em,
.hbspt-form input[type="file"] em,
.hs-form input[type="file"] em,
.hbspt-form input[type="color"] em,
.hs-form input[type="color"] em,
.hbspt-form select em,
.hs-form select em,
.hbspt-form textarea strong,
.hs-form textarea strong,
.hbspt-form input[type="text"] strong,
.hs-form input[type="text"] strong,
.hbspt-form input[type="password"] strong,
.hs-form input[type="password"] strong,
.hbspt-form input[type="datetime"] strong,
.hs-form input[type="datetime"] strong,
.hbspt-form input[type="datetime-local"] strong,
.hs-form input[type="datetime-local"] strong,
.hbspt-form input[type="date"] strong,
.hs-form input[type="date"] strong,
.hbspt-form input[type="month"] strong,
.hs-form input[type="month"] strong,
.hbspt-form input[type="time"] strong,
.hs-form input[type="time"] strong,
.hbspt-form input[type="week"] strong,
.hs-form input[type="week"] strong,
.hbspt-form input[type="number"] strong,
.hs-form input[type="number"] strong,
.hbspt-form input[type="email"] strong,
.hs-form input[type="email"] strong,
.hbspt-form input[type="url"] strong,
.hs-form input[type="url"] strong,
.hbspt-form input[type="search"] strong,
.hs-form input[type="search"] strong,
.hbspt-form input[type="tel"] strong,
.hs-form input[type="tel"] strong,
.hbspt-form input[type="file"] strong,
.hs-form input[type="file"] strong,
.hbspt-form input[type="color"] strong,
.hs-form input[type="color"] strong,
.hbspt-form select strong,
.hs-form select strong {
font-weight: 500;
}
.hbspt-form textarea em,
.hs-form textarea em,
.hbspt-form input[type="text"] em,
.hs-form input[type="text"] em,
.hbspt-form input[type="password"] em,
.hs-form input[type="password"] em,
.hbspt-form input[type="datetime"] em,
.hs-form input[type="datetime"] em,
.hbspt-form input[type="datetime-local"] em,
.hs-form input[type="datetime-local"] em,
.hbspt-form input[type="date"] em,
.hs-form input[type="date"] em,
.hbspt-form input[type="month"] em,
.hs-form input[type="month"] em,
.hbspt-form input[type="time"] em,
.hs-form input[type="time"] em,
.hbspt-form input[type="week"] em,
.hs-form input[type="week"] em,
.hbspt-form input[type="number"] em,
.hs-form input[type="number"] em,
.hbspt-form input[type="email"] em,
.hs-form input[type="email"] em,
.hbspt-form input[type="url"] em,
.hs-form input[type="url"] em,
.hbspt-form input[type="search"] em,
.hs-form input[type="search"] em,
.hbspt-form input[type="tel"] em,
.hs-form input[type="tel"] em,
.hbspt-form input[type="file"] em,
.hs-form input[type="file"] em,
.hbspt-form input[type="color"] em,
.hs-form input[type="color"] em,
.hbspt-form select em,
.hs-form select em {
font-style: normal;
}
.hbspt-form textarea strong,
.hs-form textarea strong,
.hbspt-form input[type="text"] strong,
.hs-form input[type="text"] strong,
.hbspt-form input[type="password"] strong,
.hs-form input[type="password"] strong,
.hbspt-form input[type="datetime"] strong,
.hs-form input[type="datetime"] strong,
.hbspt-form input[type="datetime-local"] strong,
.hs-form input[type="datetime-local"] strong,
.hbspt-form input[type="date"] strong,
.hs-form input[type="date"] strong,
.hbspt-form input[type="month"] strong,
.hs-form input[type="month"] strong,
.hbspt-form input[type="time"] strong,
.hs-form input[type="time"] strong,
.hbspt-form input[type="week"] strong,
.hs-form input[type="week"] strong,
.hbspt-form input[type="number"] strong,
.hs-form input[type="number"] strong,
.hbspt-form input[type="email"] strong,
.hs-form input[type="email"] strong,
.hbspt-form input[type="url"] strong,
.hs-form input[type="url"] strong,
.hbspt-form input[type="search"] strong,
.hs-form input[type="search"] strong,
.hbspt-form input[type="tel"] strong,
.hs-form input[type="tel"] strong,
.hbspt-form input[type="file"] strong,
.hs-form input[type="file"] strong,
.hbspt-form input[type="color"] strong,
.hs-form input[type="color"] strong,
.hbspt-form select strong,
.hs-form select strong {
font-weight: 600;
}
.hbspt-form textarea:focus,
.hs-form textarea:focus,
.hbspt-form input[type="text"]:focus,
.hs-form input[type="text"]:focus,
.hbspt-form input[type="password"]:focus,
.hs-form input[type="password"]:focus,
.hbspt-form input[type="datetime"]:focus,
.hs-form input[type="datetime"]:focus,
.hbspt-form input[type="datetime-local"]:focus,
.hs-form input[type="datetime-local"]:focus,
.hbspt-form input[type="date"]:focus,
.hs-form input[type="date"]:focus,
.hbspt-form input[type="month"]:focus,
.hs-form input[type="month"]:focus,
.hbspt-form input[type="time"]:focus,
.hs-form input[type="time"]:focus,
.hbspt-form input[type="week"]:focus,
.hs-form input[type="week"]:focus,
.hbspt-form input[type="number"]:focus,
.hs-form input[type="number"]:focus,
.hbspt-form input[type="email"]:focus,
.hs-form input[type="email"]:focus,
.hbspt-form input[type="url"]:focus,
.hs-form input[type="url"]:focus,
.hbspt-form input[type="search"]:focus,
.hs-form input[type="search"]:focus,
.hbspt-form input[type="tel"]:focus,
.hs-form input[type="tel"]:focus,
.hbspt-form input[type="file"]:focus,
.hs-form input[type="file"]:focus,
.hbspt-form input[type="color"]:focus,
.hs-form input[type="color"]:focus,
.hbspt-form select:focus,
.hs-form select:focus {
border-color: #d28c00;
}
.hbspt-form textarea:disabled,
.hs-form textarea:disabled,
.hbspt-form input[type="text"]:disabled,
.hs-form input[type="text"]:disabled,
.hbspt-form input[type="password"]:disabled,
.hs-form input[type="password"]:disabled,
.hbspt-form input[type="datetime"]:disabled,
.hs-form input[type="datetime"]:disabled,
.hbspt-form input[type="datetime-local"]:disabled,
.hs-form input[type="datetime-local"]:disabled,
.hbspt-form input[type="date"]:disabled,
.hs-form input[type="date"]:disabled,
.hbspt-form input[type="month"]:disabled,
.hs-form input[type="month"]:disabled,
.hbspt-form input[type="time"]:disabled,
.hs-form input[type="time"]:disabled,
.hbspt-form input[type="week"]:disabled,
.hs-form input[type="week"]:disabled,
.hbspt-form input[type="number"]:disabled,
.hs-form input[type="number"]:disabled,
.hbspt-form input[type="email"]:disabled,
.hs-form input[type="email"]:disabled,
.hbspt-form input[type="url"]:disabled,
.hs-form input[type="url"]:disabled,
.hbspt-form input[type="search"]:disabled,
.hs-form input[type="search"]:disabled,
.hbspt-form input[type="tel"]:disabled,
.hs-form input[type="tel"]:disabled,
.hbspt-form input[type="file"]:disabled,
.hs-form input[type="file"]:disabled,
.hbspt-form input[type="color"]:disabled,
.hs-form input[type="color"]:disabled,
.hbspt-form select:disabled,
.hs-form select:disabled {
background-color: #efefef !important;
cursor: default;
}
.hbspt-form textarea.nude,
.hs-form textarea.nude,
.hbspt-form input[type="text"].nude,
.hs-form input[type="text"].nude,
.hbspt-form input[type="password"].nude,
.hs-form input[type="password"].nude,
.hbspt-form input[type="datetime"].nude,
.hs-form input[type="datetime"].nude,
.hbspt-form input[type="datetime-local"].nude,
.hs-form input[type="datetime-local"].nude,
.hbspt-form input[type="date"].nude,
.hs-form input[type="date"].nude,
.hbspt-form input[type="month"].nude,
.hs-form input[type="month"].nude,
.hbspt-form input[type="time"].nude,
.hs-form input[type="time"].nude,
.hbspt-form input[type="week"].nude,
.hs-form input[type="week"].nude,
.hbspt-form input[type="number"].nude,
.hs-form input[type="number"].nude,
.hbspt-form input[type="email"].nude,
.hs-form input[type="email"].nude,
.hbspt-form input[type="url"].nude,
.hs-form input[type="url"].nude,
.hbspt-form input[type="search"].nude,
.hs-form input[type="search"].nude,
.hbspt-form input[type="tel"].nude,
.hs-form input[type="tel"].nude,
.hbspt-form input[type="file"].nude,
.hs-form input[type="file"].nude,
.hbspt-form input[type="color"].nude,
.hs-form input[type="color"].nude,
.hbspt-form select.nude,
.hs-form select.nude {
border: none;
}
.inverted-ui .hbspt-form textarea,
.inverted-ui .hs-form textarea,
.inverted-ui .hbspt-form input[type="text"],
.inverted-ui .hs-form input[type="text"],
.inverted-ui .hbspt-form input[type="password"],
.inverted-ui .hs-form input[type="password"],
.inverted-ui .hbspt-form input[type="datetime"],
.inverted-ui .hs-form input[type="datetime"],
.inverted-ui .hbspt-form input[type="datetime-local"],
.inverted-ui .hs-form input[type="datetime-local"],
.inverted-ui .hbspt-form input[type="date"],
.inverted-ui .hs-form input[type="date"],
.inverted-ui .hbspt-form input[type="month"],
.inverted-ui .hs-form input[type="month"],
.inverted-ui .hbspt-form input[type="time"],
.inverted-ui .hs-form input[type="time"],
.inverted-ui .hbspt-form input[type="week"],
.inverted-ui .hs-form input[type="week"],
.inverted-ui .hbspt-form input[type="number"],
.inverted-ui .hs-form input[type="number"],
.inverted-ui .hbspt-form input[type="email"],
.inverted-ui .hs-form input[type="email"],
.inverted-ui .hbspt-form input[type="url"],
.inverted-ui .hs-form input[type="url"],
.inverted-ui .hbspt-form input[type="search"],
.inverted-ui .hs-form input[type="search"],
.inverted-ui .hbspt-form input[type="tel"],
.inverted-ui .hs-form input[type="tel"],
.inverted-ui .hbspt-form input[type="file"],
.inverted-ui .hs-form input[type="file"],
.inverted-ui .hbspt-form input[type="color"],
.inverted-ui .hs-form input[type="color"],
.inverted-ui .hbspt-form select,
.inverted-ui .hs-form select {
color: #fcfcfc;
background-color: inherit;
}
.inverted-ui .hbspt-form textarea::-webkit-input-placeholder,
.inverted-ui .hs-form textarea::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="text"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="text"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="password"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="password"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="datetime"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="datetime"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="datetime-local"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="datetime-local"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="date"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="date"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="month"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="month"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="time"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="time"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="week"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="week"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="number"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="number"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="email"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="email"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="url"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="url"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="search"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="search"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="tel"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="tel"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="file"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="file"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form input[type="color"]::-webkit-input-placeholder,
.inverted-ui .hs-form input[type="color"]::-webkit-input-placeholder,
.inverted-ui .hbspt-form select::-webkit-input-placeholder,
.inverted-ui .hs-form select::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #efefef;
}
.inverted-ui .hbspt-form textarea::-moz-placeholder,
.inverted-ui .hs-form textarea::-moz-placeholder,
.inverted-ui .hbspt-form input[type="text"]::-moz-placeholder,
.inverted-ui .hs-form input[type="text"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="password"]::-moz-placeholder,
.inverted-ui .hs-form input[type="password"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="datetime"]::-moz-placeholder,
.inverted-ui .hs-form input[type="datetime"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="datetime-local"]::-moz-placeholder,
.inverted-ui .hs-form input[type="datetime-local"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="date"]::-moz-placeholder,
.inverted-ui .hs-form input[type="date"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="month"]::-moz-placeholder,
.inverted-ui .hs-form input[type="month"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="time"]::-moz-placeholder,
.inverted-ui .hs-form input[type="time"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="week"]::-moz-placeholder,
.inverted-ui .hs-form input[type="week"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="number"]::-moz-placeholder,
.inverted-ui .hs-form input[type="number"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="email"]::-moz-placeholder,
.inverted-ui .hs-form input[type="email"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="url"]::-moz-placeholder,
.inverted-ui .hs-form input[type="url"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="search"]::-moz-placeholder,
.inverted-ui .hs-form input[type="search"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="tel"]::-moz-placeholder,
.inverted-ui .hs-form input[type="tel"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="file"]::-moz-placeholder,
.inverted-ui .hs-form input[type="file"]::-moz-placeholder,
.inverted-ui .hbspt-form input[type="color"]::-moz-placeholder,
.inverted-ui .hs-form input[type="color"]::-moz-placeholder,
.inverted-ui .hbspt-form select::-moz-placeholder,
.inverted-ui .hs-form select::-moz-placeholder {
/* Firefox 19+ */
color: #efefef;
}
.inverted-ui .hbspt-form textarea:-ms-input-placeholder,
.inverted-ui .hs-form textarea:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="text"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="text"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="password"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="password"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="datetime"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="datetime"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="datetime-local"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="datetime-local"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="date"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="date"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="month"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="month"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="time"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="time"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="week"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="week"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="number"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="number"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="email"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="email"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="url"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="url"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="search"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="search"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="tel"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="tel"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="file"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="file"]:-ms-input-placeholder,
.inverted-ui .hbspt-form input[type="color"]:-ms-input-placeholder,
.inverted-ui .hs-form input[type="color"]:-ms-input-placeholder,
.inverted-ui .hbspt-form select:-ms-input-placeholder,
.inverted-ui .hs-form select:-ms-input-placeholder {
/* IE 10+ */
color: #efefef;
}
.inverted-ui .hbspt-form textarea:-moz-placeholder,
.inverted-ui .hs-form textarea:-moz-placeholder,
.inverted-ui .hbspt-form input[type="text"]:-moz-placeholder,
.inverted-ui .hs-form input[type="text"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="password"]:-moz-placeholder,
.inverted-ui .hs-form input[type="password"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="datetime"]:-moz-placeholder,
.inverted-ui .hs-form input[type="datetime"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="datetime-local"]:-moz-placeholder,
.inverted-ui .hs-form input[type="datetime-local"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="date"]:-moz-placeholder,
.inverted-ui .hs-form input[type="date"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="month"]:-moz-placeholder,
.inverted-ui .hs-form input[type="month"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="time"]:-moz-placeholder,
.inverted-ui .hs-form input[type="time"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="week"]:-moz-placeholder,
.inverted-ui .hs-form input[type="week"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="number"]:-moz-placeholder,
.inverted-ui .hs-form input[type="number"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="email"]:-moz-placeholder,
.inverted-ui .hs-form input[type="email"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="url"]:-moz-placeholder,
.inverted-ui .hs-form input[type="url"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="search"]:-moz-placeholder,
.inverted-ui .hs-form input[type="search"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="tel"]:-moz-placeholder,
.inverted-ui .hs-form input[type="tel"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="file"]:-moz-placeholder,
.inverted-ui .hs-form input[type="file"]:-moz-placeholder,
.inverted-ui .hbspt-form input[type="color"]:-moz-placeholder,
.inverted-ui .hs-form input[type="color"]:-moz-placeholder,
.inverted-ui .hbspt-form select:-moz-placeholder,
.inverted-ui .hs-form select:-moz-placeholder {
/* Firefox 18- */
color: #efefef;
}
.hbspt-form select,
.hs-form select {
padding-top: 4px;
padding-bottom: 4px;
box-shadow: none;
}
.hbspt-form input[type="file"],
.hs-form input[type="file"] {
line-height: 1;
font-size: 16px;
}
/*

HubSpot Floated Labels v1.2.0 [Hoya Edition]
------------------------------------------------
Creates the floated label behaviour on HubSpot
forms, where the label appears as a placeholder
at first, but becomes the input label when the 
input field is focused.

HOW TO USE:
------------------------------------------------
1.  Implement the jquery.hsFloatedLabels plugin
2.  Enjoy.
  
*/
.hs-floated-label-input {
position: relative;
display: inline-block;
width: 100%;
/*----------------------------------------------------------*\
    Transitions are set only after the item has been
    initiated, ie when .hs-floated-label-input--initiated
    has been set. This is to prevent initial transitions
\*----------------------------------------------------------*/
/*------------------------------------------------*\
    Float on Value
    --------------
    Label floats first when user has entered
    a value in the text field
\*------------------------------------------------*/
/*------------------------------------------------*\
    Inverted UI
\*------------------------------------------------*/
}
.hs-floated-label-input--initiated input,
.hs-floated-label-input--initiated textarea,
.hs-floated-label-input--initiated select {
transition: all 0.2s, background-color 0.4s;
}
.hs-floated-label-input--initiated legend {
transition: all 0.2s, background-color 0.4s;
}
.hs-floated-label-input--initiated > label {
transition: all 0.2s, background-color 0.4s;
}
.hs-floated-label-input input,
.hs-floated-label-input textarea,
.hs-floated-label-input select {
outline: 0;
padding: 8px 0;
background: none;
border: none;
border-bottom: 1px solid #b2b2b2;
cursor: pointer;
}
.hs-floated-label-input input:focus,
.hs-floated-label-input textarea:focus,
.hs-floated-label-input select:focus {
border-color: #d28c00;
}
.hs-floated-label-input input::-webkit-input-placeholder,
.hs-floated-label-input textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #b2b2b2;
}
.hs-floated-label-input input::-moz-placeholder,
.hs-floated-label-input textarea::-moz-placeholder {
/* Firefox 19+ */
color: #b2b2b2;
}
.hs-floated-label-input input:-ms-input-placeholder,
.hs-floated-label-input textarea:-ms-input-placeholder {
/* IE 10+ */
color: #b2b2b2;
}
.hs-floated-label-input input:-moz-placeholder,
.hs-floated-label-input textarea:-moz-placeholder {
/* Firefox 18- */
color: #b2b2b2;
}
.hs-floated-label-input legend {
margin-top: 8px !important;
margin-bottom: 0 !important;
opacity: 0;
}
.hs-floated-label-input > label,
.hs-floated-label-input--float-on-value .hs-floated-label-placeholder {
display: inline-block;
padding: 0;
padding-left: inherit;
margin: 0;
position: absolute;
left: 0;
top: 3px;
color: #0D0D0D;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.14583333em;
text-transform: uppercase;
background: rgba(255, 255, 255, 0);
pointer-events: none;
-ms-transform-origin: 0 0;
    transform-origin: 0 0;
-ms-transform: translateY(8px);
    transform: translateY(8px);
}
.hs-floated-label-input.focused > label,
.hs-floated-label-input.pinned > label {
color: #919191;
-ms-transform: translateY(-12px) scale(0.75);
    transform: translateY(-12px) scale(0.75);
letter-spacing: 0.125em;
z-index: 1;
}
.hs-floated-label-input.focused legend,
.hs-floated-label-input.pinned legend {
opacity: 1;
}
.hs-floated-label-input.focused > label {
color: #919191;
}
.hs-floated-label-input--float-on-value .hs-floated-label-placeholder {
position: absolute;
top: 0;
left: 0;
transition-delay: 0.2s;
}
.hs-floated-label-input--float-on-value > label,
.hs-floated-label-input--float-on-value.focused > label {
opacity: 0;
-ms-transform: translateY(-3px) scale(0.75);
    transform: translateY(-3px) scale(0.75);
}
.hs-floated-label-input--float-on-value.has-value .hs-floated-label-placeholder,
.hs-floated-label-input--float-on-value.pinned .hs-floated-label-placeholder {
opacity: 0;
transition-delay: 0s;
}
.hs-floated-label-input--float-on-value.has-value > label,
.hs-floated-label-input--float-on-value.pinned > label {
-ms-transform: translateY(-12px) scale(0.75);
    transform: translateY(-12px) scale(0.75);
opacity: 1;
}
.hs-floated-label-input--float-on-value.has-value legend,
.hs-floated-label-input--float-on-value.pinned legend {
opacity: 1;
}
.inverted-ui .hs-floated-label-input input::-webkit-input-placeholder,
.inverted-ui .hs-floated-label-input textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: rgba(255, 255, 255, 0.5);
}
.inverted-ui .hs-floated-label-input input::-moz-placeholder,
.inverted-ui .hs-floated-label-input textarea::-moz-placeholder {
/* Firefox 19+ */
color: rgba(255, 255, 255, 0.5);
}
.inverted-ui .hs-floated-label-input input:-ms-input-placeholder,
.inverted-ui .hs-floated-label-input textarea:-ms-input-placeholder {
/* IE 10+ */
color: rgba(255, 255, 255, 0.5);
}
.inverted-ui .hs-floated-label-input input:-moz-placeholder,
.inverted-ui .hs-floated-label-input textarea:-moz-placeholder {
/* Firefox 18- */
color: rgba(255, 255, 255, 0.5);
}
.inverted-ui .hs-floated-label-input input,
.inverted-ui .hs-floated-label-input textarea,
.inverted-ui .hs-floated-label-input select {
color: #fcfcfc;
border-bottom: 1px solid #fcfcfc;
}
.inverted-ui .hs-floated-label-input input:focus,
.inverted-ui .hs-floated-label-input textarea:focus,
.inverted-ui .hs-floated-label-input select:focus {
border-color: #d28c00;
box-shadow: 0 1px 0 0 #d28c00;
}
.inverted-ui .hs-floated-label-input legend {
color: #fcfcfc;
}
.inverted-ui .hs-floated-label-input.focused > label {
color: #efefef;
}
/*

Component: Simple Custom Checkboxes v1.0.0
------------------------------------------------
This creates a custom styling for the <select>
dropdown. The following javascript needs to be
called on form init:

form.find('select').each(function(){
    if (!$(this).parent().hasClass('Select')) {
        $(this).wrap('<span class="Select"/>');
    }
});


HOW TO USE:
------------------------------------------------
1.  Update variables
2.  Include the component in the
    [project]-style stylesheet.
3.  Make sure javascript is applied.
4.  Enjoy.

*/
.hs_ui_dropdown > label {
margin-bottom: 0.55555556em;
}
.Select {
display: inline-block;
width: 100%;
padding: 0;
padding-right: 0;
position: relative;
background: none;
box-shadow: inset 0 0 0 #fcfcfc;
border-bottom: 1px solid #b2b2b2;
/*------------------------------------------------*\
    Inverted UI
\*------------------------------------------------*/
}
.Select:after {
content: "";
position: absolute;
width: 14px;
top: 1px;
bottom: 1px;
right: 1px;
background: none;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDE2IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iVUlFbGVtZW50cy9Gb3JtcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5OC4wMDAwMDAsIC03OTQuMDAwMDAwKSI+ICAgICAgICA8cGF0aCBkPSJNNTAyLjI5MDkzNyw3OTAuNzA5MDYzIEw1MDguMDU2MzA4LDc5Ni4wNzUxODMgQzUwOC42ODYyOTksNzk2LjY2MTU0OCA1MDkuMzE2MjksNzk3LjI0NzkxMiA1MDkuOTQ2MjgxLDc5Ny44MzQyNzYgTDUwMi4zODk1MzEsODA0Ljk0NjI4MSIgaWQ9IlBhdGgtNjgtQ29weS0yIiBzdHJva2U9IiMyODI4MjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwNi4xMTg2MDksIDc5Ny44Mjc2NzIpIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTA2LjExODYwOSwgLTc5Ny44Mjc2NzIpICI+PC9wYXRoPiAgICA8L2c+PC9zdmc+);
background-repeat: no-repeat;
background-size: 14px auto;
background-position: center right;
pointer-events: none;
}
.Select select {
border-bottom: none;
}
.inverted-ui .Select {
background: none;
color: #0D0D0D;
}
.inverted-ui .Select option {
color: black;
}
.inverted-ui .Select .no-value {
color: #0D0D0D;
}
.inverted-ui .Select:after {
background-color: inherit;
}
/*------------------------------------------------*\
  <select> default styling
\*------------------------------------------------*/
.Select-input,
select {
width: 100%;
margin: 0;
background: none;
border: none;
outline: none;
color: inherit;
cursor: pointer;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
padding: 0.3125rem 0 0.55555556rem;
padding-right: 1.25em;
}
.Select-input:focus,
select:focus {
outline: none;
}
.Select-input:disabled,
select:disabled {
opacity: 0.75;
cursor: not-allowed;
}
.Select-input:disabled:hover,
select:disabled:hover {
box-shadow: none;
}
select {
border-bottom: 1px solid #b2b2b2;
}
.inverted-ui select {
border-color: rgba(178, 178, 178, 0.75);
}

.block {
padding-top: 3.33333333rem;
padding-bottom: 3.33333333rem;
}
@media (min-width: 768px) {
.block {
  padding-top: 6.66666667rem;
  padding-bottom: 6.66666667rem;
}
}
.block p:not(:last-child) {
margin-bottom: 1.66666667rem !important;
}
.block .content-title,
.block h1,
.block h2,
.block h3 {
color: #0D0D0D;
/*@media(max-width:@screen-sm) {
          padding-bottom: 0;
          margin-top: 0;
      }*/
}
.block .content-text,
.block .preamble {
color: #4c4c4c;
/*@media(max-width:@screen-sm) {
          padding-top: 0 !important;
          margin-top: 0 !important;
      }*/
}
.block .wrapper-body {
/*@media(max-width:@screen-sm) {
          margin-top: 24px;
      }*/
}
.block .preamble {
/*@media(max-width:@screen-sm) {
          padding-top: 0;
          margin-top: 0;
      }*/
}
.block .preamble.content-text {
/*@media(max-width:@screen-sm) {
          padding-top: 0;
          margin-top: 0;
      }*/
}
.block .block-image,
.block img {
/*@media(max-width:@screen-sm) {
          margin-bottom: 0;
          padding-bottom: 0;
      }*/
}
.block .extra-element {
display: none;
}
.block h1,
.block h2,
.block h3,
.block h4 {
margin-top: 0;
margin-bottom: 0;
color: #0D0D0D;
text-transform: uppercase;
}
.block .wrapper-body > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
@media (min-width: 768px) {
.block .wrapper-body > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
}
.block .learn-more-link {
margin-top: 2.5rem;
}
.block .hubspotscript {
height: 40px;
position: absolute;
bottom: 0;
/*margin-bottom: -2rem;*/
}
.block .hubspotscript .hs-cta-wrapper {
display: block;
/*margin-top: 2.5rem;*/
}
.block .hubspotscript .hs-cta-wrapper .cta_button.cThemeECP {
font-size: 16px !important;
/*margin-top: 35px;*/
}
.block.background-white,
.block .background-white {
background-color: #fcfcfc;
color: #4c4c4c;
}
.block.background-white .content-title,
.block .background-white .content-title,
.block.background-white .block-title,
.block .background-white .block-title,
.block.background-white h1,
.block .background-white h1,
.block.background-white h2,
.block .background-white h2,
.block.background-white h3,
.block .background-white h3 {
color: #0D0D0D;
word-break: break-word;
}
.block.background-white .content-text,
.block .background-white .content-text,
.block.background-white .preamble,
.block .background-white .preamble {
color: #4c4c4c;
}
.block.background-white:before,
.block .background-white:before,
.block.background-white:after,
.block .background-white:after {
background-color: #fcfcfc;
}
.block.background-lightgrey,
.block .background-lightgrey {
background-color: #efefef;
color: #4c4c4c;
}
.block.background-lightgrey .content-title,
.block .background-lightgrey .content-title,
.block.background-lightgrey .block-title,
.block .background-lightgrey .block-title,
.block.background-lightgrey h1,
.block .background-lightgrey h1,
.block.background-lightgrey h2,
.block .background-lightgrey h2,
.block.background-lightgrey h3,
.block .background-lightgrey h3 {
color: #0D0D0D;
}
.block.background-lightgrey .content-text,
.block .background-lightgrey .content-text,
.block.background-lightgrey .preamble,
.block .background-lightgrey .preamble {
color: #4c4c4c;
}
.block.background-lightgrey:before,
.block .background-lightgrey:before,
.block.background-lightgrey:after,
.block .background-lightgrey:after {
background-color: #efefef;
}
.block.background-darkgrey,
.block .background-darkgrey {
background-color: #1f1f1f;
color: #efefef;
}
.block.background-darkgrey .content-title,
.block .background-darkgrey .content-title,
.block.background-darkgrey .block-title,
.block .background-darkgrey .block-title,
.block.background-darkgrey h1,
.block .background-darkgrey h1,
.block.background-darkgrey h2,
.block .background-darkgrey h2,
.block.background-darkgrey h3,
.block .background-darkgrey h3 {
color: #fcfcfc;
}
.block.background-darkgrey .content-text,
.block .background-darkgrey .content-text,
.block.background-darkgrey .preamble,
.block .background-darkgrey .preamble {
color: #efefef;
}
.block.background-darkgrey:before,
.block .background-darkgrey:before,
.block.background-darkgrey:after,
.block .background-darkgrey:after {
background-color: #1f1f1f;
}
.block.background-black,
.block .background-black {
background-color: #0D0D0D;
color: #efefef;
}
.block.background-black .content-title,
.block .background-black .content-title,
.block.background-black .block-title,
.block .background-black .block-title,
.block.background-black h1,
.block .background-black h1,
.block.background-black h2,
.block .background-black h2,
.block.background-black h3,
.block .background-black h3 {
color: #fcfcfc;
}
.block.background-black .content-text,
.block .background-black .content-text,
.block.background-black .preamble,
.block .background-black .preamble {
color: #efefef;
}
.block.background-black:before,
.block .background-black:before,
.block.background-black:after,
.block .background-black:after {
background-color: #0D0D0D;
}
.block.background-gold,
.block .background-gold {
background-color: #D28C00;
}
.block.background-gold .content-title,
.block .background-gold .content-title,
.block.background-gold .block-title,
.block .background-gold .block-title,
.block.background-gold h1,
.block .background-gold h1,
.block.background-gold h2,
.block .background-gold h2,
.block.background-gold h3,
.block .background-gold h3 {
color: #0D0D0D;
}
.block.background-gold .content-text,
.block .background-gold .content-text,
.block.background-gold .preamble,
.block .background-gold .preamble {
color: #1f1f1f;
}
.block.background-gold .content-text span,
.block .background-gold .content-text span,
.block.background-gold .preamble span,
.block .background-gold .preamble span {
color: #1f1f1f;
}
.block.background-gold:before,
.block .background-gold:before,
.block.background-gold:after,
.block .background-gold:after {
background-color: #D28C00;
}
.block {
padding-top: 3.33333333rem;
padding-bottom: 3.33333333rem;
}
@media (min-width: 768px) {
.block {
  padding-top: 6.66666667rem;
  margin-top: 0;
}
}
@media (min-width: 768px) {
.block {
  padding-bottom: 6.66666667rem;
}
}
.background-none + .block.background-none,
.background-darkgrey + .block.background-darkgrey,
.background-white + .block.background-white,
.background-lightgrey + .block.background-lightgrey,
.background-black + .block.background-black,
.background-gold + .block.background-gold {
padding-top: 1.66666667rem;
margin-top: -2.77777778rem;
}
@media (min-width: 992px) {
.background-none + .block.background-none,
.background-darkgrey + .block.background-darkgrey,
.background-white + .block.background-white,
.background-lightgrey + .block.background-lightgrey,
.background-black + .block.background-black,
.background-gold + .block.background-gold {
  padding-top: 1.66666667rem;
  margin-top: -5rem;
}
}
@media (min-width: 768px) {
.one-column-block-half {
  padding-top: 0;
  padding-bottom: 0;
}
}
.one-column-block-half .content-block {
/*padding-top: @spacing-small;*/
padding-bottom: 3.33333333rem;
}
@media (min-width: 768px) {
.one-column-block-half .content-block {
  padding-bottom: 6.66666667rem;
  padding-top: 6.66666667rem;
}
}
@media (min-width: 768px) {
.text-image-block {
  padding-top: 3.33333333rem;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.text-image-block {
  padding-top: 6.66666667rem;
  margin-top: 0;
}
}
@media (min-width: 768px) {
.text-image-block.background-lightgrey + .text-image-block.block.background-lightgrey,
.text-image-block.background-white + .text-image-block.block.background-white,
.text-image-block.background-darkgrey + .text-image-block.block.background-darkgrey,
.text-image-block.background-black + .text-image-block.block.background-black {
  padding-top: 0;
  margin-top: 0;
}
}
.text-image-block.fluid-image {
padding-bottom: 0;
}
.text-image-block.fluid-image .text-container {
padding-top: 3.33333333rem;
padding-bottom: 3.33333333rem;
}
@media (min-width: 768px) {
.text-image-block.fluid-image .text-container {
  padding-top: 6.66666667rem;
  padding-bottom: 6.66666667rem;
}
}
@media (min-width: 768px) {
.text-image-block.fluid-image + .text-image-block.block:not(.fluid-image) {
  padding-top: 3.33333333rem;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.text-image-block.fluid-image + .text-image-block.block:not(.fluid-image) {
  padding-top: 6.66666667rem;
  margin-top: 0;
}
}
@media (min-width: 768px) {
.block:not(.text-image-block) + .text-image-block.fluid-image.block.fluid-image {
  padding-top: 0;
  margin-top: 0;
}
}
@media (max-width: 767px) {
.main-wrapper .block.one-column-block.have-image {
  padding-top: 0;
}
}
.one-column-block-half {
background-position: initial;
background-size: cover;
}
@media (min-width: 992px) {
.one-column-block-half .content-block {
  background-color: transparent;
}
}
.one-column-block-half .quotationmark:before {
content: "" !important;
position: absolute;
background-image: url(/Static/SeikoVision/img/QuoteMarks.svg);
background-repeat: no-repeat;
background-size: 100% auto;
width: 1.25rem;
height: 1.25rem;
left: -19px;
top: -10px;
}
@media (max-width: 991px) {
.one-column-block-half .quotationmark:before {
  top: -10px !important;
}
}
.one-column-block-half .quotationmark:after {
content: "";
position: absolute;
background-image: url(/Static/SeikoVision/img/QuoteMarks.svg);
background-repeat: no-repeat;
background-size: 100% auto;
width: 1.25rem;
height: 1.25rem;
margin-top: 35px;
}
@media (max-width: 767px) {
.one-column-block-half {
  background-image: none !important;
  padding-bottom: 0;
  background-size: 0;
  min-height: 0;
}
}
@media (min-width: 992px) {
.one-column-block-half {
  background-position: center;
}
}
@media (max-width: 767px) {
.one-column-block-half .diagnoal-space {
  padding-right: 0;
  margin-right: 0;
}
.one-column-block-half .diagnoal-space .text-container {
  padding-right: 20px;
}
}
.one-column-block-half .text-container {
padding-right: 0;
}
@media (min-width: 768px) {
.one-column-block-half .text-container {
  padding-right: 1.66666667rem;
}
}
@media (min-width: 992px) {
.one-column-block-half .text-container {
  padding-right: 0;
}
}
.one-column-block-half img {
width: 100%;
}
.one-column-block-half .extra-element {
display: none;
}
.one-column-block-half .content-block {
position: relative;
display: block;
z-index: 2;
}
@media (max-width: 767px) {
.one-column-block-half .content-block {
  padding-bottom: 3.33333333rem;
}
}
@media (min-width: 768px) {
.one-column-block-half.has-image .content-block {
  min-height: 26.66666667rem;
}
}
@media (min-width: 992px) {
.one-column-block-half .content-block:after {
  content: " ";
  position: absolute;
  display: block;
  height: 100%;
  right: -170px;
  top: 0;
  z-index: -1;
  -ms-transform: skew(-25deg, 0deg);
      transform: skew(-25deg, 0deg);
  width: 460%;
  margin-left: 0;
}
}
@media (max-width: 767px) {
.one-column-block-half .content-block:after {
  content: " ";
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
}
.one-column-block-half .content-block:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100vh;
height: 100%;
background-color: inherit;
-ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
@media (min-width: 768px) {
.one-column-block-half.diagonal-right .content-block {
  float: right;
  text-align: right;
}
.one-column-block-half.diagonal-right .content-block ul {
  text-align: left;
}
.one-column-block-half.diagonal-right .content-block:before {
  right: 0;
  left: initial;
  -ms-transform: translateX(100%);
      transform: translateX(100%);
}
.one-column-block-half.diagonal-right .content-block:after {
  left: -170px;
  right: initial;
  -ms-transform: skew(25deg, 0deg);
      transform: skew(25deg, 0deg);
}
.one-column-block-half.diagonal-right .quotationmark:before {
  left: initial;
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
}
}
.one-column-block {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
@media (max-width: 767px) {
.one-column-block .textspace {
  margin-top: 1.66666667rem;
}
}
.one-column-block .quotationmark:before {
content: "" !important;
position: absolute;
background-image: url(/Static/SeikoVision/img/QuoteMarks.svg);
background-repeat: no-repeat;
background-size: 100% auto;
width: 1.25rem;
height: 1.25rem;
left: -1.05555556rem;
top: -7px;
}
@media (max-width: 767px) {
.one-column-block .quotationmark:before {
  top: 0.72222222rem;
}
}
.one-column-block .quotationmark:after {
content: "";
position: absolute;
background-image: url(/Static/SeikoVision/img/QuoteMarks.svg);
background-repeat: no-repeat;
background-size: 100% auto;
width: 1.25rem;
height: 1.25rem;
margin-top: 35px;
}
@media (max-width: 991px) {
.one-column-block .quotationmark:after {
  margin-top: 23px;
}
}
@media (min-width: 992px) {
.one-column-block.have-image,
.one-column-block.has-image {
  min-height: 26.66666667rem;
}
}
.one-column-block img {
width: 100%;
}
@media (max-width: 767px) {
.one-column-block {
  background-image: none !important;
}
}
.one-column-block h1:before,
.one-column-block h2:before,
.one-column-block h3:before {
content: none !important;
}
.one-column-block .text-container {
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.one-column-block .text-container {
  padding-left: 0;
  padding-right: 0;
}
}
.one-column-block .text-container .content-text {
margin-top: 1.66666667rem;
}
.one-column-block .text-container p {
padding-bottom: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.one-column-block .text-container {
  margin-top: 0;
}
.one-column-block .text-container .content-title {
  padding-top: 0;
  margin-top: 0;
  word-break: keep-all;
}
.one-column-block .text-container .wrapper-body {
  margin-top: 1.66666667rem;
}
}
.one-column-block .text-container .more-link {
margin-top: 2.5rem;
display: inline-block;
}
@media (min-width: 768px) {
.one-column-block.text-align-center {
  text-align: center;
}
.one-column-block.text-align-center .text-container {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.one-column-block.text-align-center .more-link {
  text-align: center;
}
.one-column-block.text-align-right .text-container {
  float: right;
}
}
.one-column-block:not(.have-image) .quotationmark:before {
left: inherit;
margin-left: -22px;
top: -10px !important;
}
@media (max-width: 767px) {
.multi-column-block .equal-height .column-block,
.icon-grid-block .equal-height .column-block {
  padding-left: 0;
  padding-right: 0;
}
}
.multi-column-block .equal-height,
.icon-grid-block .equal-height {
margin-left: 0px;
margin-right: 0px;
}
@media (min-width: 992px) {
.multi-column-block .equal-height,
.icon-grid-block .equal-height {
  margin-left: -15px;
  margin-right: -15px;
}
}
@media (min-width: 1200px) {
.multi-column-block .equal-height,
.icon-grid-block .equal-height {
  margin-left: 0px;
  margin-right: 0px;
}
}
@media (min-width: 768px) {
.multi-column-block .equal-height,
.icon-grid-block .equal-height {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.multi-column-block .equal-height > [class*='col-'],
.icon-grid-block .equal-height > [class*='col-'] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.multi-column-block row.equal-height:after,
.icon-grid-block row.equal-height:after,
.multi-column-block row.equal-height:before,
.icon-grid-block row.equal-height:before {
  display: -ms-flexbox;
  display: flex;
}
.multi-column-block .equal-height .text-container,
.icon-grid-block .equal-height .text-container,
.multi-column-block .equal-height .content-block,
.icon-grid-block .equal-height .content-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-direction: column;
  flex-direction: column;
}
.multi-column-block .content-text,
.icon-grid-block .content-text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-size: 18px;
  line-height: 26px;
}
}
@media (min-width: 768px) {
.multi-column-block .center,
.icon-grid-block .center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
}
.multi-column-block .column-block,
.icon-grid-block .column-block {
margin-top: 30px;
padding-right: 30px;
}
@media (min-width: 768px) {
.multi-column-block .column-block,
.icon-grid-block .column-block {
  margin-top: 0;
}
}
.multi-column-block .content-block,
.icon-grid-block .content-block {
position: relative;
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.multi-column-block .content-block .image-container,
.icon-grid-block .content-block .image-container {
width: 100%;
margin: 0 auto;
margin-bottom: 1.66666667rem;
}
.multi-column-block .content-block .image-container .block-image,
.icon-grid-block .content-block .image-container .block-image {
max-width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-bottom: 78.605%;
width: 100%;
}
.multi-column-block .content-block .image-container .block-image img,
.icon-grid-block .content-block .image-container .block-image img {
display: none;
}
.multi-column-block .content-block .text-container,
.icon-grid-block .content-block .text-container {
margin: 0;
}
.multi-column-block .content-block .text-container .content-title,
.icon-grid-block .content-block .text-container .content-title {
word-wrap: break-word;
}
.multi-column-block .content-block .text-container .content-text,
.icon-grid-block .content-block .text-container .content-text {
padding-top: 1.11111111rem;
margin: 0;
}
.multi-column-block .content-block .learn-more-link,
.icon-grid-block .content-block .learn-more-link {
margin-top: 30px;
}
.multi-column-block .content-block .learn-more-link:after,
.icon-grid-block .content-block .learn-more-link:after {
right: inherit;
}
@media (min-width: 768px) {
.multi-column-block .equal-height {
  /*margin-right: -30px;*/
  margin-left: 0;
}
}
.multi-column-block .hoverable-image {
overflow: hidden;
}
.multi-column-block .hoverable-image:hover .block-image {
-ms-transform: scale(1.1);
    transform: scale(1.1);
}
.multi-column-block .hoverable-image .block-image {
transition: all .5s ease;
}
.multi-column-block .content-block {
height: inherit;
}
/*
  Text + Image Block
*/
.text-image-block .content-title {
margin-top: 0;
/*padding-bottom: rem(30);*/
}
.text-image-block .quotationmark:before {
content: "" !important;
position: absolute;
background-image: url(/Static/SeikoVision/img/QuoteMarks.svg);
background-repeat: no-repeat;
background-size: 100% auto;
width: 1.25rem;
height: 1.25rem;
margin-left: -22px;
margin-top: -7px;
}
.text-image-block .quotationmark:after {
content: "";
position: absolute;
background-image: url(/Static/SeikoVision/img/QuoteMarks.svg);
background-repeat: no-repeat;
background-size: 100% auto;
width: 1.25rem;
height: 1.25rem;
margin-top: 1.11111111rem;
}
@media (min-width: 768px) {
.text-image-block .quotationmark:after {
  margin-top: 1.77777778rem;
}
}
@media (max-width: 767px) {
.text-image-block .textspace {
  padding-left: 1.11111111rem !important;
}
}
.text-image-block .content-text {
margin-top: 0;
}
@media (min-width: 768px) {
.text-image-block .content-text {
  margin-top: 1.66666667rem;
}
}
.text-image-block .content-text-right {
width: 100%;
padding-right: 0;
}
@media (min-width: 768px) {
.text-image-block .content-text-right {
  padding-left: 2.22222222rem;
}
}
@media (min-width: 992px) {
.text-image-block .content-text-right {
  padding-left: 3.88888889rem;
}
}
.text-image-block .content-text-left {
width: 100% !important;
padding-right: 0;
}
@media (min-width: 768px) {
.text-image-block > .container {
  display: table;
}
}
@media (min-width: 768px) {
.text-image-block .row {
  /*height: @text-image-block-min-height;*/
  display: table-row;
}
}
.text-image-block .content-block {
/*padding: 0;*/
float: none;
}
@media (max-width: 991px) {
.text-image-block .wrapper {
  padding-left: 0;
  padding-right: 0;
}
}
@media (min-width: 768px) {
.text-image-block .wrapper {
  /*min-height: @text-image-block-min-height;*/
  float: none;
  vertical-align: top;
  display: table-cell;
  margin-bottom: 0;
  width: 50%;
  padding-left: 0;
  padding-right: 0;
}
}
.text-image-block .wrapper .text-container {
padding: 1.11111111rem;
margin-top: 0;
}
@media (min-width: 768px) {
.text-image-block .wrapper .text-container {
  /*padding: @spacing-large;*/
  padding-right: 3.88888889rem;
  padding-bottom: 120px;
}
}
.text-image-block .image-column {
float: none;
width: 100%;
padding-bottom: 62.162%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 768px) {
.text-image-block .image-column {
  margin-bottom: 1.11111111rem !important;
}
}
@media (max-width: 991px) {
.text-image-block .image-column {
  margin: 0;
}
}
@media (min-width: 768px) {
.text-image-block .image-column {
  padding: 0;
  margin-bottom: 0;
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
}
.text-image-block .image-column img {
display: none;
}
.text-image-block.fluid-image {
padding-top: 0;
padding-bottom: 0;
}
.text-image-block.fluid-image .row {
background-color: transparent;
}
.text-image-block.fluid-image .more-link {
margin-top: 1.66666667rem;
display: inline-block;
}
@media (max-width: 991px) {
.text-image-block.fluid-image > .container {
  width: 100%;
}
}
.text-image-block.fluid-image > .container {
width: 100%;
padding: 0;
margin: 0;
max-width: 100%;
}
.text-image-block.fluid-image .row {
width: 100%;
margin: 0;
}
.text-image-block.fluid-image .text-container {
display: table-cell;
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.text-image-block.fluid-image .text-container {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) {
.text-image-block.fluid-image .text-container {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media (min-width: 480px) {
.text-image-block.fluid-image .text-container {
  padding-left: 30px;
}
}
@media (min-width: 768px) {
.text-image-block.fluid-image .text-container {
  padding-left: 50px;
}
}
@media (min-width: 480px) {
.text-image-block.fluid-image .text-container {
  padding-right: 30px;
}
}
@media (min-width: 768px) {
.text-image-block.fluid-image .text-container {
  padding-right: 50px;
}
}
.text-image-block.fluid-image .content-text-left .text-container {
float: left;
}
@media (min-width: 768px) {
.text-image-block.fluid-image .content-text-left .text-container {
  float: right;
  max-width: 650px;
  padding-right: 3.88888889rem;
}
}
@media (min-width: 768px) {
.text-image-block.fluid-image .content-text-right .text-container {
  padding-left: 0;
  max-width: 600px;
  padding-right: 3.88888889rem;
}
}
.text-image-block.fluid-image .image-column {
background-position: right center;
background-size: cover;
}
@media (min-width: 570px * 2) {
.text-image-block.fluid-image.text-align-left .text-container {
  float: right;
}
}
.text-image-block.fluid-image.text-align-left .image-column {
float: none;
background-position: left center;
}
.none-fluid-image {
background-image: none !important;
padding-bottom: 0 !important;
}
.none-fluid-image img {
/*display: none;*/
display: block !important;
padding: 0;
margin-bottom: 0;
width: 100%;
}
.text-image-block:not(.fluid-image) .content-text-left .text-container {
padding-right: 0;
}
@media (min-width: 768px) {
.text-image-block:not(.fluid-image) .content-text-left .text-container {
  padding-right: 2.22222222rem;
}
}
@media (min-width: 992px) {
.text-image-block:not(.fluid-image) .content-text-left .text-container {
  padding-right: 3.88888889rem;
}
}
.icon-grid-block {
max-width: 100%;
position: relative;
overflow: hidden;
}
.icon-grid-block img {
margin-bottom: 1.66666667rem;
}
@media (min-width: 768px) {
.icon-grid-block .equal-height,
.icon-grid-block .equal-height > [class*='col-'] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
}
.icon-row-block {
margin-top: 0;
overflow: hidden;
}
.icon-row-block .row {
padding-bottom: 1.66666667rem;
}
@media (min-width: 768px) {
.icon-row-block .row {
  padding-bottom: 0;
}
}
.icon-row-block:first-child {
margin-top: 0;
}
.icon-row-block:first-child {
margin-top: 0;
}
@media (min-width: 768px) {
.icon-row-block.center-block {
  text-align: center;
  margin-left: 5.55555556rem;
}
.icon-row-block.center-block .col {
  display: inline-block;
  float: none;
}
}
@media (min-width: 768px) {
.icon-row-block {
  margin-top: 1.5rem;
}
}
@media (min-width: 992px) {
.icon-row-block {
  margin-top: 2.22222222rem;
}
}
.icon-row-block .col {
position: relative;
}
@media (min-width: 768px) {
.icon-row-block .col {
  text-align: center;
  margin-bottom: 0;
}
}
.icon-row-block .col .content-title {
padding-bottom: 0;
margin-bottom: 0;
/*@media (max-width: (@screen-lg - 1)) {
              .font-style(small);
          }*/
}
@media (min-width: 768px) {
.icon-row-block .col .content-title {
  padding: 1.66666667rem 0 0 0 !important;
  padding-left: 0;
}
}
@media (min-width: 992px) {
.icon-row-block .col .content-title {
  padding: 0 2.66666667rem;
}
}
.icon-row-block .col img {
height: auto;
width: 4.16666667rem;
float: left;
margin-right: 0.94444444rem;
margin-bottom: 0;
}
@media (min-width: 768px) {
.icon-row-block .col img {
  float: none;
  margin-right: 0;
  width: auto;
  height: 3.33333333rem;
}
}
.icon-row-block .col .image-background {
display: block;
width: 4.16666667rem;
height: 4.16666667rem;
background-size: 4.16666667rem;
float: left;
margin-right: 0.94444444rem;
}
@media (min-width: 768px) {
.icon-row-block .col .image-background {
  float: none;
  width: 5.55555556rem;
  height: 5.55555556rem;
  margin: auto;
  background-size: 5.55555556rem;
}
}
.icon-row-block .divider {
display: none;
position: relative;
}
@media (min-width: 768px) {
.icon-row-block .divider:after {
  position: absolute;
  left: 50%;
  transform: perspective(1px) translateX(-50%);
  bottom: 0;
  content: '';
  height: 100%;
  width: 0;
  border-left: 1px solid #4c4c4c;
  z-index: 100;
}
}
.icon-row-block .divider:first-child:after,
.icon-row-block .divider:last-child:after {
content: none !important;
}
.icon-row-block.have-background .col:after {
display: none;
}
.icon-row-block.have-background .divider {
display: block;
}
.icon-row-block .content-text {
margin-top: 0.61111111rem;
}
@media (max-width: 767px) {
.icon-row-block .content-text {
  padding-left: 5.11111111rem;
}
}
.two-column-text-block h2 {
margin-bottom: 0;
}
.two-column-text-block .preamble {
margin-bottom: 1.33333333rem;
}
.two-column-text-block .preamble:empty {
margin-bottom: 0;
}
.two-column-text-block .wrapper-body {
padding-top: 1.33333333rem;
}
@media (min-width: 768px) {
.two-column-text-block .wrapper-body {
  padding-top: 0;
}
}
.media-image-block {
/*.col {
      overflow: hidden;

      @media (max-width: @screen-md-min) {
          padding: 0;
      }
  }*/
}
.media-image-block .col {
overflow: hidden;
}
@media (max-width: 991px) {
.media-image-block .col {
  padding: 0;
}
}
.media-image-block .container img {
max-width: 100%;
display: block;
margin: auto;
}
@media (max-width: 767px) {
.media-image-block .row {
  margin-left: 0;
  margin-right: 0;
}
}
.media-image-block .start-video {
position: absolute;
top: 80px;
padding: 12px;
left: 174px;
/*opacity: .3;*/
cursor: pointer;
transition: all 0.3s;
}
.media-image-block .video-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.media-image-block .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.media-image-block .video-thumbnail-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 991px) {
.media-image-block .video-thumbnail-container {
  padding: 0;
}
}
.media-image-block .video-thumbnail-container .video-thumbnail {
display: none;
}
.media-image-block .video-thumbnail-container .play-btn {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
background-color: #fcfcfc;
border-radius: 50%;
}
.media-image-block .video-thumbnail-container .play-btn:after {
content: '';
display: block;
width: 5rem;
height: 5rem;
transition: all 0.3s;
top: 50%;
left: 50%;
background-image: url('/Static/SeikoVision/img/Icons/PlayButton.svg');
background-size: 5rem auto;
/*opacity: 0.6;*/
}
@media (max-width: 767px) {
.media-image-block .video-thumbnail-container .play-btn:after {
  width: 3.33333333rem;
  height: 3.33333333rem;
  background-size: 3.33333333rem;
}
}
.media-image-block .video-thumbnail-container:hover,
.media-image-block .video-thumbnail-container:active {
cursor: pointer;
}
.media-image-block .video-thumbnail-container:hover .play-btn:after,
.media-image-block .video-thumbnail-container:active .play-btn:after {
opacity: 0.7;
}
.video-block {
min-height: 11.11111111rem;
position: relative;
}
.video-block .cookie-consent {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
    align-items: center;
text-align: center;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity ease-in-out 0.25s;
}
.video-block .cookie-consent a {
padding: 0.83333333rem;
width: 100%;
text-align: center;
color: #fcfcfc;
}
.video-block .cookie-consent a:hover {
cursor: pointer;
opacity: 0.8;
}
.video-block.need-cookie-consent .cookie-consent {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.navbar .anchor-menu-wrapper {
display: block;
opacity: 0;
transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
}
.anchor-menu-show .navbar .anchor-menu-wrapper {
opacity: 1;
}
.anchor-menu-wrapper {
display: none;
height: 40px;
text-align: center;
color: #fcfcfc;
background: #000;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
text-transform: uppercase;
}
.anchor-menu-wrapper .red {
color: red;
}
.anchor-menu-wrapper,
.anchor-menu-wrapper .anchor-links li a {
font-size: 0.72222222rem;
line-height: 1.33333333rem;
text-transform: uppercase;
}
.anchor-menu-wrapper.language-selector-active {
padding-left: 2.77777778rem;
}
.anchor-menu-wrapper #anchor-scroll-arrow {
display: none;
background: url('/Static/img/Icons/caret-right-white.svg') no-repeat;
background-position: right center;
content: '';
position: absolute;
background-size: 1.27777778rem;
right: 0.11111111rem;
top: 0;
height: 2.11111111rem;
width: 1.66666667rem;
}
.anchor-menu-wrapper.scrollable #anchor-scroll-arrow {
display: block;
}
.anchor-menu-wrapper.scrollable .anchor-menu-inner {
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
overflow-y: hidden;
}
.anchor-menu-wrapper.scrollable .lang-selector-anchor {
position: absolute;
left: 0.55555556rem;
top: 0;
}
@media (min-width: 1200px) {
.anchor-menu-wrapper {
  height: 40px;
  padding-left: 0;
  padding-right: 0;
}
}
@media (min-width: 992px) {
.anchor-menu-wrapper {
  margin-left: -20px;
  margin-right: -20px;
}
.anchor-menu-wrapper .anchor-menu-inner {
  overflow: hidden;
}
}
@media (min-width: 1200px) {
.anchor-menu-wrapper {
  margin-left: -50px;
  margin-right: -50px;
}
}
@media (min-width: 992px) {
.anchor-menu-wrapper .anchor-menu-inner {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) and (min-width: 768px) {
.anchor-menu-wrapper .anchor-menu-inner {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) and (min-width: 992px) {
.anchor-menu-wrapper .anchor-menu-inner {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media (min-width: 992px) and (min-width: 480px) {
.anchor-menu-wrapper .anchor-menu-inner {
  padding-left: 30px;
}
}
@media (min-width: 992px) and (min-width: 768px) {
.anchor-menu-wrapper .anchor-menu-inner {
  padding-left: 50px;
}
}
@media (min-width: 992px) and (min-width: 480px) {
.anchor-menu-wrapper .anchor-menu-inner {
  padding-right: 30px;
}
}
@media (min-width: 992px) and (min-width: 768px) {
.anchor-menu-wrapper .anchor-menu-inner {
  padding-right: 50px;
}
}
@media (min-width: 1200px) {
.anchor-menu-wrapper .anchor-menu-inner {
  padding-right: 1.83333333rem;
}
}
.anchor-menu-wrapper .anchor-links {
display: inline-block;
white-space: nowrap;
padding-left: 0;
}
@media (max-width: 1199px) {
.anchor-menu-wrapper .anchor-links {
  padding-left: 1.11111111rem;
  padding-right: 1.11111111rem;
}
}
.anchor-menu-wrapper .anchor-links li {
display: inline-block;
padding: 0;
border-bottom: none;
}
.anchor-menu-wrapper .anchor-links li a {
color: #fcfcfc;
padding: 0.55555556rem 0.61111111rem 0.5rem;
display: block;
}
.anchor-menu-wrapper .anchor-links li a:hover {
opacity: 0.8;
}
.anchor-menu-wrapper .lang-selector-anchor {
color: white;
display: inline-block;
float: right;
padding: 0.27777778rem;
}
.anchor-menu-wrapper .lang-selector-anchor .lang-sel-icon {
background: url('/Static/img/HoyaPlusYou/language selection.svg') no-repeat;
background-size: 1.11111111rem;
display: block;
background-position: center;
width: 1.66666667rem;
height: 1.66666667rem;
}
.anchor-menu-wrapper .lang-selector-anchor:hover,
.anchor-menu-wrapper .lang-selector-anchor:active {
color: #2c2c37;
}
@media (max-width: 1200px) {
.anchor-menu-wrapper {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
}
}
.anchor-menu-wrapper.light {
background: #fafafb;
height: 1.94444444rem;
}
.anchor-menu-wrapper.light .anchor-menu-inner {
padding: 0 42px 0 50px;
}
.anchor-menu-wrapper.light ul {
margin: 0;
}
.anchor-menu-wrapper.light .anchor-links li a {
font-family: "Arial Light";
color: #6a7889;
height: 1.94444444rem;
font-size: 0.83333333rem;
text-transform: none;
padding: 0.38888889rem 0.61111111rem 0.11111111rem;
/*&:hover {
              background: #0454cc;
          }*/
}
.anchor-menu-wrapper.light .anchor-links li a:focus {
color: #6a7889;
}
.anchor-menu-wrapper.light .anchor-links li a:hover,
.anchor-menu-wrapper.light .anchor-links li a:active {
color: #0454cc;
}
body.anchor-menu-show .navbar:after,
body.anchor-menu-show:after {
z-index: 1060;
}
.text-content {
color: #0D0D0D;
}
.post-typography {
color: #0D0D0D;
}
.anchor-menu-wrapper .anchor-links li {
padding: 0 0.61111111rem;
}
@media (min-width: 992px) {
.anchor-menu-wrapper .anchor-links li {
  padding: 0 0.83333333rem;
}
}
.anchor-menu-wrapper .anchor-links li a {
padding: 0.38888889rem 0;
}
.anchor-menu-wrapper .anchor-links li a:before {
content: '';
opacity: 0;
position: absolute;
display: block;
width: 100%;
height: 2px;
top: 0;
left: 0;
background-color: #D28C00;
transition: all ease-in-out 0.25s;
}
.anchor-menu-wrapper .anchor-links li.active a {
color: #D28C00;
position: relative;
}
.anchor-menu-wrapper .anchor-links li.active a:before {
opacity: 1;
}
.find-optician-page {
height: 100%;
}
.find-optician-page main {
height: 100%;
}
.find-optician-page body {
height: 100%;
}
.find-optician-page .seiko-map-wrapper {
position: relative;
/*height: calc(~"100% - 58px");*/
}
.find-optician-page .seiko-map-wrapper #map {
height: 60vh;
margin-top: 2.5rem;
}
@media (max-width: 991px) {
.find-optician-page .seiko-map-wrapper {
  margin-top: 9.22222222rem;
}
}
@media (max-width: 767px) {
.find-optician-page .seiko-map-wrapper {
  margin-top: 6rem;
}
}
@media (min-width: 992px) {
.find-optician-page .seiko-map-wrapper {
  height: calc(100% - 65px);
}
.find-optician-page .seiko-map-wrapper #map {
  height: 100%;
  margin-left: 22.94444444rem;
  margin-top: 0;
}
}
.find-optician-page .search-wrapper {
background-color: #efefef;
}
@media (min-width: 992px) {
.find-optician-page .search-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 23.33333333rem;
  height: 100%;
  overflow: hidden;
}
}
.find-optician-page .search-wrapper .searchTextField-wrapper {
z-index: 1;
height: 2.5rem;
position: absolute;
top: -2.5rem;
left: 0;
width: 100%;
}
@media (min-width: 992px) {
.find-optician-page .search-wrapper .searchTextField-wrapper {
  position: relative;
  top: 0;
  height: auto;
  padding: 1.66666667rem 1.66666667rem 0 1.66666667rem;
}
}
.find-optician-page .search-wrapper .searchTextField-wrapper #searchTextField {
background: #fcfcfc;
height: 2.5rem;
padding-left: 0.88888889rem;
padding-right: 3.11111111rem;
background-color: #fcfcfc;
/*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);*/
width: 100%;
border: none;
color: #4c4c4c !important;
}
@media (min-width: 992px) {
.find-optician-page .search-wrapper .searchTextField-wrapper #searchTextField {
  height: 3.05555556rem;
  padding-right: 2.66666667rem;
}
}
.find-optician-page .search-wrapper .searchTextField-wrapper input::-webkit-input-placeholder {
color: #4c4c4c !important;
font-size: 1rem;
}
.find-optician-page .search-wrapper .searchTextField-wrapper input::-ms-input-placeholder {
color: #4c4c4c !important;
font-size: 1rem;
}
.find-optician-page .search-wrapper .searchTextField-wrapper input::-webkit-input-placeholder {
color: #4c4c4c !important;
font-size: 1rem;
}
.find-optician-page .search-wrapper .searchTextField-wrapper input:-ms-input-placeholder {
color: #4c4c4c !important;
font-size: 1rem;
}
.find-optician-page .search-wrapper .searchTextField-wrapper input::placeholder {
color: #4c4c4c !important;
font-size: 1rem;
}
.find-optician-page .search-wrapper .searchTextField-wrapper #search-button {
background: url('/Static/SeikoVision/img/Icons/Search-Seiko.svg') no-repeat;
background-position: center;
padding: 1.22222222rem;
position: absolute;
right: 0.66666667rem;
top: 0.05555556rem;
cursor: pointer;
/*cursor: pointer;*/
}
@media (min-width: 992px) {
.find-optician-page .search-wrapper .searchTextField-wrapper #search-button {
  top: 2rem;
  right: 1.66666667rem;
}
}
.find-optician-page .search-wrapper .filters {
padding: 1.66666667rem 1.66666667rem 0 1.66666667rem;
overflow: hidden;
}
@media (min-width: 992px) {
.find-optician-page .search-wrapper .filters {
  padding: 1.66666667rem 1.66666667rem 0 1.66666667rem;
}
}
.find-optician-page .search-wrapper .filters .filter {
float: left;
}
.find-optician-page .search-wrapper .filters .filter:first-child {
margin-right: 1.11111111rem;
}
.find-optician-page .search-wrapper .filters .filter label {
text-transform: uppercase;
font-size: 0.66666667rem;
font-weight: 500;
line-height: 1rem;
letter-spacing: 1.5px;
}
.find-optician-page .search-wrapper .filters .filter [type="radio"]:checked,
.find-optician-page .search-wrapper .filters .filter [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.find-optician-page .search-wrapper .filters .filter [type="radio"]:checked + label,
.find-optician-page .search-wrapper .filters .filter [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 25px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #0D0D0D;
}
.find-optician-page .search-wrapper .filters .filter [type="radio"]:checked + label:before,
.find-optician-page .search-wrapper .filters .filter [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1rem;
height: 1rem;
border: 1px solid #b2b2b2;
border-radius: 100%;
background: transparent;
}
.find-optician-page .search-wrapper .filters .filter [type="radio"]:checked + label:after,
.find-optician-page .search-wrapper .filters .filter [type="radio"]:not(:checked) + label:after {
content: '';
width: 1rem;
height: 1rem;
background: #0D0D0D;
position: absolute;
top: 0;
left: 0;
border-radius: 100%;
transition: all 0.2s ease;
}
.find-optician-page .search-wrapper .filters .filter [type="radio"]:not(:checked) + label:after {
opacity: 0;
-ms-transform: scale(0);
    transform: scale(0);
}
.find-optician-page .search-wrapper .filters .filter [type="radio"]:checked + label:after {
opacity: 1;
-ms-transform: scale(1);
    transform: scale(1);
left: 6px;
top: 6px;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
}
.find-optician-page .search-wrapper .filters .filter [type="radio"]:checked + label:before {
background: #0D0D0D;
border: 1px solid #0D0D0D;
}
.find-optician-page .search-wrapper .resultText {
padding: 2.5rem 1.66666667rem 0 1.66666667rem;
margin-bottom: 0;
display: none;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 992px) {
.find-optician-page .search-wrapper .resultText {
  font-size: 22px;
  line-height: 30px;
  padding: 1.66666667rem 1.66666667rem 0 1.66666667rem;
}
}
.find-optician-page .search-wrapper .hit-list-wrapper {
height: 100%;
}
@media (min-width: 992px) {
.find-optician-page .search-wrapper .hit-list-wrapper {
  padding-bottom: 180px;
}
}
.find-optician-page .search-wrapper .hit-list {
overflow-y: auto;
height: 100%;
margin-bottom: 1.66666667rem;
position: relative;
}
.find-optician-page .search-wrapper .hit-list .optician {
background: #fcfcfc;
margin: 1.66666667rem 1.66666667rem 0 1.66666667rem;
padding: 1.66666667rem 2.77777778rem 1.66666667rem 1.11111111rem;
position: relative;
font-size: 0.83333333rem;
line-height: 1.22222222rem;
font-weight: normal;
cursor: pointer;
/*&.premium {
                  background-color: @Grey1;

                  .optician-name::before {
                      @icon-width: 20;
                      @icon-height: 17;
                      content: '';
                      display: block;
                      position: absolute;
                      left: -20px;
                      top: 1px;
                      background-image: url('/Static/img/GoogleMaps/HOYA_icon_premium.svg');
                      background-repeat: no-repeat;
                      .setIconSize(@icon-width, @icon-height);
                  }
              }*/
}
.find-optician-page .search-wrapper .hit-list .optician .close-button-container {
padding: 20px;
position: absolute;
right: 1.11111111rem;
top: 0rem;
}
.find-optician-page .search-wrapper .hit-list .optician .close-button-container .close-icon {
display: none;
background: url('/static/SeikoVision/img/close.svg');
background-size: 1.5rem auto;
width: 1.5rem;
height: 1.5rem;
}
.find-optician-page .search-wrapper .hit-list .optician .optician-openingHours,
.find-optician-page .search-wrapper .hit-list .optician .optician-email,
.find-optician-page .search-wrapper .hit-list .optician .optician-websiteurl,
.find-optician-page .search-wrapper .hit-list .optician .optician-tel,
.find-optician-page .search-wrapper .hit-list .optician .optician-contact-label,
.find-optician-page .search-wrapper .hit-list .optician .optician-campaign-info,
.find-optician-page .search-wrapper .hit-list .optician .optician-contactform,
.find-optician-page .search-wrapper .hit-list .optician .optician-seller-info {
display: none;
}
.find-optician-page .search-wrapper .hit-list .optician.active {
background: rgba(252, 252, 252, 0.82);
display: block;
cursor: default;
/* Tooltip text */
/* Show the tooltip text when you mouse over the tooltip container */
}
.find-optician-page .search-wrapper .hit-list .optician.active .close-button-container {
z-index: 100;
}
.find-optician-page .search-wrapper .hit-list .optician.active .close-button-container .close-icon {
display: inline-block;
}
.find-optician-page .search-wrapper .hit-list .optician.active .optician-name {
color: #D28C00;
}
.find-optician-page .search-wrapper .hit-list .optician.active .optician-openingHours,
.find-optician-page .search-wrapper .hit-list .optician.active .optician-email,
.find-optician-page .search-wrapper .hit-list .optician.active .optician-websiteurl,
.find-optician-page .search-wrapper .hit-list .optician.active .optician-tel,
.find-optician-page .search-wrapper .hit-list .optician.active .optician-contact-label,
.find-optician-page .search-wrapper .hit-list .optician.active .optician-campaign-info,
.find-optician-page .search-wrapper .hit-list .optician.active .optician-contactform,
.find-optician-page .search-wrapper .hit-list .optician.active .optician-seller-info {
display: block;
color: #4c4c4c;
margin-bottom: 0.55555556rem;
}
.find-optician-page .search-wrapper .hit-list .optician.active .optician-campaign-info {
font-size: 12px;
}
.find-optician-page .search-wrapper .hit-list .optician.active .optician-websiteurl {
text-decoration: underline;
}
.find-optician-page .search-wrapper .hit-list .optician.active .optician-contact-label {
font-weight: bold;
}
.find-optician-page .search-wrapper .hit-list .optician.active .optician-contactform {
margin-top: 20px;
}
.find-optician-page .search-wrapper .hit-list .optician.active .optician-contactform span {
display: inline-block;
}
.find-optician-page .search-wrapper .hit-list .optician.active .seller-icon {
width: 25px;
height: 25px;
}
.find-optician-page .search-wrapper .hit-list .optician.active .tooltip {
position: relative;
display: inline-block;
opacity: 1;
}
.find-optician-page .search-wrapper .hit-list .optician.active .tooltiptext {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
visibility: hidden;
width: 240px;
background-color: white;
color: #4c4c4c;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
top: -35px;
left: -10px;
z-index: 1;
}
.find-optician-page .search-wrapper .hit-list .optician.active .tooltiptext::after {
content: " ";
position: absolute;
top: 100%;
/* At the bottom of the tooltip */
left: 10%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: white transparent transparent transparent;
}
.find-optician-page .search-wrapper .hit-list .optician.active .tooltip:hover .tooltiptext {
visibility: visible;
}
.find-optician-page .search-wrapper .hit-list .optician.inactive {
display: none;
}
.find-optician-page .search-wrapper .hit-list .optician .optician-name {
display: block;
color: #0D0D0D;
padding-bottom: 1.11111111rem;
font-size: 0.88888889rem;
line-height: 1.22222222rem;
font-weight: 700;
}
.find-optician-page .search-wrapper .hit-list .optician .optician-address {
display: block;
margin-bottom: 1.11111111rem;
color: #4c4c4c;
line-height: 1.11111111rem;
}
.find-optician-page .search-wrapper .hit-list .optician .optician-tel {
padding-top: 2px;
color: #4c4c4c;
}
.find-optician-page .search-wrapper .hit-list .optician .optician-tel a {
color: #4c4c4c;
}
.find-optician-page .search-wrapper .hit-list .optician .optician-tel a:active {
color: #0D0D0D;
}
.find-optician-page .search-wrapper .hit-list .optician span {
display: block;
}
.find-optician-page .search-wrapper .hit-list .optician > *:last-child {
margin-bottom: 0;
}
.find-optician-page .seller-info {
position: relative;
display: block;
margin-top: 0.44444444rem;
color: rgba(106, 120, 137, 0.92);
line-height: 1.11111111rem;
font-size: 0.66666667rem;
padding-left: calc(20px + 8px);
}
.find-optician-page .seller-info:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
-ms-transform: translateY(-50%);
    transform: translateY(-50%);
background-image: url('/Static/SeikoVision/img/Icons/seiko-auth-seller-icon.svg');
background-repeat: no-repeat;
background-size: auto 0.94444444rem;
width: 1.11111111rem;
height: 0.94444444rem;
}
.find-optician-page .popup {
/*background: @white;*/
padding: 5px 10px;
}
.find-optician-page .popup .optician-name {
display: block;
color: #D28C00;
padding-bottom: 0.55555556rem;
font-size: 0.88888889rem;
line-height: 1.22222222rem;
font-weight: 700;
}
.find-optician-page .popup .optician-name.active {
color: #D28C00;
}
.find-optician-page .popup .optician-address {
display: block;
margin-bottom: 0.55555556rem;
color: #4c4c4c;
line-height: 1.11111111rem;
}
.find-optician-page .popup .optician-tel {
padding-top: 2px;
color: #4c4c4c;
}
.find-optician-page .popup .optician-tel a {
color: #4c4c4c;
}
.find-optician-page .popup .optician-tel a:active {
color: #0D0D0D;
}
.find-optician-page .popup span {
display: block;
}
.find-optician-page .pac-container .pac-item {
padding: 0.27777778rem 0.66666667rem;
}
.find-optician-page div,
.find-optician-page input {
border-radius: 0 !important;
}
.contact-page {
padding-top: 1.66666667rem;
padding-bottom: 1.66666667rem;
background: #fcfcfc;
text-align: center;
}
@media (min-width: 768px) {
.contact-page {
  padding-top: 6.66666667rem;
  padding-bottom: 6.66666667rem;
  background: #efefef;
}
}
.contact-page h1 {
text-transform: uppercase;
}
.contact-page .hs-form-wrapper {
background: #fcfcfc;
float: none;
margin: 0 auto;
margin-top: 3.33333333rem;
}
@media (min-width: 768px) {
.contact-page .hs-form-wrapper {
  padding: 3.33333333rem;
}
}
.iframe-page {
height: 100vh;
overflow: hidden;
}
.iframe-page,
.iframe-page body {
background-color: #fcfcfc;
}
.iframe-page iframe {
border: none;
height: calc(100vh - 60px);
width: 100%;
}
@media (min-width: 768px) {
.iframe-page iframe {
  height: calc(100vh - 82px - 41px);
}
}
.iframe-page footer {
display: none !important;
}
.iframe-page #main {
padding-top: 60px;
/*@media (min-width: @desktop-menu-break-point) {
          padding-top: @subnav-height;
      }*/
}
@media (min-width: 768px) {
.iframe-page #main {
  padding-top: calc(82px + 41px);
}
}
.optician-admin .main-wrapper .container {
padding-bottom: 2.22222222rem;
}
.optician-admin .main-wrapper .block {
padding-bottom: 0;
margin-top: 0;
padding-top: 3.11111111rem;
}
.optician-admin .main-wrapper .tab-container #tab-buttons a {
padding: 10px 20px;
border-radius: 4px 4px 0 0;
display: inline-block;
margin-bottom: 0;
border-color: #efefef;
background-color: #fcfcfc;
color: black;
}
.optician-admin .main-wrapper .tab-container #tab-buttons a.active {
background-color: #efefef;
}
.optician-admin .main-wrapper .tab-container .tab-content {
background-color: #efefef;
padding: 1.66666667rem 1.66666667rem;
position: relative;
}
.optician-admin .main-wrapper .tab-container .tab-content h2 {
margin-bottom: 3.11111111rem;
}
.optician-admin .main-wrapper .country-select-container {
max-width: 25rem;
}
.optician-admin .main-wrapper #tab-import .file-select-container {
width: 100%;
display: block;
margin-bottom: 1.66666667rem;
}
.optician-admin .main-wrapper #tab-import .file-uploads {
cursor: pointer;
display: inline;
}
.optician-admin .main-wrapper #tab-import .file-name-label {
font-weight: normal;
margin-left: 1.11111111rem;
}
.optician-admin .main-wrapper #tab-import .upload-message-title {
font-size: 0.83333333rem;
line-height: 1.22222222rem;
font-weight: normal;
margin-top: 1.66666667rem;
font-weight: bold;
}
.optician-admin .main-wrapper #tab-import .upload-message {
padding: 20px;
background-color: white;
border-radius: 4px;
}
.optician-admin .main-wrapper #tab-import.upload-error .upload-message {
background-color: #fb6868;
color: white;
}
.optician-admin .main-wrapper .search-input-container {
position: relative;
height: auto;
max-width: 25rem;
width: 100%;
padding: 0 0 1.66666667rem 0;
}
.optician-admin .main-wrapper .search-input-container #search-text-field {
height: 2.5rem;
padding-left: 0.88888889rem;
padding-right: 3.11111111rem;
background-color: #fcfcfc;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
width: 100%;
border: none;
}
@media (min-width: 992px) {
.optician-admin .main-wrapper .search-input-container #search-text-field {
  height: 3.05555556rem;
  padding-right: 2.66666667rem;
}
}
.optician-admin .main-wrapper .search-input-container #search-button {
background: url('/Static/img/Icons/search-grey.svg') no-repeat;
background-position: center;
padding: 1.22222222rem;
position: absolute;
right: 0.44444444rem;
top: 0.05555556rem;
}
@media (min-width: 992px) {
.optician-admin .main-wrapper .search-input-container #search-button {
  top: 0.38888889rem;
}
}
.optician-admin .main-wrapper .optician-count-label {
font-weight: bold;
margin-bottom: 1.38888889rem;
}
.optician-admin .main-wrapper .table-wrapper {
overflow-x: auto;
overflow-y: visible;
width: calc(100% - 8.777777777777779rem);
cursor: move;
}
.optician-admin .main-wrapper table {
width: 100%;
}
.optician-admin .main-wrapper table th {
text-align: left;
height: 1.83333333rem !important;
white-space: nowrap;
padding: 0.22222222rem 0.55555556rem;
border: 1px solid #efefef;
}
.optician-admin .main-wrapper table td {
padding: 0 0.55555556rem;
border: 1px solid #efefef;
height: 2.77777778rem;
}
.optician-admin .main-wrapper table td span {
white-space: nowrap;
line-height: 2.77777778rem;
}
.optician-admin .main-wrapper table tr {
background-color: #efefef;
transition: all ease-in-out 0.25s;
}
.optician-admin .main-wrapper table tr td,
.optician-admin .main-wrapper table tr th {
background-color: #efefef;
}
.optician-admin .main-wrapper table tr:nth-child(2n) {
background-color: #fcfcfc;
}
.optician-admin .main-wrapper table tr:nth-child(2n) td,
.optician-admin .main-wrapper table tr:nth-child(2n) th {
background-color: #fcfcfc;
}
.optician-admin .main-wrapper table .button-col {
position: absolute;
top: auto;
right: calc(1.6666666666666667rem + 79px);
width: 4.38888889rem;
height: 2.83333333rem;
text-align: center;
padding: 0.22222222rem 0.44444444rem;
border-left-width: 2px;
margin-right: 10px;
z-index: 10;
}
.optician-admin .main-wrapper table .button-col button {
text-align: center;
padding: 0.22222222rem 0;
width: 3.5rem;
}
.optician-admin .main-wrapper table .button-col:last-child {
right: 1.66666667rem;
border-left-width: 1px;
}
.optician-admin .main-wrapper .no-opticians-label {
margin-top: 1.11111111rem;
}
.optician-admin .main-wrapper .button,
.optician-admin .main-wrapper button {
background-color: #50c467;
padding: 0.22222222rem;
}
.optician-admin .main-wrapper .button:hover,
.optician-admin .main-wrapper button:hover {
background-color: #73d085;
}
.optician-admin .main-wrapper .button#delete-and-upload-btn,
.optician-admin .main-wrapper button#delete-and-upload-btn,
.optician-admin .main-wrapper .button.delete-row,
.optician-admin .main-wrapper button.delete-row {
background-color: #fb6868;
}
.optician-admin .main-wrapper .button#delete-and-upload-btn:hover,
.optician-admin .main-wrapper button#delete-and-upload-btn:hover,
.optician-admin .main-wrapper .button.delete-row:hover,
.optician-admin .main-wrapper button.delete-row:hover {
background-color: #fc8686;
}
.optician-admin .main-wrapper .button#validate-btn,
.optician-admin .main-wrapper button#validate-btn,
.optician-admin .main-wrapper .button.edit-row,
.optician-admin .main-wrapper button.edit-row,
.optician-admin .main-wrapper .button.cancel-edit-row,
.optician-admin .main-wrapper button.cancel-edit-row {
background-color: #6a7889;
}
.optician-admin .main-wrapper .button#validate-btn:hover,
.optician-admin .main-wrapper button#validate-btn:hover,
.optician-admin .main-wrapper .button.edit-row:hover,
.optician-admin .main-wrapper button.edit-row:hover,
.optician-admin .main-wrapper .button.cancel-edit-row:hover,
.optician-admin .main-wrapper button.cancel-edit-row:hover {
background-color: #8893a1;
}
.optician-admin .main-wrapper .button#add-row,
.optician-admin .main-wrapper button#add-row {
margin-top: 1.66666667rem;
background-color: #50c467;
}
.optician-admin .main-wrapper .button#add-row:hover,
.optician-admin .main-wrapper button#add-row:hover {
background-color: #73d085;
}
.optician-admin .main-wrapper .button#upload-btn,
.optician-admin .main-wrapper button#upload-btn {
background-color: #50c467;
}
.optician-admin .main-wrapper .button#upload-btn:hover,
.optician-admin .main-wrapper button#upload-btn:hover {
background-color: #73d085;
}
.optician-admin .main-wrapper .button.save-row,
.optician-admin .main-wrapper button.save-row {
background-color: #50c467;
}
.optician-admin .main-wrapper .button.save-row:hover,
.optician-admin .main-wrapper button.save-row:hover {
background-color: #73d085;
}
.optician-admin .main-wrapper .button:disabled,
.optician-admin .main-wrapper button:disabled {
opacity: 0.5;
pointer-events: none;
}
.optician-admin .main-wrapper .button,
.optician-admin .main-wrapper button {
box-sizing: border-box;
display: inline-block;
transition: all ease-in-out 0.2s;
margin-top: 6px;
margin-bottom: 4px;
color: white;
font-size: 1rem;
border: none;
border-radius: 3px;
-webkit-font-smoothing: antialiased;
line-height: 1.4;
cursor: pointer;
box-shadow: none;
}
.optician-admin .main-wrapper .button:active,
.optician-admin .main-wrapper button:active {
transition: none;
}
.optician-admin .main-wrapper .button:focus,
.optician-admin .main-wrapper button:focus {
outline: 0;
text-decoration: none;
}
.optician-admin .main-wrapper .button:hover,
.optician-admin .main-wrapper button:hover,
.optician-admin .main-wrapper .button:active,
.optician-admin .main-wrapper button:active {
text-decoration: none;
}
.optician-admin .main-wrapper .button:active,
.optician-admin .main-wrapper button:active {
transition-duration: .1s;
}
.product-registration-page {
/*Custom Radiobuttons*/
/*media print {
  .br-theme-css-stars .br-widget a:after {
      content: "\2606";
      color: black;
  }

  .br-theme-css-stars .br-widget a.br-active:after,
  .br-theme-css-stars .br-widget a.br-selected:after {
      content: "\2605";
      color: black;
  }
}*/
/* Accessibility */
/*buttons*/
/*inputs*/
}
.product-registration-page .checkbox-label {
margin-bottom: 20px;
margin-top: 1rem;
padding-left: 2rem;
position: relative;
z-index: 0;
display: inline-block;
vertical-align: middle;
cursor: pointer;
color: #0D0D0D;
font-weight: 500;
font-size: 0.77777778rem;
transition: All 0.15s ease-in;
-webkit-transition: All 0.15s ease-in;
-moz-transition: All 0.15s ease-in;
-o-transition: All 0.15s ease-in;
}
.product-registration-page .checkbox-label span {
text-transform: none;
}
.product-registration-page .checkbox-label span:before {
display: block;
border: 1px solid #c8c8c8;
content: "";
position: absolute;
top: 4px;
left: 0;
width: 1.11111111rem;
height: 1.11111111rem;
}
.product-registration-page .checkbox-label span:after {
transition: all .15s ease;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCAxMyAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iVUlFbGVtZW50cy9Gb3JtcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU4Ni4wMDAwMDAsIC04NjEuMDAwMDAwKSI+ICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgc3Ryb2tlPSIjRjVGNUY1IiBwb2ludHM9IjU4NiA4NjcuMzE4MzU5IDU5MC4yNTc4MTIgODcxLjMyNjE3MiA1OTcuNzkxMDE2IDg2MSI+PC9wb2x5bGluZT4gICAgPC9nPjwvc3ZnPg==) 50% no-repeat;
-ms-transform: scale(0) translate(0.025em, 0.015em);
    transform: scale(0) translate(0.025em, 0.015em);
display: inline-block;
z-index: 1;
opacity: 0;
content: "";
position: absolute;
top: 3px;
left: 0;
width: 1.11111111rem;
height: 1.11111111rem;
}
.product-registration-page .checkbox-label input {
opacity: 0;
margin: 0 .65em 0 0;
position: absolute;
top: 3.2px;
left: 0;
vertical-align: bottom;
}
.product-registration-page .checkbox-label input:checked + span {
color: #000;
}
.product-registration-page .checkbox-label input:checked + span:before {
background-color: #0D0D0D;
border-color: #0D0D0D;
}
.product-registration-page .checkbox-label input:checked + span:after {
-ms-transform: scale(1) translate(0.025em, 0.015em);
    transform: scale(1) translate(0.025em, 0.015em);
opacity: 1;
}
.product-registration-page .gdpr-info label {
color: #4c4c4c;
}
.product-registration-page .email-wrapper {
transition: all ease-in-out 0.25s;
opacity: 1;
overflow: hidden;
}
.product-registration-page .email-wrapper.animate-hide {
opacity: 0;
}
.product-registration-page .share-block {
background: #fcfcfc;
padding-left: 50px;
padding-right: 50px;
}
.product-registration-page .share-block h2 {
letter-spacing: 1.5px;
margin: 0 auto 1rem;
}
.product-registration-page .share-block .row {
max-width: 620px;
margin: 0 auto;
}
.product-registration-page .share-block .share-links a {
display: inline-block;
margin-right: 10px;
}
.product-registration-page .share-block .share-links a:last-child {
margin-right: 0;
}
.product-registration-page .share-block .share-links a:hover {
text-decoration: none;
}
.product-registration-page .share-block .hs-form label.text-uppercase {
font-size: 0.66666667rem;
}
.product-registration-page .share-block .hs-form .error {
color: #D28C00;
}
.product-registration-page .share-block .feedback {
min-height: 100px;
position: relative;
}
.product-registration-page .share-block .share-title {
font-size: 0.77777778rem;
letter-spacing: 1.5px;
line-height: 1;
margin-bottom: 1.5rem;
display: inline-block;
}
.product-registration-page .share-block .hs-button span {
padding-right: 1rem;
background-repeat: no-repeat;
background-position: 100% 50%;
background-image: url('/Static/SeikoVision/img/Icons/Arrow_Buttons.svg');
}
.product-registration-page .share-block .hs-button:hover span {
color: #000;
opacity: .15;
}
.product-registration-page .hs-form textarea {
border: 1px solid #b2b2b2;
box-shadow: none;
resize: none;
padding: 5px;
}
.product-registration-page .hs-form textarea:focus {
border: 1px solid #D28C00;
}
.product-registration-page p.success,
.product-registration-page p.error {
padding: 15px;
border: 2px solid #D28C00;
color: #D28C00;
text-transform: uppercase;
margin: 1rem;
}
.product-registration-page .register-newsletter-block {
max-width: 620px;
margin: 0 auto;
background: #0D0D0D;
padding-left: 50px;
padding-right: 50px;
}
.product-registration-page .register-newsletter-block h2 {
color: #fcfcfc !important;
margin: 0 auto 2rem;
}
.product-registration-page #product-newletter-form input {
color: #fcfcfc;
}
.product-registration-page #product-newletter-form .actions {
text-align: right;
}
.product-registration-page #product-newletter-form .hs-button.primary {
background: #D28C00;
color: #0D0D0D;
}
.product-registration-page #registration-form {
background: #fcfcfc;
padding-bottom: 2rem;
display: none;
}
.product-registration-page #registration-form .mb-3 {
margin-bottom: 3rem;
}
.product-registration-page #startblocks .benefits {
background-color: #0D0D0D;
padding-left: 50px;
padding-right: 50px;
}
.product-registration-page #startblocks .benefits h2 {
color: #fcfcfc;
}
.product-registration-page #startblocks .benefits .icon-row-block {
margin-top: 1.125rem;
}
@media (min-width: 768px) {
.product-registration-page #startblocks .benefits .icon-row-block {
  margin-top: 1.5rem;
}
}
@media (min-width: 992px) {
.product-registration-page #startblocks .benefits .icon-row-block {
  margin-top: 2.22222222rem;
}
}
.product-registration-page #startblocks .benefits .icon-row-block.center-block {
margin-left: 0;
}
.product-registration-page #startblocks .benefits .icon-row-block.center-block .col {
display: block;
}
.product-registration-page #startblocks .benefits .icon-row-block .col.row {
float: none;
margin: 0 auto 1rem;
}
.product-registration-page #startblocks .benefits .icon-row-block .col.row img {
height: 5rem !important;
float: none !important;
margin: 0;
}
.product-registration-page #startblocks .benefits .icon-row-block .col.row ul {
margin: 0;
padding: 0;
}
.product-registration-page #startblocks .benefits .icon-row-block .col.row li {
list-style-position: inside;
line-height: 1.2;
}
.product-registration-page #startblocks .benefits .icon-row-block .col.row p {
line-height: 1.2;
}
.product-registration-page #startblocks .benefits .icon-row-block .col.row .content-title {
color: #fcfcfc;
font-size: 1.33333333rem;
padding: 1.66666667rem 0 0 0;
}
.product-registration-page #startblocks .benefits .icon-row-block .col.row .content-text {
color: #fcfcfc;
font-size: 0.88888889rem;
padding-left: 0 !important;
}
.product-registration-page #registrationcompleted {
background-color: #0D0D0D;
display: none;
}
.product-registration-page #registrationcompleted .icon-grid-block,
.product-registration-page #registrationcompleted .divider-block.theme-background {
background-color: #fcfcfc;
text-align: center;
}
.product-registration-page #registrationcompleted .icon-grid-block .divider:after,
.product-registration-page #registrationcompleted .divider-block.theme-background .divider:after {
display: none !important;
}
.product-registration-page #registrationcompleted .divider-block.theme-background {
padding-bottom: 1rem;
}
.product-registration-page #registrationcompleted .icon-row-block .col.row {
float: none;
margin: 0 auto 1rem;
}
.product-registration-page #registrationcompleted .icon-row-block .col.row img {
height: 5rem !important;
float: none !important;
margin: 0;
}
.product-registration-page #registrationcompleted .icon-row-block .col.row ul {
margin: 0;
padding: 0;
}
.product-registration-page #registrationcompleted .icon-row-block .col.row li {
list-style-position: inside;
line-height: 1.2;
}
.product-registration-page #registrationcompleted .icon-row-block .col.row p {
line-height: 1.2;
}
.product-registration-page .lucky-draw-block {
padding-bottom: 1.5rem;
margin-top: 0 !important;
}
@media (min-width: 480px) {
.product-registration-page .lucky-draw-block {
  padding-bottom: 2.22222222rem;
}
}
@media (min-width: 992px) {
.product-registration-page .lucky-draw-block {
  padding-bottom: 2.66666667rem;
}
}
.product-registration-page .lucky-draw-block .inner-wrapper {
max-width: 34.44444444rem;
width: 100%;
margin: auto;
}
.product-registration-page .lucky-draw-block .inner-wrapper h2 {
margin-bottom: 1.11111111rem;
}
.product-registration-page .lucky-draw-block .inner-wrapper .hs-button {
display: block;
margin: auto;
}
.product-registration-page .lucky-draw-block #lucky-draw-form .loading {
margin-top: 2.5rem;
}
.product-registration-page .lucky-draw-block #lucky-draw-form .result {
display: none;
text-align: center;
margin-top: 2.5rem;
}
.product-registration-page .lucky-draw-block #lucky-draw-form.sending .form-fields-container,
.product-registration-page .lucky-draw-block #lucky-draw-form.sent .form-fields-container {
display: none;
}
.product-registration-page .lucky-draw-block #lucky-draw-form.sending .result,
.product-registration-page .lucky-draw-block #lucky-draw-form.sent .result {
display: block;
}
.product-registration-page .lucky-draw-block #lucky-draw-form .email:disabled {
opacity: 0.6;
}
.product-registration-page .lucky-draw-block #lucky-draw-form.sending .result {
display: none;
}
.product-registration-page .lucky-draw-block #lucky-draw-form .form-wrapper label:not(.checkbox-label),
.product-registration-page .lucky-draw-block #lucky-draw-form .form-wrapper input {
padding-left: 0;
}
.product-registration-page .lucky-draw-block #lucky-draw-form .form-wrapper label.error {
display: block;
font-weight: 500;
color: #D28C00;
font-size: 0.66666667rem;
}
.product-registration-page .product-information {
overflow: hidden;
}
.product-registration-page .product-information dt {
float: left;
width: 20%;
text-align: left;
padding: .25em;
clear: left;
color: #D28C00;
font-weight: 500;
}
@media (max-width: 991px) {
.product-registration-page .product-information dt {
  float: none;
  width: 100%;
}
}
.product-registration-page .product-information dd {
float: left;
width: 80%;
padding: .25em 0;
font-weight: 500;
}
@media (max-width: 991px) {
.product-registration-page .product-information dd {
  float: none;
  width: 100%;
  overflow-x: auto;
  padding: .25em;
}
}
.product-registration-page .product-information dl:after {
content: "";
display: table;
clear: both;
}
.product-registration-page .product-information table td,
.product-registration-page .product-information table th {
padding: .25rem;
font-weight: 500;
}
@media (max-width: 991px) {
.product-registration-page .product-information table td,
.product-registration-page .product-information table th {
  font-size: 0.88888889rem;
  white-space: pre;
}
}
.product-registration-page .product-information a {
color: #D28C00;
text-decoration: underline;
}
.product-registration-page #img-details {
display: none;
}
@media (min-width: 992px) {
.product-registration-page #img-details {
  display: block;
}
}
.product-registration-page #img-details img {
display: none;
margin: auto;
max-width: 100%;
}
.product-registration-page #img-details img.active {
display: block;
}
.product-registration-page .wizard .q-row [type="radio"] {
display: none;
}
.product-registration-page .wizard .q-row [type="radio"]:checked + span {
color: #000;
}
.product-registration-page .wizard .q-row label strong {
display: inline-block;
margin: 0 5px;
padding: 0;
font-weight: normal;
line-height: 28px;
vertical-align: text-bottom;
}
.product-registration-page .wizard .q-row [type="radio"] + span {
position: relative;
display: inline-block;
height: 24px;
width: 24px;
border: 1px solid #999999;
border-radius: 50%;
}
.product-registration-page .wizard .q-row [type="radio"]:checked + span {
background: #000;
border: 1px solid #000;
}
.product-registration-page .wizard .q-row [type="radio"]:checked + span + strong {
color: #000;
}
.product-registration-page .wizard .q-row [type="radio"] + span,
.product-registration-page .wizard .q-row [type="radio"]:checked + span:after,
.product-registration-page .wizard .q-row [type="radio"]:not(:checked) + span:after {
transition: all 0.2s ease;
}
.product-registration-page .wizard .q-row [type="radio"] + span:after {
content: "";
height: 12px;
width: 12px;
border-radius: 50%;
background: #fcfcfc;
position: absolute;
left: 5px;
top: 5px;
border: 1px solid #000;
}
.product-registration-page .wizard .q-row [type="radio"]:not(:checked) + span:after {
opacity: 0;
-ms-transform: scale(0);
    transform: scale(0);
}
.product-registration-page .wizard .q-row [type="radio"]:checked + span:after {
opacity: 1;
-ms-transform: scale(1);
    transform: scale(1);
}
.product-registration-page .questions textarea {
max-width: 27.77777778rem;
}
.product-registration-page .br-wrapper {
position: relative;
}
.product-registration-page .br-theme-css-stars .br-widget {
height: 28px;
white-space: nowrap;
margin-top: 1rem;
}
.product-registration-page .br-theme-css-stars .br-widget a {
text-decoration: none;
height: 35px;
width: 35px;
float: left;
font-size: 48px;
margin-right: 5px;
}
.product-registration-page .br-theme-css-stars .br-widget a:after {
content: "\2606";
color: #D28C00;
}
.product-registration-page .br-theme-css-stars .br-widget a.br-active:after {
color: #D28C00;
content: "\2605";
}
.product-registration-page .br-theme-css-stars .br-widget a.br-selected:after {
color: #D28C00;
content: "\2605";
}
.product-registration-page .br-theme-css-stars .br-widget .br-current-rating {
display: none;
}
.product-registration-page .br-theme-css-stars .br-readonly a {
cursor: default;
}
.product-registration-page .start-rating-header {
display: block;
font-size: 1rem;
margin-top: 1rem;
margin-bottom: .25rem;
text-transform: uppercase;
font-weight: 500;
color: #D28C00;
}
.product-registration-page .datepicker table {
min-width: 300px;
}
.product-registration-page .datepicker table td {
cursor: pointer;
text-align: center;
}
.product-registration-page .datepicker table th {
text-align: center;
}
.product-registration-page .wizard-title {
font-size: 1.94444444rem;
text-transform: uppercase;
}
.product-registration-page .wizard-subtitle {
font-size: 1rem;
line-height: 1.33333333rem;
}
.product-registration-page .wizard,
.product-registration-page .tabcontrol {
display: block;
width: 100%;
max-width: 1024px;
margin: 0 auto;
overflow: hidden;
position: relative;
background: #fcfcfc;
}
.product-registration-page .wizard a,
.product-registration-page .tabcontrol a {
outline: 0;
}
.product-registration-page .wizard ul,
.product-registration-page .tabcontrol ul {
list-style: none !important;
padding: 0;
margin: 0;
}
.product-registration-page .wizard ul > li,
.product-registration-page .tabcontrol ul > li {
display: block;
padding: 0;
}
.product-registration-page .wizard > .steps .current-info,
.product-registration-page .tabcontrol > .steps .current-info {
position: absolute;
left: -999em;
}
.product-registration-page .wizard > .content > .title,
.product-registration-page .tabcontrol > .content > .title {
position: absolute;
left: -999em;
}
.product-registration-page .wizard > .steps {
position: absolute;
bottom: 0;
left: 50%;
margin: 0px;
margin-left: -36px;
overflow: hidden;
width: 72px;
/*CSS counters to number the steps*/
counter-reset: step;
text-align: center;
}
.product-registration-page .wizard > .steps li {
list-style-type: none;
color: #000;
text-transform: uppercase;
font-size: .875rem;
font-weight: 500;
width: 24px;
float: left;
position: relative;
letter-spacing: 1px;
border-top: 3px solid transparent;
}
.product-registration-page .wizard > .steps > ul > li.current {
border-top: 3px solid #D28C00;
color: #D28C00;
}
.product-registration-page .wizard > .steps > ul > li.current a,
.product-registration-page .wizard > .steps > ul > li.current span {
color: #D28C00 !important;
}
.product-registration-page .wizard > .content {
background: #fcfcfc;
display: block;
margin: 0.5em;
/*min-height: 50rem;*/
overflow: hidden;
position: relative;
width: auto;
}
.product-registration-page .wizard > .content > .body {
float: left;
position: absolute;
width: 100%;
/*height: 95%;*/
padding: 2.5% 0;
}
.product-registration-page .wizard .content > .body {
width: 100%;
height: auto;
position: absolute;
}
.product-registration-page .wizard .content .body.current {
position: relative;
}
.product-registration-page .wizard > .content > .body ul {
list-style: disc !important;
}
.product-registration-page .wizard > .content > .body ul > li {
display: list-item;
}
.product-registration-page .wizard > .actions {
position: relative;
display: block;
color: #fcfcfc;
width: 100%;
bottom: 60px;
background-color: #fcfcfc;
}
.product-registration-page .wizard > .actions > ul {
display: table;
width: 100%;
}
.product-registration-page .wizard > .actions > ul > li {
margin: 0 0.5em;
float: right;
}
.product-registration-page .wizard > .actions > ul > li:first-child {
float: left;
}
.product-registration-page .wizard > .actions a,
.product-registration-page .wizard > .actions a:hover,
.product-registration-page .wizard > .actions a:active {
text-decoration: none;
}
.product-registration-page .wizard > .actions a:hover {
opacity: .85;
}
.product-registration-page .wizard > .actions .disabled a,
.product-registration-page .wizard > .actions .disabled a:hover,
.product-registration-page .wizard > .actions .disabled a:active {
opacity: 0;
cursor: default;
pointer-events: none;
/*background: #eee;
              color: #aaa;*/
}
.product-registration-page .wizard > .actions li a {
min-width: 150px;
background-color: #D28C00;
color: #0D0D0D;
border: 2px solid #D28C00;
cursor: pointer;
padding: 10px 25px;
margin: 1rem 0 0 0;
text-transform: uppercase;
font-size: 0.66666667rem;
font-weight: 500;
line-height: 1rem;
letter-spacing: 1.5px;
}
.product-registration-page .wizard > .actions li a span {
padding-right: 1rem;
background-repeat: no-repeat;
background-position: 100% 50%;
background-image: url('/Static/SeikoVision/img/Icons/Arrow_Buttons.svg');
}
.product-registration-page .wizard > .actions li:first-child a {
background-color: transparent;
border: 2px solid #D28C00;
color: #0D0D0D;
}
.product-registration-page .wizard > .actions li:first-child a span {
padding-left: 1rem;
background-repeat: no-repeat;
background-position: 0 50%;
background-image: url('/Static/SeikoVision/img/Icons/Arrow_Back.svg');
}
.product-registration-page .wizard > .actions [type=button]:focus {
outline: none;
}
.product-registration-page .form-wrapper input[type=email],
.product-registration-page .form-wrapper input[type=date],
.product-registration-page .form-wrapper input[type=text],
.product-registration-page .form-wrapper textarea {
padding: .25rem 1rem 0 38px;
border: none;
border-bottom: 1px solid #999999;
border-radius: 0px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
color: #0D0D0D;
font-size: 1rem;
background-color: transparent !important;
background-position: 4px 50%;
background-repeat: no-repeat;
background-size: 24px 24px;
transition: All 0.15s ease-in;
-webkit-transition: All 0.15s ease-in;
-moz-transition: All 0.15s ease-in;
-o-transition: All 0.15s ease-in;
position: relative;
}
.product-registration-page .form-wrapper p {
position: relative;
}
.product-registration-page .form-wrapper input + .icon {
background-color: transparent !important;
background-position: 4px 50%;
background-repeat: no-repeat;
background-size: 24px 24px;
height: 28px;
width: 28px;
display: block;
position: absolute;
bottom: 15px;
filter: grayscale(100%);
}
.product-registration-page .form-wrapper input:focus + .icon,
.product-registration-page .form-wrapper input.fullfilled + .icon {
filter: brightness(0%);
}
.product-registration-page .form-wrapper input:focus,
.product-registration-page .form-wrapper input.fullfilled,
.product-registration-page .form-wrapper #registrationcode,
.product-registration-page .form-wrapper #registrationcode:focus,
.product-registration-page .form-wrapper #registrationcode.fullfilled {
outline: none;
}
.product-registration-page .form-wrapper #registrationcode + .icon {
background-image: url(/Static/SeikoVision/img/ProductRegistration/user.svg);
}
.product-registration-page .form-wrapper .email,
.product-registration-page .form-wrapper .email:focus,
.product-registration-page .form-wrapper .email.fullfilled {
outline: none;
}
.product-registration-page .form-wrapper .email + .icon {
background-image: url(/Static/SeikoVision/img/ProductRegistration/email.svg);
}
.product-registration-page .form-wrapper .description {
display: block;
font-weight: 500;
font-size: 0.77777778rem;
margin-top: 30px;
padding-left: 2rem;
color: #D28C00;
}
.product-registration-page .form-wrapper .description + label {
margin-top: 10px !important;
}
.product-registration-page .form-wrapper #dateoforder,
.product-registration-page .form-wrapper #dateoforder:focus,
.product-registration-page .form-wrapper #dateoforder.fullfilled {
outline: none;
}
.product-registration-page .form-wrapper #dateoforder + .icon {
background-image: url(/Static/SeikoVision/img/ProductRegistration/calendar.svg);
}
.product-registration-page .form-wrapper #identificationcode,
.product-registration-page .form-wrapper #identificationcode:focus,
.product-registration-page .form-wrapper #identificationcode.fullfilled {
outline: none;
}
.product-registration-page .form-wrapper #identificationcode + .icon {
background-image: url(/Static/SeikoVision/img/ProductRegistration/id-code.svg);
}
.product-registration-page .form-wrapper input[type=email].fullfilled,
.product-registration-page .form-wrapper input[type=email].valid,
.product-registration-page .form-wrapper input[type=text].fullfilled,
.product-registration-page .form-wrapper input[type=text].valid {
border-bottom: 1px solid #000;
}
.product-registration-page .form-wrapper label:not(.error) {
display: inline-block;
font-weight: 500;
font-size: 0.77777778rem;
margin-top: 1rem;
padding-left: 2rem;
color: #999999;
text-transform: uppercase;
transition: All 0.15s ease-in;
}
.product-registration-page .wizard label.error {
display: block;
font-weight: 500;
color: #D28C00;
font-size: 0.66666667rem;
padding-left: 2rem;
}
@media (max-width: 992px) {
.product-registration-page .wizard label.error {
  display: block;
}
}
.product-registration-page .wizard .s-row label.error,
.product-registration-page .wizard .q-row label.error {
display: block;
font-weight: 500;
color: red;
position: absolute;
top: -3rem;
left: 0;
padding-left: 0;
}
@media (max-width: 992px) {
.product-registration-page .wizard .s-row label.error,
.product-registration-page .wizard .q-row label.error {
  position: static;
}
}
.product-registration-page .wizard .s-row label.error {
top: -1.5rem;
}
.product-registration-page .form-wrapper label.fullfilled {
color: #000;
}
.product-registration-page .wizard .form-wrapper {
min-height: 24rem;
}
@media (min-width: 992px) {
.product-registration-page .wizard .form-wrapper {
  padding-left: 4rem;
}
}
.product-registration-page .wizard .result {
min-height: 24rem;
position: relative;
}
.product-registration-page .form-wrapper input[type=date]:focus,
.product-registration-page .form-wrapper input[type=text]:focus,
.product-registration-page .form-wrapper textarea:focus {
box-shadow: none !important;
border-bottom: 1px solid #000;
outline-width: 0;
transition: All 0.15s ease-in;
-webkit-transition: All 0.15s ease-in;
-moz-transition: All 0.15s ease-in;
-o-transition: All 0.15s ease-in;
}
.product-registration-page .wizard .q-row {
text-align: left;
border-bottom: 2px solid #D28C00;
position: relative;
}
.product-registration-page .wizard .q-row strong {
display: block;
font-size: 1rem;
margin-top: 1rem;
margin-bottom: .25rem;
text-transform: uppercase;
font-weight: 500;
}
.product-registration-page .wizard .q-row label {
display: inline-block;
font-weight: normal;
font-size: 0.77777778rem;
margin-top: 1rem;
padding-left: 2rem;
color: #999999;
cursor: pointer;
}
.product-registration-page .wizard .q-row label strong {
padding: 0 .45rem 0 .25rem;
font-size: .875rem;
}
.product-registration-page .wizard .q-row label {
color: #999999;
margin-top: 0rem;
padding-left: 0rem;
position: relative;
}
.product-registration-page #productdescription {
display: none;
}
.product-registration-page .popup {
background: #0D0D0D;
color: #fcfcfc;
position: absolute;
left: 50%;
width: 450px;
margin-left: -225px;
box-shadow: 0 3px 45px rgba(0, 0, 0, 0.3);
background-clip: padding-box;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
/*transition: All 0.15s ease-in;
  -webkit-transition: All 0.15s ease-in;
  -moz-transition: All 0.15s ease-in;
  -o-transition: All 0.15s ease-in;*/
}
@media (max-width: 991px) {
.product-registration-page .popup {
  width: 300px;
  margin-left: -150px;
}
}
.product-registration-page .popup .popup-title {
background: #D28C00;
color: #0D0D0D;
padding: .45rem 1rem;
font-weight: 500;
font-size: 1.33333333rem;
line-height: 1.55555556rem;
}
.product-registration-page .popup .popup-title .close-btn {
display: block;
font-size: 2.66666667rem;
line-height: 1.33333333rem;
float: right;
color: #0D0D0D;
text-decoration: none;
font-weight: normal;
z-index: 9999;
}
.product-registration-page .popup .popup-content {
padding: 1rem;
min-height: 3rem;
}
.product-registration-page .loading {
position: relative;
}
.product-registration-page .loading:focus {
outline: none;
}
.product-registration-page .sk-cube-grid {
width: 40px;
height: 40px;
margin: 100px auto;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.product-registration-page .sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #D28C00;
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.product-registration-page .sk-cube-grid .sk-cube1 {
animation-delay: 0.2s;
}
.product-registration-page .sk-cube-grid .sk-cube2 {
animation-delay: 0.3s;
}
.product-registration-page .sk-cube-grid .sk-cube3 {
animation-delay: 0.4s;
}
.product-registration-page .sk-cube-grid .sk-cube4 {
animation-delay: 0.1s;
}
.product-registration-page .sk-cube-grid .sk-cube5 {
animation-delay: 0.2s;
}
.product-registration-page .sk-cube-grid .sk-cube6 {
animation-delay: 0.3s;
}
.product-registration-page .sk-cube-grid .sk-cube7 {
animation-delay: 0s;
}
.product-registration-page .sk-cube-grid .sk-cube8 {
animation-delay: 0.1s;
}
.product-registration-page .sk-cube-grid .sk-cube9 {
animation-delay: 0.2s;
}
@keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
  transform: scale3D(1, 1, 1);
}
35% {
  transform: scale3D(0, 0, 1);
}
}
@media print {
.product-registration-page .product-information {
  /*width: 100%;*/
}
.product-registration-page .product-information dd {
  float: left;
  width: 60%;
  overflow-x: hidden;
  padding: .25em 0;
}
.product-registration-page .product-information dt {
  float: left;
  width: 30%;
}
.product-registration-page .steps ul {
  display: none;
}
.product-registration-page #steps .actions {
  display: none;
}
.product-registration-page body {
  padding-top: 0;
}
.product-registration-page .navbar {
  display: none;
}
.product-registration-page #site-selector {
  display: none;
}
.product-registration-page .footer-wrapper {
  display: none;
}
}
/*------------------------------------------------*\
  Login Page
\*------------------------------------------------*/
@media (min-width: 1200px) {
.login-register-page article .container {
  /*.setContainerWidth();*/
}
}
.login-register-page .login-container {
position: relative;
background-color: #1f1f1f;
min-height: calc(100vh - 82px);
padding: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 992px) {
.login-register-page .login-container {
  padding: 3.88888889rem;
}
}
.login-register-page .login-container .logo-container {
display: none;
background-color: #efefef;
}
.login-register-page .login-container.page-editing .login-block {
position: static !important;
-ms-transform: none !important;
    transform: none !important;
margin-top: 3.88888889rem !important;
}
.login-register-page .login-block {
padding-bottom: 0;
}
@media (max-width: 991px) {
.login-register-page .login-block .container {
  padding-left: 0;
  padding-right: 0;
}
.login-register-page .login-block .container .row {
  margin-left: 0;
  margin-right: 0;
}
.login-register-page .login-block .container .row > div {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
}
@media (min-width: 768px) and (min-height: 800px) {
.login-register-page .login-block {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
}
.login-register-page .login-block__inner {
background-color: #fcfcfc;
}
@media (min-width: 992px) {
.login-register-page .login-block__inner {
  display: table;
  width: 100%;
  height: 31.11111111rem;
}
}
.login-register-page .login-block__col {
padding: 3.33333333rem 20px;
width: 100%;
}
@media (min-width: 480px) {
.login-register-page .login-block__col {
  padding-left: 3.88888889rem;
  padding-right: 3.88888889rem;
}
}
@media (min-width: 992px) {
.login-register-page .login-block__col {
  padding: 3.88888889rem;
  display: table-cell;
  vertical-align: top;
  width: 50%;
  position: relative;
}
}
.login-register-page .login-block__col .col {
/*&__form {
                  @media (min-width: @screen-md) {
                      position: absolute;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: 0 rem(@login-side-padding) rem(@login-bottom-padding);

                      @media (max-width: @screen-md-max) {
                          margin-bottom: rem(@login-bottom-padding * .75);
                      }
                  }
              }*/
}
.login-register-page .login-block__col .col__heading,
.login-register-page .login-block__col .col__body {
text-align: center;
}
.login-register-page .login-block__col .col__heading {
margin-bottom: 1.77777778rem;
padding-bottom: 0;
font-family: 'Drescher Grotesk', Arial, sans-serif;
font-size: 1.5rem;
font-weight: bold;
color: #2c2c37;
}
.login-register-page .login-block__col .col__heading:before {
display: none;
}
.login-register-page .login-block__col .col__description {
margin-bottom: 1.11111111rem;
text-align: center;
}
.login-register-page .login-block__col .col__body {
margin-bottom: 3.11111111rem;
font-size: 0.94444444rem;
line-height: 1.33333333rem;
}
@media (min-width: 992px) and (max-width: 1199px) {
.login-register-page .login-block__col .col__body {
  font-size: 0.83333333rem;
  line-height: 1.16666667rem;
}
}
.login-register-page .login-block__col--login {
background-size: cover;
}
.login-register-page .login-block__col--login-episerver {
background: url('/Static/img/epi-login-background.jpg') no-repeat #2c2c37;
background-size: cover;
}
.login-register-page .login-block__col--login-episerver .col__heading {
color: #fcfcfc;
}
.login-register-page .login-block__col--login-episerver .hs-form-field input {
background-color: #2c2c37;
padding: 0.44444444rem;
}
.login-register-page .login-block__col--login.no-background {
background: none;
}
.login-register-page .login-block__col--login.background-white {
color: #2c2c37;
}
.login-register-page .login-block__col--login.background-white .col__heading {
color: #2c2c37;
}
.login-register-page .login-block__col--login.background-white .col__form {
color: #2c2c37;
}
.login-register-page .login-block__col--logo {
display: none;
}
@media (min-width: 992px) {
.login-register-page .login-block__col--logo {
  display: table-cell;
}
}
@media (min-width: 1200px) {
.login-register-page .login-block__col--logo {
  padding: 6.66666667rem;
}
}
.login-register-page .login-block__col--logo img {
max-width: 100%;
max-height: 100%;
margin: auto;
display: block;
}
.login-register-page .login-block .hide-logo-col {
float: none;
margin: auto;
}
.login-register-page .login-block .hide-logo-col .login-block__col--login {
width: 100%;
}
.login-register-page .login-block__or {
position: relative;
}
.login-register-page .login-block__or-circle {
display: inline-block;
width: 3.55555556rem;
height: 3.55555556rem;
padding: 1.2rem 0;
border-radius: 50%;
background-color: #efefef;
position: absolute;
top: -1.77777778rem;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.login-register-page .login-block__or-circle i {
position: relative;
left: -0.025em;
font-family: 'Drescher Grotesk', Arial, sans-serif;
font-size: 1.22222222rem;
line-height: 1;
text-transform: uppercase;
font-style: normal;
}
.login-register-page .login-block__or--mobile {
display: block;
}
@media (min-width: 992px) {
.login-register-page .login-block__or--mobile {
  display: none;
}
}
.login-register-page .login-block__or--desktop {
display: none;
}
@media (min-width: 992px) {
.login-register-page .login-block__or--desktop {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  text-align: center;
}
.login-register-page .login-block__or--desktop .login-block__or-circle {
  position: static;
  width: 4.44444444rem;
  height: 4.44444444rem;
  margin-top: 1.77777778rem;
  padding: 1.5rem 0;
}
.login-register-page .login-block__or--desktop .login-block__or-circle i {
  font-size: 1.5rem;
}
}
.login-register-page .login-block .hbspt-form form {
margin: 0;
}
.login-register-page .login-block .hbspt-form form .hs_submit {
margin-top: 0;
}
.login-register-page .login-block .hbspt-form form label {
text-transform: uppercase;
}
.login-register-page .login-block .hbspt-form form label .hs-form-required {
display: none;
}
.login-register-page .login-block .hbspt-form form .actions {
text-align: center;
}
@media (max-width: 479px) {
.login-register-page .login-block .hbspt-form form input[type="submit"] {
  width: 100%;
}
}
.login-register-page .login-block .login-block__col--login input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fcfcfc inset;
-webkit-text-fill-color: #0D0D0D !important;
}
.login-register-page .login-block .login-block__col--login-episerver input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #0D0D0D inset;
-webkit-text-fill-color: #fcfcfc !important;
}
.login-register-page .login-block .login-block__col--logo input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #efefef inset;
-webkit-text-fill-color: black !important;
}
.login-register-page .login-block .col__description,
.login-register-page .login-block #login-form {
transition: all ease-in-out 0.25s;
transition-delay: 0.25s;
}
.login-register-page .login-block #request-reset-form {
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
transition: all ease-in-out 0.25s;
opacity: 0;
visibility: hidden;
pointer-events: none;
width: 100%;
padding: 3.33333333rem 1.11111111rem 5rem;
}
@media (min-width: 480px) {
.login-register-page .login-block #request-reset-form {
  padding-left: 3.88888889rem;
  padding-right: 3.88888889rem;
}
}
.login-register-page .login-block #request-reset-form .message {
display: block;
text-align: center;
transition: all ease-in-out 0.25s;
opacity: 0;
visibility: hidden;
max-height: 0;
}
.login-register-page .login-block #request-reset-form.success fieldset,
.login-register-page .login-block #request-reset-form.success .hs_submit {
opacity: 0;
pointer-events: none;
max-height: 0;
}
.login-register-page .login-block #request-reset-form.success .message {
opacity: 1;
visibility: visible;
max-height: 60px;
}
.login-register-page .login-block.forgot-password .col__description {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition-delay: 0s;
}
.login-register-page .login-block.forgot-password #login-form {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition-delay: 0s;
}
.login-register-page .login-block.forgot-password #request-reset-form {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: calc(0.25s + 0.3s);
}
.login-register-page .login-block .validationText,
.login-register-page .login-block .successMessage {
display: block;
text-align: center;
font-size: 0.83333333rem;
line-height: 1.22222222rem;
}
.login-register-page .login-block .validationText {
color: #fb6868;
}
.login-register-page .login-block .successMessage {
color: #D28C00;
font-weight: bold;
}
.login-register-page .login-block .back-to-login-link-wrapper,
.login-register-page .login-block .forgot-password-link-wrapper {
display: block;
text-align: center;
margin-top: 1.66666667rem;
}
.reset-password-page .login-container {
background-color: #1f1f1f;
}
.reset-password-page .block {
padding-bottom: 4.88888889rem;
}
@media (min-width: 480px) {
.reset-password-page .block {
  padding-bottom: 5.77777778rem;
}
}
@media (min-width: 992px) {
.reset-password-page .block {
  padding-bottom: 6.66666667rem;
}
}
.reset-password-page .login-block__col {
padding: 3.33333333rem 1.11111111rem 3.33333333rem;
}
@media (min-width: 480px) {
.reset-password-page .login-block__col {
  padding-left: 3.88888889rem;
  padding-right: 3.88888889rem;
}
}
@media (min-width: 992px) {
.reset-password-page .login-block__col {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  position: relative;
}
}
.reset-password-page .login-block label {
text-transform: uppercase;
}
.reset-password-page .login-block label .hs-form-required {
display: none;
}
.reset-password-page .login-block .block-title {
margin-bottom: 1.11111111rem;
text-align: center;
}
.reset-password-page .login-block .validationText,
.reset-password-page .login-block .successMessage {
display: block;
text-align: center;
font-size: 0.83333333rem;
line-height: 1.22222222rem;
}
.reset-password-page .login-block .validationText {
color: #fb6868;
}
.reset-password-page .login-block #new-password-form .message {
transition: all ease-in-out 0.25s;
opacity: 0;
visibility: hidden;
max-height: 0;
display: block;
text-align: center;
}
.reset-password-page .login-block #new-password-form .hs_submit {
text-align: center;
}
.reset-password-page .login-block #new-password-form.success fieldset,
.reset-password-page .login-block #new-password-form.success .hs_submit {
opacity: 0;
pointer-events: none;
max-height: 0;
}
.reset-password-page .login-block #new-password-form.success .message {
opacity: 1;
visibility: visible;
max-height: 60px;
}
/** Temp fix to remove register **/
.login-block .inner-wrapper .login-blocks-wrapper {
float: none;
margin: auto;
}
/*******/
.episerver-login body {
padding-top: 0 !important;
}
.episerver-login .login-container {
min-height: 100vh;
}
.episerver-login .inner-wrapper > div {
float: none;
margin: auto;
}
.product-visual-page body:after,
.product-visual-page body nav:after {
background-color: #aec63b !important;
}
.product-visual-page #main {
opacity: 0;
}
.product-visual-page.loaded #main {
opacity: 1;
}
.product-visual-page footer {
margin-top: 0 !important;
}
.product-visual-block .block-title,
.product-visual-block h2 {
font-size: 2.5rem;
line-height: 1;
/*text-align: center;*/
}
@media (min-width: 992px) {
.product-visual-block .block-title,
.product-visual-block h2 {
  font-size: 2.77777778rem;
  /*text-align: center;*/
}
}
.product-visual-block .text-container {
/*text-align: center;*/
}
.product-visual-block.text-align-center {
text-align: center;
}
#main .product-visual-block .activate-animation,
#main .product-visual-block .text-container,
#main .product-visual-block .block-title {
opacity: 0;
transform: translate3d(0, 50px, 0);
}
#main .product-visual-block .text-container .block-title {
opacity: 1;
-ms-transform: translate(0);
    transform: translate(0);
}
#main .in-edit .activate-animation,
#main .product-visual-block.activated .activate-animation,
#main .product-visual-block .activated .activate-animation,
#main .in-edit .text-container,
#main .product-visual-block.activated .text-container,
#main .product-visual-block .activated .text-container,
#main .in-edit .block-title,
#main .product-visual-block.activated .block-title,
#main .product-visual-block .activated .block-title {
transition: all 1.35s cubic-bezier(0.23, 1, 0.52, 1) 0s;
opacity: 1;
-ms-transform: translateY(0);
    transform: translateY(0);
}
.product-visual-page .one-column-block-half {
/*width: ~'calc(100% + @{background-distance})';*/
/*transition: background-position @trans-title-duration @trans-title-easing;
  background-position: -@background-distance center;*/
/*transform: translateX(-@background-distance);*/
}
.product-visual-page .one-column-block-half .text-container {
opacity: 0;
transform: translate3d(0, 50px, 0);
}
.product-visual-page .one-column-block-half.activated {
/*background-position: -@background-distance/2;
      transition-delay: 1s;*/
/*transition: transform @trans-title-duration @trans-title-easing;
      transform: translateX(-@background-distance/2);*/
}
.product-visual-page .one-column-block-half.activated .text-container {
/*transition-delay: 1s;*/
transition: all 1.35s cubic-bezier(0.23, 1, 0.52, 1) 0s;
/*transition-delay: @trans-title-duration;*/
opacity: 1;
-ms-transform: translateY(0);
    transform: translateY(0);
}
@media (min-width: 768px) {
.product-visual-page .one-column-block-half.fullscreen .content-block {
  min-height: calc(100vh - 120px) !important;
}
}
.product-visual-page .media-block {
width: 100%;
overflow: hidden;
}
.product-visual-page .media-block .col-md-offset-4 {
margin: auto;
float: none;
}
.product-visual-page .media-block .image-background {
width: calc(100% + 100px);
padding-top: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-ms-transform: translateX(-100px);
    transform: translateX(-100px);
transition: transform 1.35s cubic-bezier(0.23, 1, 0.52, 1);
}
.product-visual-page .media-block:not(.not-full-width) {
padding-top: 0 !important;
}
.product-visual-page .media-block.not-full-width .image-background {
background-image: none !important;
padding: 0;
text-align: center;
}
.product-visual-page .media-block.not-full-width .image-background img {
display: block !important;
max-width: 100%;
margin: auto;
}
.product-visual-page .media-block.video {
background-image: none !important;
padding: 0;
}
.product-visual-page .media-block.video video {
width: 100%;
}
.product-visual-page .media-block.activated .image-background {
-ms-transform: translateX(-50px);
    transform: translateX(-50px);
}
.product-visual-page .text-block {
margin-top: 0 !important;
}
.product-visual-page .text-block.no-title {
padding-top: 0;
}
@media (min-width: 992px) {
.product-visual-page .text-block.no-title {
  padding-top: 0;
}
}
@media (min-width: 768px) {
.product-visual-page .text-block.no-title {
  padding-bottom: 4.88888889rem;
}
}
@media (min-width: 768px) and (min-width: 480px) {
.product-visual-page .text-block.no-title {
  padding-bottom: 5.77777778rem;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.product-visual-page .text-block.no-title {
  padding-bottom: 6.66666667rem;
}
}
.product-visual-page .text-block .container {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.product-visual-page .text-block .container {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) {
.product-visual-page .text-block .container {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media (min-width: 480px) {
.product-visual-page .text-block .container {
  padding-left: 30px;
}
}
@media (min-width: 768px) {
.product-visual-page .text-block .container {
  padding-left: 50px;
}
}
@media (min-width: 480px) {
.product-visual-page .text-block .container {
  padding-right: 30px;
}
}
@media (min-width: 768px) {
.product-visual-page .text-block .container {
  padding-right: 50px;
}
}
@media (min-width: 768px) {
.product-visual-page .text-block .container {
  float: none !important;
  width: 100%;
  max-width: 750px;
  margin-left: auto !important;
  margin-right: auto !important;
}
}
.product-visual-page .text-block .block-title {
padding-bottom: 0;
}
.product-visual-page .text-block .block-title:before {
display: none;
}
.product-visual-page .text-block .block-text {
margin-top: 1.66666667rem;
}
.product-visual-page .multi-column-block.text-align-center {
text-align: center;
}
.product-visual-page .multi-column-block .container {
/*.setContainerWidth(@medium-container-width);*/
}
.product-visual-page .multi-column-block .content-block {
transition: all 1.35s cubic-bezier(0.23, 1, 0.52, 1) 0s;
opacity: 0;
transform: translate3d(0, 50px, 0);
}
.product-visual-page .multi-column-block .content-block .content-title {
font-size: 2.5rem;
line-height: 1;
/*text-align: center;*/
text-transform: none;
margin-top: 1.94444444rem;
}
@media (min-width: 992px) {
.product-visual-page .multi-column-block .content-block .content-title {
  font-size: 2.77777778rem;
  /*text-align: center;*/
}
}
.product-visual-page .multi-column-block .content-block .image-container {
margin-bottom: 0;
}
.product-visual-page .multi-column-block .content-block .image-container .block-image {
background-size: contain !important;
}
@media (min-width: 768px) {
.product-visual-page .multi-column-block .content-block .image-container .block-image {
  margin: auto;
  padding-bottom: 67%;
}
}
.product-visual-page .multi-column-block .content-block.no-image .content-title {
margin-top: 0;
}
.product-visual-page .multi-column-block .content-block.no-image .content-text {
margin-top: 0;
}
.product-visual-page .multi-column-block.activated .content-block {
opacity: 1;
-ms-transform: translateY(0);
    transform: translateY(0);
}
.product-visual-page .one-column-block .background-darkgrey ul,
.product-visual-page .one-column-block .background-black ul {
list-style: none;
/* Remove default bullets */
}
.product-visual-page .one-column-block .background-darkgrey ul li::before,
.product-visual-page .one-column-block .background-black ul li::before {
content: "\2022";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #D28C00;
/* Change the color */
font-weight: bold;
/* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em;
/* Also needed for space (tweak if needed) */
}
.product-configurator-block {
color: #0D0D0D;
}
.product-configurator-block .container {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.product-configurator-block .container {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) {
.product-configurator-block .container {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media (min-width: 480px) {
.product-configurator-block .container {
  padding-left: 30px;
}
}
@media (min-width: 768px) {
.product-configurator-block .container {
  padding-left: 50px;
}
}
@media (min-width: 480px) {
.product-configurator-block .container {
  padding-right: 30px;
}
}
@media (min-width: 768px) {
.product-configurator-block .container {
  padding-right: 50px;
}
}
@media (min-width: 768px) {
.product-configurator-block .container {
  float: none !important;
  width: 100%;
  max-width: 750px;
  margin-left: auto !important;
  margin-right: auto !important;
}
}
.product-configurator-block .row {
margin-bottom: 1.66666667rem;
}
.product-configurator-block .row:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.product-configurator-block .row .col-age {
  padding-left: 2.77777778rem;
}
}
@media (max-width: 991px) {
.product-configurator-block .row .col-strain {
  width: 60%;
}
.product-configurator-block .row .col-age {
  width: 40%;
}
}
.product-configurator-block .block-title {
/*text-align: center;*/
padding-bottom: 1.94444444rem;
margin-bottom: 0.83333333rem;
}
.product-configurator-block .block-title:before {
content: '';
left: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 2px;
background-color: #D28C00;
}
.product-configurator-block .radio-group label {
display: block;
position: relative;
margin-bottom: 0.55555556rem;
font-weight: normal;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
@media (min-width: 480px) {
.product-configurator-block .radio-group label {
  font-size: 1.22222222rem;
  line-height: 1.77777778rem;
  font-weight: normal;
}
}
.product-configurator-block .radio-group input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.product-configurator-block .radio-group input + span {
pointer-events: none;
text-transform: uppercase;
}
.product-configurator-block .radio-group input + span:before,
.product-configurator-block .radio-group input + span:after {
content: '';
position: absolute;
left: 0;
top: 50%;
-ms-transform: translateY(-50%);
    transform: translateY(-50%);
width: 1rem;
height: 1rem;
display: block;
transition: all ease-in-out 0.25s;
background-color: transparent;
}
.product-configurator-block .radio-group input + span:before {
border: 1px solid #fcfcfc;
}
.product-configurator-block .radio-group input + span:after {
top: 50%;
left: 0;
width: 1rem;
height: 1rem;
opacity: 0;
-ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.product-configurator-block .radio-group input:checked + span {
color: #D28C00;
}
.product-configurator-block .radio-group input:checked + span:after {
background-color: #D28C00;
width: 1rem;
height: 1rem;
top: 50%;
left: 0;
-ms-transform: translateY(-50%);
    transform: translateY(-50%);
opacity: 1;
}
.product-configurator-block .radio-group input:checked + span:before {
border-color: #D28C00;
}
.product-configurator-block .title {
margin-bottom: 0.83333333rem;
}
.product-configurator-block .number-section .title {
/*text-align: center;*/
margin-top: 1.66666667rem;
}
@media (min-width: 992px) {
.product-configurator-block .number-section .title {
  padding-left: 1.11111111rem;
  margin-top: 0;
  text-align: left;
}
}
.product-configurator-block .number-section .number {
display: inline-block;
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.product-configurator-block .number-section .number {
  text-align: left;
}
}
.product-configurator-block .number-section .number .value {
font-size: 12.77777778rem;
line-height: 10rem;
position: relative;
display: block;
color: #fcfcfc;
font-weight: 500;
}
@media (min-width: 768px) {
.product-configurator-block .number-section .number .value {
  line-height: 13.88888889rem;
  font-size: 15.55555556rem;
}
}
@media (min-width: 992px) {
.product-configurator-block .number-section .number .value {
  font-size: 8.33333333rem;
  line-height: 6.66666667rem;
  display: inline;
  margin-left: 0.27777778rem;
}
}
.product-configurator-block .number-section .number .super {
display: block;
margin-left: 0.27777778rem;
margin-top: 0;
}
@media (min-width: 992px) {
.product-configurator-block .number-section .number .super {
  position: absolute;
  bottom: 0.55555556rem;
  display: inline;
  margin-left: 0;
}
}
.product-configurator-block .configurator-result {
font-size: 1.22222222rem;
line-height: 1.77777778rem;
font-weight: normal;
/*text-align: center;*/
}
.product-configurator-block .row--description {
margin-top: 1.66666667rem;
/*text-align: center;*/
}
.product-configurator-block .row--description p {
font-size: 0.83333333rem;
line-height: 1.22222222rem;
font-weight: normal;
}
.product-configurator-block.background-white .radio-group input + span:before {
border: 1px solid #0D0D0D;
}
.product-configurator-block.background-white .number-section .title {
text-align: center;
margin-top: 1.66666667rem;
}
@media (min-width: 992px) {
.product-configurator-block.background-white .number-section .title {
  padding-left: 1.11111111rem;
  margin-top: 0;
  text-align: left;
}
}
.product-configurator-block.background-white .number-section .number .value {
color: #0D0D0D;
}
.ie-11 .product-configurator-block input:checked + span:after {
top: 50%;
-ms-transform: translateY(calc(-50% - 1px));
    transform: translateY(calc(-50% - 1px));
}
/*@import "_two-column-text-block.less";*/
.three-column-fly-in-block .container {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.three-column-fly-in-block .container {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) {
.three-column-fly-in-block .container {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media (min-width: 480px) {
.three-column-fly-in-block .container {
  padding-left: 30px;
}
}
@media (min-width: 768px) {
.three-column-fly-in-block .container {
  padding-left: 50px;
}
}
@media (min-width: 480px) {
.three-column-fly-in-block .container {
  padding-right: 30px;
}
}
@media (min-width: 768px) {
.three-column-fly-in-block .container {
  padding-right: 50px;
}
}
@media (min-width: 768px) {
.three-column-fly-in-block .container {
  float: none !important;
  width: 100%;
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}
}
.three-column-fly-in-block .row {
position: relative;
margin-bottom: 1.66666667rem;
}
@media (min-width: 768px) {
.three-column-fly-in-block .row {
  margin-bottom: 50vh;
}
}
.three-column-fly-in-block .row:last-child {
margin-bottom: 3.11111111rem;
}
.three-column-fly-in-block .row:first-child {
margin-bottom: 0;
}
.three-column-fly-in-block .row div[class^="col-"] {
/*text-align: center;*/
}
@media (min-width: 768px) {
.three-column-fly-in-block.column-count-1 .row:not(.image-row):not(.title-row) {
  width: 100%;
}
.three-column-fly-in-block.column-count-2 .row:not(.image-row):not(.title-row) div[class^="col-"] {
  padding: 0 2.77777778rem;
}
.three-column-fly-in-block.column-count-3 .row:not(.image-row):not(.title-row) div[class^="col-"] {
  padding: 0 2.22222222rem;
}
}
@media (min-width: 768px) {
.three-column-fly-in-block.normalize.column-count-1 .row:not(.image-row):not(.title-row) {
  width: 100%;
}
.three-column-fly-in-block.normalize.column-count-2 .row:not(.image-row):not(.title-row) {
  width: 50%;
}
.three-column-fly-in-block.normalize.column-count-2 .row:not(.image-row):not(.title-row) div[class^="col-"] {
  padding: 0 1.66666667rem;
}
.three-column-fly-in-block.normalize.column-count-3 .row:not(.image-row):not(.title-row) {
  width: 33%;
}
.three-column-fly-in-block.normalize.column-count-3 .row:not(.image-row):not(.title-row) div[class^="col-"] {
  padding: 0 1.66666667rem;
}
.three-column-fly-in-block.normalize .row {
  margin-bottom: 0 !important;
}
.three-column-fly-in-block.normalize .row:not(.image-row):not(.title-row) {
  display: inline;
  float: left;
  margin: 0;
}
.three-column-fly-in-block.normalize .row:not(.image-row):not(.title-row):before,
.three-column-fly-in-block.normalize .row:not(.image-row):not(.title-row):after {
  display: none !important;
}
.three-column-fly-in-block.normalize .row:not(.image-row):not(.title-row) div[class^="col-"] {
  width: 100%;
  margin-left: 0 !important;
}
}
@media (min-width: 768px) {
.three-column-fly-in-block .block-title.fixed {
  left: 0;
}
.three-column-fly-in-block .block-title.fixed,
.three-column-fly-in-block .block-image.fixed,
.three-column-fly-in-block .stick-object.fixed {
  position: fixed;
}
.three-column-fly-in-block .block-title.stick,
.three-column-fly-in-block .block-image.stick,
.three-column-fly-in-block .stick-object.stick {
  position: absolute;
}
}
.three-column-fly-in-block .title-container {
margin-bottom: 1.11111111rem;
font-size: 2.5rem;
line-height: 1;
/*text-align: center;*/
}
@media (min-width: 992px) {
.three-column-fly-in-block .title-container {
  font-size: 2.77777778rem;
  /*text-align: center;*/
}
}
.three-column-fly-in-block .title-container > p {
margin: 0;
}
.three-column-fly-in-block .block-title {
/*text-align: center;*/
padding: 0;
-ms-transform: none !important;
    transform: none !important;
}
@media (min-width: 768px) {
.three-column-fly-in-block .block-title {
  transition: none !important;
  opacity: 1 !important;
}
}
.three-column-fly-in-block .block-title:before {
display: none;
}
.three-column-fly-in-block .title {
font-family: 'Drescher Grotesk', Arial, sans-serif;
font-size: 1.22222222rem;
line-height: 1.77777778rem;
font-weight: 200;
padding-bottom: 1.22222222rem;
margin-bottom: 1.66666667rem;
/*color: @black;*/
}
.three-column-fly-in-block .title strong {
font-family: 'Drescher Grotesk', Arial, sans-serif;
font-weight: bold;
}
@media (min-width: 992px) {
.three-column-fly-in-block .title {
  font-size: 1.5rem;
  line-height: 1.77777778rem;
  padding-bottom: 1.44444444rem;
}
}
.three-column-fly-in-block .image-background {
width: 100%;
padding-top: 62.5%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-ms-transform: translateX(-50px);
    transform: translateX(-50px);
transition: transform 1.35s cubic-bezier(0.23, 1, 0.52, 1);
}
@media (min-width: 768px) {
.three-column-fly-in-block .image-background {
  width: calc(100% + 100px);
  -ms-transform: translateX(-100px);
      transform: translateX(-100px);
}
}
.three-column-fly-in-block .block-image {
margin-bottom: 3.33333333rem;
}
.three-column-fly-in-block .value {
font-family: 'Drescher Grotesk', Arial, sans-serif;
font-size: 8.33333333rem;
font-weight: bold;
line-height: 8.33333333rem;
position: relative;
display: inline-block;
color: #aec63b;
-ms-transform: translateY(8px);
    transform: translateY(8px);
letter-spacing: -12px;
}
@media (min-width: 768px) {
.three-column-fly-in-block .value {
  font-size: 5.55555556rem;
  line-height: 5.55555556rem;
}
}
.three-column-fly-in-block .super {
color: #6a7889;
display: inline-block;
-ms-transform: translateX(12px);
    transform: translateX(12px);
}
.three-column-fly-in-block.activated .image-background {
-ms-transform: translateX(0);
    transform: translateX(0);
}
@media (min-width: 768px) {
.three-column-fly-in-block.activated .image-background {
  -ms-transform: translateX(-50px);
      transform: translateX(-50px);
}
}
.in-edit .three-column-fly-in-block .row,
.three-column-fly-in-block.in-edit .row {
margin-bottom: 4.88888889rem;
}
.in-edit .three-column-fly-in-block .image-background,
.three-column-fly-in-block.in-edit .image-background {
width: 100%;
-ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
}
.icon-text-block {
margin-top: 0 !important;
/*.setTopSpacing-Full();
  .setBottomSpacing-Full();*/
/*& + .icon-text-block {

      .setBottomSpacing-Full();
  }*/
}
.icon-text-block .container {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.icon-text-block .container {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media (min-width: 992px) {
.icon-text-block .container {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media (min-width: 480px) {
.icon-text-block .container {
  padding-left: 30px;
}
}
@media (min-width: 768px) {
.icon-text-block .container {
  padding-left: 50px;
}
}
@media (min-width: 480px) {
.icon-text-block .container {
  padding-right: 30px;
}
}
@media (min-width: 768px) {
.icon-text-block .container {
  padding-right: 50px;
}
}
@media (min-width: 768px) {
.icon-text-block .container {
  float: none !important;
  width: 100%;
  max-width: 750px;
  margin-left: auto !important;
  margin-right: auto !important;
}
}
.icon-text-block .col {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
    align-items: center;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.icon-text-block .col {
  -ms-flex-direction: row;
  flex-direction: row;
}
}
.icon-text-block .col .block-title {
margin: 0;
padding-bottom: 0;
/*text-align: center;*/
}
@media (min-width: 768px) {
.icon-text-block .col .block-title {
  /*text-align: left;*/
}
}
.icon-text-block .col .img-container {
margin-right: 1.66666667rem;
-ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (min-width: 768px) {
.icon-text-block .col .img-container {
  width: 6.11111111rem;
}
}
.icon-text-block .col .img-container img {
height: 4.16666667rem;
width: auto;
max-width: 100%;
float: left;
}
@media (min-width: 768px) {
.icon-text-block.no-icon .block-title {
  width: 100%;
  /*text-align: center;*/
}
}
html:not(.touch) .internallink a:hover .square,
html:not(.touch) .externallink a:hover .square {
border: 1px solid transparent;
box-sizing: border-box;
}
html:not(.touch) .internallink a:hover .square-internal,
html:not(.touch) .externallink a:hover .square-internal,
html:not(.touch) .internallink a:hover .square-external,
html:not(.touch) .externallink a:hover .square-external {
background-color: #ffba2d !important;
transition: background-color 0.35s ease-in-out;
}
html:not(.touch) .internallink a:hover span,
html:not(.touch) .externallink a:hover span {
color: #ffba2d;
transition: color 0.35s ease-in-out;
}
.calltoaction-links a {
font-size: 0.66666667rem;
font-weight: 500;
line-height: 1rem;
letter-spacing: 1.5px;
text-decoration: none !important;
text-align: center;
text-transform: uppercase;
color: #0D0D0D;
}
.calltoaction-links a svg {
vertical-align: middle;
}
.calltoaction-links a span {
padding-right: 5px;
vertical-align: middle;
}
.calltoaction-links .internallink,
.calltoaction-links .externallink {
display: inline-block;
}
.calltoaction-links .internallink img,
.calltoaction-links .externallink img {
width: auto;
vertical-align: middle;
}
.calltoaction-links .internallink .square,
.calltoaction-links .externallink .square {
width: 30px;
height: 30px;
border: 1px solid #D28C00;
box-sizing: border-box;
margin-right: 15px;
}
.calltoaction-links .internallink .square-external,
.calltoaction-links .externallink .square-external {
background: url("/Static/SeikoVision/img/Icons/Arrow_External.svg") no-repeat center;
}
.calltoaction-links .internallink .square-internal,
.calltoaction-links .externallink .square-internal {
background: url("/Static/SeikoVision/img/Icons/Arrow.svg") no-repeat center;
}
.calltoaction-links .internallink span,
.calltoaction-links .externallink span {
letter-spacing: 1px;
}
.calltoaction-links .internallink a,
.calltoaction-links .externallink a {
-ms-flex-align: center;
    align-items: center;
display: -ms-inline-flexbox;
display: inline-flex;
color: #D28C00;
}
.calltoaction-links .find-optician-link {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
-ms-flex: 1 1 auto;
    flex: 1 1 auto;
max-width: 320px;
min-width: 150px;
padding: 15px 25px;
background: #D28C00;
color: #0D0D0D;
text-align: center;
transition: background-color 1s, color 1s;
}
.touch .calltoaction-links .find-optician-link {
transition: none;
}
.touch .calltoaction-links .find-optician-link .find-optician-link:after {
transition: none;
}
.calltoaction-links .find-optician-link span {
padding-right: 5px;
}
.calltoaction-links .contact-link {
max-width: 320px;
min-width: 150px;
border: 1px solid #D28C00;
box-sizing: border-box;
color: #D28C00;
display: inline-block;
padding: 14px 25px;
-ms-flex: 1 1 auto;
    flex: 1 1 auto;
text-align: center;
position: relative;
overflow: hidden;
transition: 1s;
z-index: 1;
}
.calltoaction-links .contact-link:hover {
border-color: #D28C00;
}
.calltoaction-links .find-optician-link:after,
.calltoaction-links .contact-link:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -10%;
z-index: -1;
display: block;
width: 0;
height: 120%;
background: #ffba2d;
transition: 1s;
-ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
}
.touch .calltoaction-links .find-optician-link:after,
.touch .calltoaction-links .contact-link:after {
transition: none !important;
}
.calltoaction-links .find-optician-link:hover:after,
.calltoaction-links .contact-link:hover:after {
width: 20.55555556rem;
height: 100%;
left: -10%;
background: #ffba2d;
-ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
}
.calltoaction-links .find-optician-link:hover span,
.calltoaction-links .contact-link:hover span {
color: #D28C00;
}
.calltoaction-links .find-optician-link:hover svg g,
.calltoaction-links .contact-link:hover svg g {
fill: #D28C00;
}
/*------------------------------------------------*\
  Notifications
\*------------------------------------------------*/
.notification-wrapper {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 250;
pointer-events: none;
}
@media (max-width: 992px) {
.notification-wrapper {
  position: fixed;
  left: 0;
}
}
@media (min-width: 992px) {
.notification-wrapper {
  /*left: auto;*/
  bottom: 40px;
}
}
.notification-wrapper > div {
pointer-events: none;
}
@media (max-width: 992px) {
.notification-wrapper > div {
  padding-left: 0;
  padding-right: 0;
}
}
.sticky-footer-enabled .notification-wrapper {
bottom: 56px;
}
@media (min-width: 992px) {
.sticky-footer-enabled .notification-wrapper {
  bottom: 108px;
}
}
.notification {
width: 100%;
max-width: 100%;
margin-left: auto;
background: #1f1f1f;
color: #fcfcfc;
transform: translate3d(0, 10px, 0);
opacity: 0;
font-size: 0.72222222rem;
line-height: 0.94444444rem;
}
@media (min-width: 992px) {
.notification {
  max-width: 13.88888889rem;
  margin-left: auto;
}
}
.transitions .notification {
transition: all ease-in-out 0.25s;
}
.notification.show {
-ms-transform: translate(0, 0);
    transform: translate(0, 0);
opacity: 1;
transition-delay: .75s;
pointer-events: auto;
}
.site-selector-expanded .notification {
transform: translate3d(0, 10px, 0);
opacity: 0;
transition-delay: 0s;
}
.notification.dismissed {
height: 0 !important;
overflow: hidden;
pointer-events: none;
transition-duration: 0.15s;
}
.menu-expanded .notification {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
.notification--secondary {
background-color: rgba(239, 239, 239, 0.94);
}
.notification__inner {
position: relative;
padding: 30px 20px;
}
.notification a {
color: #efefef;
text-decoration: underline;
}
.notification a:hover,
.notification a:active {
text-decoration: none;
}
.notification__message {
display: table;
width: 100%;
}
.notification__message > div {
display: table-cell;
vertical-align: middle;
/*padding: rem(10) rem(12);*/
}
.notification__message .notification__icon {
width: 3.55555556rem;
padding-right: 0 !important;
text-align: center;
}
.notification__message .notification__icon .icon {
top: 3px;
}
.notification__message .notification__desc {
width: auto;
padding-left: 0 !important;
text-align: inherit;
}
@media (max-width: 992px) {
.notification__message .notification__desc {
  text-align: center;
}
}
.notification__close {
text-align: center;
margin: 0 auto;
margin-top: 15px;
}
.notification__close a.close-link {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 2px;
text-transform: uppercase;
box-sizing: border-box;
display: inline-block;
transition: all ease-in-out 0.2s;
margin-top: 6px;
margin-bottom: 4px;
border-radius: 0;
border: none;
-webkit-font-smoothing: antialiased;
text-decoration: none;
cursor: pointer;
box-shadow: none;
min-width: 130px;
padding: .9175em 1.666666667em;
padding: .834em 1.666666667em;
}
.notification__close a.close-link em,
.notification__close a.close-link strong {
font-weight: 500;
}
.notification__close a.close-link em {
font-style: normal;
}
.notification__close a.close-link strong {
font-weight: 600;
}
.notification__close a.close-link,
.notification__close a.close-link:focus,
.notification__close a.close-link:hover,
.notification__close a.close-link:active {
text-decoration: none;
}
.notification__close a.close-link:active {
transition: none;
}
.notification__close a.close-link:focus {
outline: 0;
}
.notification__close a.close-link:active {
transition-duration: .1s;
}
.notification__close a.close-link,
.notification__close a.close-link:focus {
color: #fcfcfc;
background-color: inherit;
border: 1px solid #fcfcfc;
}
.notification__close a.close-link:hover,
.notification__close a.close-link:active {
color: #0D0D0D;
background-color: #fcfcfc;
}
.notification__close a.close-link:hover,
.notification__close a.close-link:active {
opacity: 1;
}
/*------------------------------------------------*\
  Mixins & helpers
\*------------------------------------------------*/
/*------------------------------------------------*\
  Country Selector General
\*------------------------------------------------*/
body.site-selector-expanded {
top: 0;
bottom: 0;
height: 100%;
overflow: hidden !important;
}
body.site-selector-expanded:after,
body.site-selector-expanded .navbar:after {
opacity: 0;
-ms-transform: translateX(-100%);
    transform: translateX(-100%);
pointer-events: none;
}
body.site-selector-expanded:hover {
cursor: pointer;
}
.site-selector-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
background-color: rgba(40, 40, 40, 0.6);
opacity: 0;
overflow-y: hidden;
pointer-events: none;
}
.site-selector-overlay.container {
padding-left: 0 !important;
max-width: 1200px !important;
padding-right: 0 !important;
}
.site-selector-overlay__inner {
background-color: #efefef;
cursor: default;
height: 100vh;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.site-selector-overlay__inner {
  position: absolute;
  height: auto;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%, -45%);
      transform: translate(-50%, -45%);
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
}
}
.transitions .site-selector-overlay,
.transitions .site-selector-overlay__inner {
transition: all cubic-bezier(0.23, 1, 0.32, 1);
}
.site-selector-expanded .site-selector-overlay {
display: block !important;
pointer-events: auto;
opacity: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
.site-selector-expanded .site-selector-overlay__inner {
  top: 0;
  -ms-transform: translate(-50%, 80px);
      transform: translate(-50%, 80px);
  margin-bottom: 80px;
}
}
@media (min-width: 992px) {
.site-selector-overlay .hero .container {
  padding-top: 4.77777778rem;
}
}
@media (max-width: 1200px) {
.site-selector-overlay .hero .container {
  /*.setBootstrapContainerWidth();*/
}
}
.site-selector-overlay .close-icon-link {
position: absolute;
top: 0;
right: 0;
padding: 1.66666667rem;
transition-delay: 0.25s;
background-color: transparent;
opacity: 0;
}
.site-selector-overlay .close-icon-link .close-icon {
background-image: url('/static/SeikoVision/img/close.svg');
display: inline-block;
background-size: 1rem auto;
width: 1rem;
height: 1rem;
}
@media (min-width: 992px) {
.site-selector-overlay .close-icon-link .close-icon {
  background-size: 1.33333333rem auto;
  width: 1.33333333rem;
  height: 1.33333333rem;
}
}
.site-selector-overlay .close-icon-link:hover {
background-color: transparent;
}
.site-selector-overlay .close-icon-link:hover .close-icon {
opacity: 0.7;
}
.menu-expanded .site-selector-overlay .close-icon-link {
transition-delay: 0s;
}
.site-selector-expanded .site-selector-overlay .close-icon-link {
opacity: 1;
}
.site-selector-overlay .go-to-global-container {
display: block;
width: 100%;
/*padding: rem(20) 0;*/
background-color: white;
}
.site-selector-overlay .go-to-global-container:before,
.site-selector-overlay .go-to-global-container:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.site-selector-overlay .go-to-global-container:after {
clear: both;
}
.site-selector-overlay .go-to-global-container l a {
/*.seikoPrimaryButton();*/
font-size: 0.83333333rem;
line-height: 1.22222222rem;
font-weight: normal;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.site-selector-overlay .go-to-global-container .global-information-container {
width: 100%;
margin: auto;
background: url('/static/SeikoVision/img/map.svg') no-repeat;
background-size: contain;
background-position: center;
padding: 4.44444444rem 1.66666667rem;
text-align: center;
}
@media (min-width: 992px) {
.site-selector-overlay .go-to-global-container .global-information-container {
  padding: 4.44444444rem 1.66666667rem;
}
}
@media (min-width: 1200px) {
.site-selector-overlay .go-to-global-container .global-information-container {
  padding: 5.55555556rem 1.66666667rem;
}
}
.site-selector-overlay .go-to-global-container .global-information-container .title {
font-size: 2.5rem;
line-height: 2.55555556rem;
text-transform: uppercase;
margin-bottom: 1.22222222rem;
margin-top: 0;
padding: 0;
}
.site-selector-overlay .go-to-global-container .global-information-container .global-text {
position: relative;
font-size: 1.11111111rem;
line-height: 1.55555556rem;
margin-bottom: 2.22222222rem;
/*font-family: @font-family-secondary;*/
color: #0D0D0D;
}
@media (min-width: 992px) {
.site-selector-overlay .go-to-global-container .global-information-container .global-text {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 2.22222222rem;
}
}
/*------------------------------------------------*\
  Region blocks
\*------------------------------------------------*/
.region-block {
padding: 0 1.66666667rem;
}
@media (min-width: 992px) {
.region-block {
  padding: 0 1.66666667rem;
}
}
@media (min-width: 1200px) {
.region-block {
  padding: 0 2.22222222rem 0 2.22222222rem;
}
}
.region-block h2.section-heading {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 2.77777778rem;
border: none;
text-align: center;
padding: 0;
}
.region-block h3.section-heading {
font-size: 0.88888889rem;
line-height: 1.33333333rem;
font-weight: normal;
margin-bottom: 0;
padding-bottom: 1.22222222rem;
}
.region-block__countries ul {
list-style: none;
margin: 0;
padding: 0;
}
.region-block__countries ul:before,
.region-block__countries ul:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.region-block__countries ul:after {
clear: both;
}
@media (min-width: 600px) {
.region-block__countries ul {
  margin-right: -1.33333333rem;
}
}
.regions-area {
padding: 5.55555556rem 0;
background-color: #efefef;
}
/*------------------------------------------------*\
  Country item
\*------------------------------------------------*/
.region-block__country {
display: block;
float: left;
height: 1.77777778rem;
margin-bottom: 1.66666667rem;
padding-right: 0rem;
width: 50%;
/*----- Country has multiple languages -----*/
}
@media (min-width: 600px) {
.region-block__country {
  padding-right: 0.88888889rem;
  width: 50%;
}
}
@media (min-width: 768px) {
.region-block__country {
  width: 33.33333333%;
}
}
@media (min-width: 992px) {
.region-block__country {
  width: 20%;
}
}
.region-block__country .country__wrap {
margin: -0.55555556rem;
margin-right: 0;
}
.region-block__country .country__flag {
width: 1.38888889rem;
height: auto;
margin-right: 0.33333333rem;
}
.region-block__country .country__name {
font-size: 0.66666667rem;
line-height: 1.11111111rem;
color: #0D0D0D;
}
@media (min-width: 600px) {
.region-block__country .country__name {
  font-size: 0.88888889rem;
}
}
.region-block__country a,
.region-block__country a * {
transition: all ease-in-out 0.25s;
}
.region-block__country a:focus,
.region-block__country a:hover {
text-decoration: none;
}
.region-block__country a:active,
.region-block__country a:active * {
transition: all ease-in-out 0.15s;
}
.region-block__country a:hover,
.region-block__country a:active {
color: #D28C00;
}
.region-block__country .country__wrap:hover,
.region-block__country .country__wrap:active,
.region-block__country .country__wrap:focus {
/*opacity: 0.8;*/
}
.region-block__country .country__wrap > a {
display: block;
/*padding: rem(8);*/
padding: 0.27777778rem;
padding-left: .5rem;
}
.region-block__country .country__wrap > a:focus,
.region-block__country .country__wrap > a:hover {
text-decoration: none;
}
.region-block__country .country__wrap > a:hover {
/*background-color: @gray-ghost;*/
}
.region-block__country .country__wrap > a:hover .country__flag,
.region-block__country .country__wrap > a:active .country__flag,
.region-block__country .country__wrap > a:focus .country__flag {
/*opacity: .8;*/
}
.region-block__country .country__wrap > a:hover .country__name,
.region-block__country .country__wrap > a:active .country__name,
.region-block__country .country__wrap > a:focus .country__name {
color: #D28C00;
}
.region-block__country .country__wrap > a > * {
display: inline-block;
vertical-align: middle;
}
.region-block__country--multi-lang .country__wrap {
position: relative;
z-index: 0;
transition: all ease-in-out 0.15s;
overflow: hidden;
height: 2.22222222rem;
}
.region-block__country--multi-lang .country__wrap > a {
position: relative;
}
.region-block__country--multi-lang .country__wrap > a:after {
content: '';
display: block;
position: absolute;
right: 0.66666667rem;
top: 35%;
width: 13px;
height: 24px;
background: url('/Static/img/Icons/caret-down-grey-sm.svg') no-repeat;
background-size: 13px auto;
-ms-transform-origin: 50% 30%;
    transform-origin: 50% 30%;
}
.region-block__country--multi-lang ul {
position: absolute;
top: 2.22222222rem;
left: 0;
width: 100%;
z-index: 100;
background-color: white;
transition: all ease-in-out 0.15s;
opacity: 0;
}
.region-block__country--multi-lang li {
border-top: 1px solid rgba(31, 31, 31, 0.3);
}
.region-block__country--multi-lang li a {
font-size: 0.66666667rem;
line-height: 1.11111111rem;
color: #0D0D0D;
display: block;
padding: 0.44444444rem;
padding-top: 0.5rem;
padding-bottom: 0.38888889rem;
}
@media (min-width: 600px) {
.region-block__country--multi-lang li a {
  font-size: 0.88888889rem;
}
}
.region-block__country--multi-lang.lang-expanded .country__wrap {
box-shadow: 0 0 9px 0 rgba(96, 96, 96, 0.25);
}
.region-block__country--multi-lang.lang-expanded .country__wrap > a {
background-color: white;
}
.region-block__country--multi-lang.lang-expanded .country__wrap > a :after {
-ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.region-block__country--multi-lang.lang-expanded ul {
opacity: 1;
}
body.cookiebot-enabled #hs-eu-cookie-confirmation {
display: none !important;
}
.cookie-settings:hover {
cursor: pointer;
}
/*------------------------------------------------*\
  IE Fixes
  
  
  1.  Replace pointer-events:none transitions
      with simple display: none/block

\*------------------------------------------------*/
.ie-11,
.lt-ie11 {
/*------------------------------------------------*\
      Navbar Header
  \*------------------------------------------------*/
/*------------------------------------------------*\
      Site Selector
\*------------------------------------------------*/
/*------------------------------------------------*\
      Notifications
\*------------------------------------------------*/
}
.ie-11 body:before,
.lt-ie11 body:before {
display: none;
transition: none;
}
.ie-11 .transitions .navbar .dropdown-menu,
.lt-ie11 .transitions .navbar .dropdown-menu {
display: none;
}
@media (min-width: 768px) {
.ie-11 .main-navigation .sub-menu,
.lt-ie11 .main-navigation .sub-menu {
  display: none;
}
.ie-11 .submenu-expanded .main-navigation .dropdown.expanded .sub-menu,
.lt-ie11 .submenu-expanded .main-navigation .dropdown.expanded .sub-menu {
  display: block;
}
}
.ie-11 .site-selector-overlay,
.lt-ie11 .site-selector-overlay {
display: none;
}
.ie-11 .notification.dismissed,
.lt-ie11 .notification.dismissed {
display: none;
}
.ie-11 .hero.background-img,
.lt-ie11 .hero.background-img {
opacity: .25 !important;
}
body.cookiebot-enabled #hs-eu-cookie-confirmation {
display: none !important;
}
@media (max-width: 767px) {
.one-column-block .wrapper-body,
.one-column-block-half .wrapper-body {
  margin-top: 22px;
}
}
@media (max-width: 767px) {
.one-column-block:not(.no-image) .content-title,
.one-column-block-half:not(.no-image) .content-title {
  margin-top: 22px;
}
}
/*.one-column-block:not(.have-image) {
  @media(max-width:@screen-xs-max) {
      padding-top: 15px !important;
  }
}*/
@media (max-width: 767px) {
.text-image-block .text-container {
  padding-top: 22px;
}
}
@media (max-width: 767px) {
.text-image-block .content-text {
  padding-top: 22px;
}
}
.text-rtl .one-column-block-half {
overflow: hidden;
}
.text-rtl .one-column-block-half .one-column-block-half {
overflow: visible;
}
.text-rtl .block h1,
.text-rtl .block h2,
.text-rtl .block h3 {
text-align: right;
}
.text-rtl .block h1:before,
.text-rtl .block h2:before,
.text-rtl .block h3:before {
right: 0;
}
.text-rtl .block h1.col-*:before,
.text-rtl .block h2.col-*:before,
.text-rtl .block h3.col-*:before {
right: 0.55555556rem;
}
.text-rtl .block.text-image-block .content-text-right {
padding-left: 0;
}
@media (min-width: 768px) {
.text-rtl .block.text-image-block .content-text-right {
  padding-right: 2.22222222rem;
}
}
@media (min-width: 992px) {
.text-rtl .block.text-image-block .content-text-right {
  padding-right: 3.88888889rem;
}
}
.text-rtl .block.text-image-block:not(.fluid-image) .content-text-left .text-container {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 768px) {
.text-rtl .block.text-image-block:not(.fluid-image) .content-text-left .text-container {
  padding-left: 2.22222222rem;
}
}
@media (min-width: 992px) {
.text-rtl .block.text-image-block:not(.fluid-image) .content-text-left .text-container {
  padding-left: 3.88888889rem;
}
}
.text-rtl .block.icon-grid-block .content-title {
float: right;
}
.text-rtl .block.three-column-block .title {
float: right;
}
.text-rtl .block.three-column-block .title:before {
right: 0.55555556rem;
}
.text-rtl .block.two-column-text-block .header-column,
.text-rtl .block.two-column-text-block .content-title {
float: right;
margin-right: 0;
}
.text-rtl .block.two-column-text-block .wrapper-body {
float: left;
}
@media (min-width: 768px) {
.text-rtl .block.two-column-text-block .wrapper-body {
  margin-left: 0;
  margin-right: 8.33333333%;
}
}
.text-rtl .block.column-block .learn-more-link {
float: right;
}
@media (min-width: 1200px) {
.text-rtl .block.column-block .learn-more-link {
  right: 0.55555556rem;
}
}
.text-rtl .content-title {
text-align: right;
}
@media (min-width: 768px) {
.text-rtl .content-title {
  margin-right: 20px;
}
}
.text-rtl .content-text {
text-align: right !important;
}
.text-rtl .content-text p {
text-align: right !important;
}
@media (min-width: 768px) {
.text-rtl .content-text {
  margin-right: 20px;
}
}
.text-rtl .footer--primary {
text-align: right;
}
.text-rtl .preamble {
text-align: right !important;
}
@media (min-width: 768px) {
.text-rtl .preamble {
  margin-right: 20px;
  margin-left: 20px;
}
}
.text-rtl .internallink {
text-align: right !important;
}
.text-rtl .learn-more-link {
text-align: right !important;
}
.text-rtl .calltoaction-links {
text-align: right;
float: right;
}
.text-rtl .actions {
text-align: right;
}
.text-rtl .nav {
/*text-align: right;
      float: right;*/
}
.text-rtl .go-to-global-container .calltoaction-links {
float: none;
text-align: center !important;
}
.text-rtl #language-selector .country-flag {
margin-right: 0;
}
.text-rtl .region-block__country--multi-lang .country__wrap > a:after {
left: 0.66666667rem;
right: initial;
}
.text-rtl .region-block__country .country__flag {
margin-left: 0.33333333rem;
margin-right: 0;
}
.text-rtl .calltoaction-links .internallink .square,
.text-rtl .calltoaction-links .externallink .square {
-ms-transform: rotate(180deg);
    transform: rotate(180deg);
margin-left: 0.83333333rem;
margin-right: 0;
}
@media (max-width: 767px) {
.text-rtl .navbar-action {
  left: 0;
  right: initial;
}
.text-rtl .navbar-nav > li.dropdown.has-child a svg {
  left: 1.88888889rem;
  right: initial;
}
.text-rtl li.dropdown.expanded .sub-menu ul li img {
  margin-left: 15px;
  margin-right: 0;
}
}
/*@import "_sticky-footer";
@import "_notifications";*/

/*# sourceMappingURL=seikovision.min.css.map*/
/*

  Website Overrides
  ------------------------------------------------
  This file contains overrides or path fixes for
  definitions in /_import/hs-website-common.less.
  
  Replace / Static/img/Icons (remove space before Static) with "@{hubspot-icons-folder-path}"

*/
body {
  background-color: #fcfcfc;
}
@media (min-width: 768px) {
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
.footer--primary:after,
.footer--primary:before {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/img/seiko_stripes.svg');
}
.calltoaction-links .externallink .square-internal,
.calltoaction-links .internallink .square-internal {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/Arrow.svg');
}
.site-selector-overlay .go-to-global-container .global-information-container {
  background: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/map.svg') no-repeat;
}
.site-selector-overlay .close-icon-link .close-icon {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/close.svg');
}
.region-block__country--multi-lang .country__wrap > a:after {
  background: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/caret-down-grey-sm.svg') no-repeat;
}
.main-wrapper {
  margin-top: 0 !important;
}
.submenu-expanded .main-wrapper {
  -ms-transform: none !important;
      transform: none !important;
}
@media only screen and (max-width: 991px) {
  .notification-wrapper > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/*

  Base Styling: Typography
  ------------------------------------------------
  Be sure to define the _typography.less settings
  before working with this file. Define all the
  general typography settings here, and use
  components to override the defaults, for instance
  in the post-body.less component.

*/
/*----------------------------------------*\
    Extender classes & mixins
\*----------------------------------------*/
.paragraph,
h6,
table,
dl,
.post-body p,
.post-body ul,
.post-body ol,
.PostBody ul,
.PostBody ol,
.PostBody p,
.PostBody ul,
.PostBody ol {
  font-size: 20px;
  line-height: 28px;
  color: #4c4c4c;
  margin: 0 0 1.5rem;
  padding: 0;
}
.paragraph em,
.post-body p em,
.post-body ul em,
.post-body ol em,
.PostBody p em,
.PostBody ul em,
.PostBody ol em {
  font-style: normal;
  font-weight: 500;
}
.paragraph strong,
.post-body p strong,
.post-body ul strong,
.post-body ol strong,
.PostBody p strong,
.PostBody ul strong,
.PostBody ol strong {
  font-weight: 600;
}
.preamble,
.post-body p.intro,
.post-body ul.intro,
.post-body ol.intro,
.post-body p.intro *,
.post-body ul.intro *,
.post-body ol.intro *,
.PostHero-preamble *,
.ListingHero-preamble *,
.BlogHeading-desc,
.PostBody p.intro,
.PostBody ul.intro,
.PostBody ol.intro,
.PostBody p.intro *,
.PostBody ul.intro *,
.PostBody ol.intro * {
  font-size: 20px;
  line-height: 28px;
  color: #4c4c4c;
  margin-bottom: 16px;
}
@media only screen and (min-width: 480px) {
  .preamble,
  .post-body p.intro,
  .post-body ul.intro,
  .post-body ol.intro,
  .post-body p.intro *,
  .post-body ul.intro *,
  .post-body ol.intro *,
  .PostHero-preamble *,
  .ListingHero-preamble *,
  .BlogHeading-desc,
  .PostBody p.intro,
  .PostBody ul.intro,
  .PostBody ol.intro,
  .PostBody p.intro *,
  .PostBody ul.intro *,
  .PostBody ol.intro * {
    font-size: 22px;
    line-height: 30px;
  }
}
.preamble em,
.PostHero-preamble * em,
.ListingHero-preamble * em,
.BlogHeading-desc em {
  font-style: normal;
  font-weight: 500;
}
.preamble strong,
.PostHero-preamble * strong,
.ListingHero-preamble * strong,
.BlogHeading-desc strong {
  font-weight: 600;
}
.small-text,
small,
h6 {
  font-size: 14px;
  line-height: 20px;
  color: #4c4c4c;
  display: inline-block;
}
.small-text em {
  font-style: normal;
  font-weight: 500;
}
.small-text strong {
  font-weight: 600;
}
/*----------------------------------------*\
    PARAGRAPHS
\*----------------------------------------*/
p img {
  margin: 8px 0 0;
}
p code {
  font-size: 80%;
  line-height: inherit;
}
sub,
sup {
  line-height: 1;
}
/*----------------------------------------*\
    HEADINGS
\*----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h5,
.h5-style,
.section-subheader,
.PostComments-heading,
h1 + h2 {
  margin: 0 0 16px;
  padding: 0;
}
h1,
.h1-style,
.subscription-page .page-header h1 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
}
@media only screen and (min-width: 480px) {
  h1,
  .h1-style,
  .subscription-page .page-header h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
h1 em,
.h1-style em,
.subscription-page .page-header h1 em {
  font-style: normal;
}
h1 strong,
.h1-style strong,
.subscription-page .page-header h1 strong {
  font-weight: 500;
}
h2,
.h2-style,
.section-subheader,
.landing-page .widget-type-header h1,
h1 + h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (min-width: 480px) {
  h2,
  .h2-style,
  .section-subheader,
  .landing-page .widget-type-header h1,
  h1 + h2 {
    font-size: 35px;
    line-height: 45px;
  }
}
h2 em,
.h2-style em,
.section-subheader em,
h1 + h2 em {
  font-style: normal;
}
h2 strong,
.h2-style strong,
.section-subheader strong,
h1 + h2 strong {
  font-weight: 500;
}
*:not(div) + h2,
*:not(div) + .h2-style,
*:not(div) + .section-subheader,
*:not(div) + h1 + h2 {
  margin-top: 40px;
}
h3,
.h3-style,
.subscription-page .page-header h2,
.subscription-page .page-header .section-subheader,
.subscription-page .page-header h1 + h2 {
  font-size: 18px;
  line-height: 1.375;
  font-weight: 500;
  text-transform: uppercase;
}
h3 em,
.h3-style em,
.subscription-page .page-header h2 em,
.subscription-page .page-header .section-subheader em,
.subscription-page .page-header h1 + h2 em {
  font-style: normal;
}
h3 strong,
.h3-style strong,
.subscription-page .page-header h2 strong,
.subscription-page .page-header .section-subheader strong,
.subscription-page .page-header h1 + h2 strong {
  font-weight: 500;
}
h2 + h3,
h2 + .h3-style,
.section-subheader + h3,
.section-subheader + .h3-style,
h2 + .subscription-page .page-header h2,
h2 + .subscription-page .page-header .section-subheader,
h1 + h2 + h3,
h1 + h2 + .h3-style,
h2 + .subscription-page .page-header h1 + h2 {
  margin-top: 32px;
}
h4,
.h4-style,
h5,
.h5-style,
.PostComments-heading {
  font-size: 18px;
  line-height: 1.375;
  font-weight: 600;
  margin-bottom: 8px;
}
h4 em,
.h4-style em,
h5 em,
.h5-style em,
.PostComments-heading em {
  font-style: normal;
}
h4 strong,
.h4-style strong,
h5 strong,
.h5-style strong,
.PostComments-heading strong {
  font-weight: 600;
}
h6 {
  font-weight: 400;
}
h6 b,
h6 strong {
  font-weight: 600;
}
.section-subheader,
h1 + h2 {
  font-weight: normal;
  color: #b2b2b2;
}
/*----------------------------------------*\
    HORISONTAL LINE
\*----------------------------------------*/
hr {
  margin-top: 36px !important;
  margin-bottom: 40px !important;
  height: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.045);
  border-bottom: 1px solid rgba(0, 0, 0, 0.045);
}
@media only screen and (min-width: 768px) {
  hr {
    margin-top: 48px !important;
    margin-bottom: 44px !important;
  }
}
/*----------------------------------------*\
    BLOCK QUOTE
\*----------------------------------------*/
blockquote {
  margin: 60px 0;
  padding: 0 30px;
  border-left: 5px solid #efefef;
}
blockquote,
blockquote * {
  font-size: 20px;
  line-height: 28px;
  color: #4c4c4c;
}
@media only screen and (min-width: 480px) {
  blockquote,
  blockquote * {
    font-size: 22px;
    line-height: 30px;
  }
}
blockquote em,
blockquote * em {
  font-style: normal;
  font-weight: 500;
}
blockquote strong,
blockquote * strong {
  font-weight: 600;
}
blockquote p {
  margin: 0;
}
blockquote footer {
  margin-top: .4em;
}
blockquote footer,
blockquote cite {
  text-align: right;
  font-size: 80% !important;
  font-style: normal;
}
blockquote footer *,
blockquote cite * {
  font-size: inherit !important;
  font-style: inherit;
}
blockquote cite::before {
  content: '—';
  margin-right: .2em;
}
/*----------------------------------------*\
    LISTS
\*----------------------------------------*/
ul,
ol {
  padding: 0;
}
ul li > strong:first-child,
ol li > strong:first-child {
  display: inline-block;
}
/* Custom numbers/bullets in body text */
.hs_cos_wrapper_type_rich_text ul + *,
.PostBody ul + *,
.hs_cos_wrapper_type_rich_text ol + *,
.PostBody ol + * {
  margin-top: rem(28);
}
.hs_cos_wrapper_type_rich_text ul li,
.PostBody ul li,
.hs_cos_wrapper_type_rich_text ol li,
.PostBody ol li {
  margin-bottom: rem(16);
}
.hs_cos_wrapper_type_rich_text ul li:last-child,
.PostBody ul li:last-child,
.hs_cos_wrapper_type_rich_text ol li:last-child,
.PostBody ol li:last-child {
  margin-bottom: 0;
}
.hs_cos_wrapper_type_rich_text > ol,
.PostBody > ol {
  counter-reset: item;
}
.hs_cos_wrapper_type_rich_text > ol li,
.PostBody > ol li {
  position: relative;
  display: block;
  padding-left: 1.77777778rem;
}
.hs_cos_wrapper_type_rich_text > ol li:before,
.PostBody > ol li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(item) ". ";
  counter-increment: item;
  color: #d28c00;
  font-family: 'Drescher Grotesk', Arial, sans-serif;
  font-weight: normal;
}
.hs_cos_wrapper_type_rich_text > ul,
.PostBody > ul {
  list-style: none;
}
.hs_cos_wrapper_type_rich_text > ul li,
.PostBody > ul li {
  position: relative;
  padding-left: 1.77777778rem;
}
.hs_cos_wrapper_type_rich_text > ul li:before,
.PostBody > ul li:before {
  content: '';
  position: absolute;
  top: .555em;
  left: 0;
  width: 0.33333333rem;
  height: 0.33333333rem;
  margin: rem(1) 0;
  background-size: 0.33333333rem auto;
  border-radius: 50%;
  background-color: #d28c00;
}
/* Validation Error Messages */
ul.hs-error-msgs.inputs-list {
  margin-bottom: 0;
}
/*

  Base Styling: Links
  ------------------------------------------------

*/
a {
  text-decoration: none;
  color: #d28c00;
  /*
    Image Links
  */
}
.transitions a {
  transition: all ease-in-out 0.2s;
}
.transitions a *,
.transitions a:before,
.transitions a:after {
  transition: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:active {
  transition-duration: .1s;
}
a:focus {
  color: #d28c00;
}
a:hover,
a:active {
  text-decoration: none;
  color: #FFC322;
}
.touch a:hover {
  color: #d28c00;
}
.touch a:active {
  color: #FFC322;
}
a.img-link {
  border: none !important;
}
a.img-link .hs-featured-image,
a.img-link img,
a.img-link .img {
  transition: opacity ease-in-out 0.2s;
}
a.img-link:hover .hs-featured-image,
a.img-link:focus .hs-featured-image,
a.img-link:hover img,
a.img-link:focus img,
a.img-link:hover .img,
a.img-link:focus .img {
  opacity: .92;
}
/*

  Base Styling: Selections
  ------------------------------------------------

*/
/* Highlighted Text */
/*

  Base Styling: Tables
  ------------------------------------------------

*/
/*

  Base Styling: Images
  ------------------------------------------------

*/
img {
  max-width: 100%;
  height: auto;
}
a img {
  border: none;
}
.hs_cos_wrapper_type_rich_text img[style*="float:left"],
.hs_cos_wrapper_type_rich_text img[style*="float: left"],
.hs_cos_wrapper_type_rich_text img[style*="float:right"],
.hs_cos_wrapper_type_rich_text img[style*="float: right"] {
  margin-bottom: 16px;
}
.hs_cos_wrapper_type_rich_text img[style*="float:left"],
.hs_cos_wrapper_type_rich_text img[style*="float: left"] {
  margin-right: 16px;
  max-width: 50%;
}
.hs_cos_wrapper_type_rich_text img[style*="float:right"],
.hs_cos_wrapper_type_rich_text img[style*="float: right"] {
  margin-left: 16px;
  max-width: 50%;
}
@media only screen and (max-width: 479px) {
  .hs_cos_wrapper_type_rich_text img[style*="float:left"],
  .hs_cos_wrapper_type_rich_text img[style*="float: left"],
  .hs_cos_wrapper_type_rich_text img[style*="float:right"],
  .hs_cos_wrapper_type_rich_text img[style*="float: right"] {
    float: none !important;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}
/*

  Base Styling: Print
  ------------------------------------------------

*/
.visible-print {
  display: none;
}
@media print {
  @page {
  }
  .hs-tools-menu,
  .hidden-print,
  .widget-type-blog_content > h2,
  .widget-type-blog_comments,
  .widget-type-blog_content > .section-subheader,
  .widget-type-blog_content > h1 + h2 {
    display: none !important;
  }
  .visible-print {
    display: block;
  }
  iframe {
    border: 1px solid #ddd;
  }
  .cta_button {
    border: 1px solid #888;
  }
}
/*

  Base Styling: Layout
  ------------------------------------------------
  General layout settings, but no styling.

*/
.body-container-wrapper {
  padding: 60px 0 100px;
}
@media only screen and (min-width: 768px) {
  .body-container-wrapper {
    padding-top: 72px;
  }
}
@media (min-width: 1600px) {
  .body-container-wrapper {
    padding-bottom: 112px;
  }
}
/*

  Base Styling: HubSpot Resets
  ------------------------------------------------

*/
html,
body {
  overflow: visible !important;
}
body {
  border-top: none;
}
.fb_iframe_widget > span {
  display: block !important;
}
.row-fluid {
  clear: both;
}
.row-fluid [class*="span"] {
  min-height: 0 !important;
}
.header-container > .row-fluid-wrapper > .row-fluid > .widget-type-global_widget {
  min-height: 0 !important;
}
/*  Components
    ========================================================================== */
/*

  Component: Debug Tools
  ------------------------------------------------
  When in debug or in local mode, the <body> will
  be assigned classes to indicate this in the
  bootstrap function of PJ.init. You can make use
  of these classes to customize the site in
  debug/local mode.
  
*/
/*---------------------------*\
  Local Mode
\*---------------------------*/
/*---------------------------*\
  Debug Mode
\*---------------------------*/
/*

  =========================
  ====== Media Object======

  <div class="media">
      <img src="" alt="" class="media__image">
      <p class="media__body"></p>
  </div>

*/
.media:before,
.media:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.media:after {
  clear: both;
}
.media:before,
.media:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.media:after {
  clear: both;
}
.media__body {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}
.media__image {
  float: left;
  margin-right: 10px;
}
.media__image > img {
  display: block;
}
.media__image .image--rev {
  float: right;
  margin-left: 10px;
}
/*

  =========================
  ====== Flag Object======

  <div class="flag">
      <div class="flag__image">
          <img src="" alt="">
      </div>
      <div class="flag__body">
          <p></p>
      </div>
  </div>

*/
.flag {
  display: table;
  width: 100%;
}
.flag__image,
.flag__body {
  display: table-cell;
  vertical-align: middle;
}
.flag--top .flag__image,
.flag--top .flag__body {
  vertical-align: top;
}
.flag--bottom .flag__image,
.flag--bottom .flag__body {
  vertical-align: bottom;
}
.flag__image {
  padding-right: 10px;
}
.flag__image > img,
.flag__image > a > img {
  display: block;
  max-width: none;
}
.flag--rev .flag__image {
  padding-right: 0;
  padding-left: 10px;
}
.flag__body {
  width: 100%;
}
/*

  HubSpot Component: Date Picker
  ------------------------------------------------

*/
.hs-datepicker button {
  min-width: inherit;
  padding: 5px;
  background-color: #f5f5f5;
  color: #555;
  border-radius: 0;
}
.hs-datepicker button:after,
.hs-datepicker button:before {
  display: none;
}
.hs-datepicker button:hover {
  background-color: #4c4c4c !important;
}
.hs-datepicker .pika-lendar {
  margin: 12px 12px 8px;
}
.hs-datepicker .pika-button {
  text-align: center;
}
.hs-datepicker .pika-button:hover {
  background-color: #4c4c4c;
}
.hs-datepicker .is-today .pika-button {
  color: #d28c00;
}
.hs-datepicker .is-selected .pika-button {
  background-color: #d28c00;
  box-shadow: none;
  color: white !important;
}
/*

  HubSpot Component: Search Module
  ------------------------------------------------

*/
.hs-search-module {
  position: relative;
}
.hs-search-module label {
  display: block;
  margin-bottom: 16px;
  line-height: 1;
}
.hs-search-module input[type="text"] {
  color: #d28c00;
}
.hs-search-module .input {
  position: relative;
  max-width: 600px;
}
.hs-search-module a.hs-button {
  height: 100%;
  margin: 0 0 0 -2px !important;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  box-sizing: border-box;
  display: inline-block;
  transition: all ease-in-out 0.2s;
  margin-top: 6px;
  margin-bottom: 4px;
  border-radius: 0;
  border: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  text-align: center;
  box-shadow: none;
  min-width: 130px;
  padding: .9175em 1.666666667em;
  padding-top: 12px;
  padding-bottom: 0;
  cursor: pointer;
  cursor: hand;
}
.hs-search-module a.hs-button em,
.hs-search-module a.hs-button strong {
  font-weight: 500;
}
.hs-search-module a.hs-button em {
  font-style: normal;
}
.hs-search-module a.hs-button strong {
  font-weight: 600;
}
.hs-search-module a.hs-button,
.hs-search-module a.hs-button:focus,
.hs-search-module a.hs-button:hover,
.hs-search-module a.hs-button:active {
  text-decoration: none;
}
.hs-search-module a.hs-button:active {
  transition: none;
}
.hs-search-module a.hs-button:focus {
  outline: 0;
}
.hs-search-module a.hs-button:active {
  transition-duration: .1s;
}
.hs-search-module a.hs-button,
.hs-search-module a.hs-button:focus {
  color: #0D0D0D;
  background-color: #d28c00;
}
.hs-search-module a.hs-button:hover,
.hs-search-module a.hs-button:active {
  color: #d28c00;
  background-color: #FFC322;
}
.hs-search-module a.hs-button:after {
  display: none;
}
/*

  HubSpot Component: Password Prompt
  ------------------------------------------------

*/
/*

  HubSpot Component: Form Styling
  ------------------------------------------------
  A glorious mix of hubspot form related styles

*/
.form-title {
  margin-bottom: 43.75px;
  color: #4c4c4c;
}
.inverted-ui .form-title {
  color: #b2b2b2;
}
.form-title:empty {
  display: none;
}
.hs-form.stacked {
  max-width: 100%;
}
.hs-form .hs-form-field {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-sizing: border-box;
  box-sizing: border-box;
}
.hs-form fieldset {
  min-width: 0;
  max-width: inherit !important;
}
.hs-form fieldset.form-columns-1 textarea.hs-input,
.hs-form fieldset.form-columns-2 textarea.hs-input,
.hs-form fieldset.form-columns-3 textarea.hs-input,
.hs-form fieldset.form-columns-1 select.hs-input,
.hs-form fieldset.form-columns-2 select.hs-input,
.hs-form fieldset.form-columns-3 select.hs-input,
.hs-form fieldset.form-columns-1 input[type="text"].hs-input,
.hs-form fieldset.form-columns-2 input[type="text"].hs-input,
.hs-form fieldset.form-columns-3 input[type="text"].hs-input,
.hs-form fieldset.form-columns-1 input[type="email"].hs-input,
.hs-form fieldset.form-columns-2 input[type="email"].hs-input,
.hs-form fieldset.form-columns-3 input[type="email"].hs-input,
.hs-form fieldset.form-columns-1 input[type="number"].hs-input,
.hs-form fieldset.form-columns-2 input[type="number"].hs-input,
.hs-form fieldset.form-columns-3 input[type="number"].hs-input,
.hs-form fieldset.form-columns-1 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-2 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-3 input[type="tel"].hs-input,
.hs-form fieldset.form-columns-1 input[type="url"].hs-input,
.hs-form fieldset.form-columns-2 input[type="url"].hs-input,
.hs-form fieldset.form-columns-3 input[type="url"].hs-input,
.hs-form fieldset.form-columns-1 input[type="file"].hs-input,
.hs-form fieldset.form-columns-2 input[type="file"].hs-input,
.hs-form fieldset.form-columns-3 input[type="file"].hs-input {
  width: 100% !important;
}
.hs-form fieldset.form-columns-1 .input,
.hs-form fieldset.form-columns-2 .input {
  margin-right: 0 !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field {
  padding-left: 0;
  padding-right: 0;
}
.hs-form fieldset .hs-richtext + .hs-form-field {
  padding-left: 0 !important;
}
@media (min-width: 401px) {
  .hs-form fieldset.form-columns-1 textarea.hs-input,
  .hs-form fieldset.form-columns-2 textarea.hs-input,
  .hs-form fieldset.form-columns-3 textarea.hs-input,
  .hs-form fieldset.form-columns-1 select.hs-input,
  .hs-form fieldset.form-columns-2 select.hs-input,
  .hs-form fieldset.form-columns-3 select.hs-input,
  .hs-form fieldset.form-columns-1 input[type="text"].hs-input,
  .hs-form fieldset.form-columns-2 input[type="text"].hs-input,
  .hs-form fieldset.form-columns-3 input[type="text"].hs-input,
  .hs-form fieldset.form-columns-1 input[type="email"].hs-input,
  .hs-form fieldset.form-columns-2 input[type="email"].hs-input,
  .hs-form fieldset.form-columns-3 input[type="email"].hs-input,
  .hs-form fieldset.form-columns-1 input[type="number"].hs-input,
  .hs-form fieldset.form-columns-2 input[type="number"].hs-input,
  .hs-form fieldset.form-columns-3 input[type="number"].hs-input,
  .hs-form fieldset.form-columns-1 input[type="tel"].hs-input,
  .hs-form fieldset.form-columns-2 input[type="tel"].hs-input,
  .hs-form fieldset.form-columns-3 input[type="tel"].hs-input,
  .hs-form fieldset.form-columns-1 input[type="url"].hs-input,
  .hs-form fieldset.form-columns-2 input[type="url"].hs-input,
  .hs-form fieldset.form-columns-3 input[type="url"].hs-input,
  .hs-form fieldset.form-columns-1 input[type="file"].hs-input,
  .hs-form fieldset.form-columns-2 input[type="file"].hs-input,
  .hs-form fieldset.form-columns-3 input[type="file"].hs-input {
    width: 100% !important;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field,
  .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 100% !important;
    float: none !important;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 480px) {
  .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 50% !important;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 33.33333333% !important;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field,
  .hs-form fieldset.form-columns-3 .hs-form-field {
    float: left !important;
    padding-left: 0;
    padding-right: 12px;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field:first-child,
  .hs-form fieldset.form-columns-3 .hs-form-field:first-child {
    padding-left: 0;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field:last-child,
  .hs-form fieldset.form-columns-3 .hs-form-field:last-child {
    padding-right: 0;
  }
}
.hs-form .hs-richtext {
  margin-bottom: 35px;
}
.hs-form .inputs-list {
  list-style: none !important;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 0;
}
.hs-form .inputs-list input[type="radio"],
.hs-form .inputs-list input[type="checkbox"] {
  margin-right: 6px;
}
.hs-form .inputs-list li {
  display: inline-block;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .hs-form .inputs-list li {
    margin-right: 28px;
  }
}
@media only screen and (max-width: 479px) {
  .hs-form .inputs-list {
    margin-top: 8px;
  }
  .hs-form .inputs-list li {
    margin-bottom: 5px;
  }
}
.hs-form .hs-form-required {
  position: relative;
  display: inline-block;
  margin-left: .25em;
  color: #fb6868;
  text-indent: -9999px;
  white-space: nowrap;
}
.hs-form .hs-form-required:before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #d28c00;
}
.hs-form .hs-error-msgs {
  margin-top: .1rem;
  text-align: right;
}
.hs-form .hs-error-msgs,
.hs-form .hs-error-msgs label {
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  color: #d28c00 !important;
}
.hs-form .hs-error-msgs li {
  margin-right: 0;
}
.inverted-ui .hs-form .hs-error-msgs label {
  color: #d28c00 !important;
}
.hs-form .hsformerror {
  border-radius: 0;
  background: #0D0D0D !important;
  color: white !important;
  border: none;
}
.hs-form .hsformerror em {
  border-color: #0D0D0D transparent transparent;
}
.hs-form .hsformerror .close-form-error {
  color: #fff !important;
  top: 3px;
  right: 8px;
}
.hs-form .hsformerror p {
  position: relative;
  padding: .1em 0 .1em 0;
  line-height: 1.7em;
  font-size: 13px;
  color: white !important;
}
@media (max-width: 480px) {
  .hs-form .actions .primary {
    width: 100%;
  }
}
.hs-form-booleancheckbox,
.hs-form-checkbox,
.hs-form-radio {
  min-height: 1em;
}
.hs-form-booleancheckbox label,
.hs-form-checkbox label,
.hs-form-radio label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  display: block;
  margin: 0 0 1em;
  padding-left: 1.65em;
  position: relative;
  vertical-align: bottom;
  line-height: 28px;
}
.hs-form-booleancheckbox label em,
.hs-form-checkbox label em,
.hs-form-radio label em,
.hs-form-booleancheckbox label strong,
.hs-form-checkbox label strong,
.hs-form-radio label strong {
  font-weight: 500;
}
.hs-form-booleancheckbox label em,
.hs-form-checkbox label em,
.hs-form-radio label em {
  font-style: normal;
}
.hs-form-booleancheckbox label strong,
.hs-form-checkbox label strong,
.hs-form-radio label strong {
  font-weight: 600;
}
.hs-form-booleancheckbox input[type="checkbox"],
.hs-form-checkbox input[type="checkbox"],
.hs-form-radio input[type="checkbox"],
.hs-form-booleancheckbox input[type="radio"],
.hs-form-checkbox input[type="radio"],
.hs-form-radio input[type="radio"] {
  margin: 0 .65em 0 0;
  position: absolute;
  top: 3.2px;
  left: 0;
  vertical-align: bottom;
}
.hs-form-booleancheckbox input[type="radio"],
.hs-form-checkbox input[type="radio"],
.hs-form-radio input[type="radio"] {
  top: 2.8px;
}
.hs-form-booleancheckbox span.desc,
.hs-form-checkbox span.desc,
.hs-form-radio span.desc {
  display: block;
  margin-top: 8px;
  color: #b2b2b2;
  font-size: 85%;
}
.hs_submit {
  margin-top: 24px;
}
.hs-form-field {
  margin-bottom: 35px;
}
.hs-form-field label {
  display: block;
  margin: 0 0 4px;
  color: #b2b2b2;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
}
.inverted-ui .hs-form-field label {
  color: #efefef;
}
.hs-form-field legend.hs-field-desc {
  margin: 0 0 .5rem;
  color: #b2b2b2;
  border: none;
  font-size: 14px;
}
.hs-form-field[class*="privacy"][class*="agree"] .hs-form-required {
  display: none;
}
#captcha_wrapper input[type="text"] {
  height: auto !important;
}
.submitted-message {
  color: #4c4c4c;
  transition: all ease-in-out 0.25s;
  opacity: 0;
  transform: translate3d(0, 8px, 0);
  transition-delay: .75s;
}
.transitions .submitted-message {
  opacity: 1;
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.inverted-ui .submitted-message {
  color: rgba(252, 252, 252, 0.75);
}
/*

  HubSpot Component: Menu Wrapper
  ------------------------------------------------

*/
.hs-menu-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal li {
  display: inline-block;
}
/*

  HubSpot Component: Horisontal Spacer
  -----------------------------------------------

*/
.hs_cos_wrapper_type_space {
  display: block;
  margin: 0 !important;
  height: 30px !important;
}
/*

  HubSpot Component: Sidebar Widgets
  ------------------------------------------------
  Default settings

*/
.hs_cos_wrapper_type_post_filter ul,
.hs_cos_wrapper_type_post_listing ul {
  list-style: none;
  padding: 0;
}
/*

  HubSpot Component: Calls-to-Action Buttons
  ------------------------------------------------
  The CTA buttons take advantage of the common
  button mixins in order to keep the styles
  consistent. Must use !important declaration
  to override the inline styling created by
  HubSpot

*/
.hs-cta-wrapper {
  display: block;
}
.hs-cta-wrapper .cta_button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  transition: all ease-in-out 0.2s !important;
  margin-top: 6px !important;
  margin-bottom: 4px !important;
  border-radius: 0 !important;
  border: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-decoration: none !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  min-width: 150px !important;
  padding: 1.434em 2.083333333em 1.234em  !important;
  margin: 0 !important;
}
.hs-cta-wrapper .cta_button em,
.hs-cta-wrapper .cta_button strong {
  font-weight: 500 !important;
}
.hs-cta-wrapper .cta_button em {
  font-style: normal !important;
}
.hs-cta-wrapper .cta_button strong {
  font-weight: 600 !important;
}
.hs-cta-wrapper .cta_button,
.hs-cta-wrapper .cta_button:focus,
.hs-cta-wrapper .cta_button:hover,
.hs-cta-wrapper .cta_button:active {
  text-decoration: none !important;
}
.hs-cta-wrapper .cta_button:active {
  transition: none !important;
}
.hs-cta-wrapper .cta_button:focus {
  outline: 0 !important;
}
.hs-cta-wrapper .cta_button:active {
  transition-duration: .1s !important;
}
.hs-cta-wrapper .cta_button > *:first-child {
  margin-top: 0;
}
.hs-cta-wrapper .cta_button > *:last-child {
  margin-bottom: 0;
}
.hs-cta-wrapper .cta_button.content,
.hs-cta-wrapper .cta_button.content:focus {
  color: #FFC322 !important;
  background-color: #0D0D0D !important;
}
.hs-cta-wrapper .cta_button.content:hover,
.hs-cta-wrapper .cta_button.content:active {
  color: #d28c00 !important;
}
.hs-cta-wrapper .cta_button.subscribe,
.hs-cta-wrapper .cta_button.subscribe:focus {
  color: #0D0D0D !important;
  background-color: #FFC322 !important;
}
.hs-cta-wrapper .cta_button.subscribe:hover,
.hs-cta-wrapper .cta_button.subscribe:active {
  color: #FFC322 !important;
  background-color: #d28c00 !important;
}
.hs-cta-wrapper .cta_button.contact,
.hs-cta-wrapper .cta_button.contact:focus {
  color: #d28c00 !important;
  background-color: inherit !important;
  border: 1px solid #d28c00 !important;
}
.hs-cta-wrapper .cta_button.contact:hover,
.hs-cta-wrapper .cta_button.contact:active {
  color: #d28c00 !important;
  background-color: #FFC322 !important;
  border-color: #FFC322 !important;
}
/*

  HubSpot Component: Blog Subscription Widget
  ------------------------------------------

*/
.widget-type-blog_subscribe h3:empty {
  display: none;
}
.widget-type-blog_subscribe.on-success {
  background-color: rgba(76, 76, 76, 0.2);
  padding: 5px 10px;
  color: #4c4c4c;
  border: 1px solid rgba(76, 76, 76, 0.3) !important;
}
.widget-type-blog_subscribe .hs-form-field {
  margin-bottom: .4em;
}
.widget-type-blog_subscribe input[type="text"],
.widget-type-blog_subscribe input[type="email"] {
  width: 100%;
}
/*

  Subscription Frequency radio buttons

*/
div[class*="_subscription"] {
  margin: 8px 0 !important;
}
div[class*="_subscription"] > label {
  display: none !important;
}
/*

  Hubspot Component: Comment Listing
  ------------------------------------------------
  Comment items and reply buttons here


 */
#comments-listing {
  padding: 0;
}
#comments-listing.no-comments {
  display: none;
}
#comments-listing .comment {
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 12px;
  padding-left: 0;
  border-top: 1px solid #efefef;
}
#comments-listing .comment:before,
#comments-listing .comment:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#comments-listing .comment:after {
  clear: both;
}
#comments-listing .comment:before,
#comments-listing .comment:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#comments-listing .comment:after {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .no-touch #comments-listing .comment .comment-reply-to {
    opacity: 0;
  }
  .no-touch #comments-listing .comment:hover .comment-reply-to {
    opacity: 1;
  }
}
#comments-listing .comment.depth-0 {
  margin-top: 16px;
  padding-top: 24px;
  background: none;
  border-top: 1 solid #efefef;
  border-left-color: rgba(255, 255, 255, 0);
}
@media only screen and (max-width: 767px) {
  #comments-listing .comment.depth-0 {
    padding-left: 0;
  }
}
#comments-listing .comment.depth-0:first-child {
  margin-top: 0;
  border-top: 0;
}
#comments-listing .comment.depth-1 {
  margin-left: 66px;
}
#comments-listing .comment.depth-2 {
  margin-left: 132px;
}
#comments-listing .comment.depth-3 {
  margin-left: 198px;
}
#comments-listing .comment .comment-date,
#comments-listing .comment .comment-from h4,
#comments-listing .comment .comment-from h5,
#comments-listing .comment .comment-from .h5-style,
#comments-listing .comment .comment-from .PostComments-heading {
  display: block;
  font-size: 14px;
  line-height: 1.6;
}
#comments-listing .comment .comment-from h4,
#comments-listing .comment .comment-from h5,
#comments-listing .comment .comment-from .h5-style,
#comments-listing .comment .comment-from .PostComments-heading {
  float: left;
  color: #4c4c4c;
}
#comments-listing .comment .comment-date {
  /*
        Cut of time, put on own line
      */
  float: right;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  width: 5.25em;
  color: rgba(76, 76, 76, 0.5);
}
#comments-listing .comment .comment-body p {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
#comments-listing button.comment-reply-to {
  float: right;
  margin-top: 4px;
  padding: 4px 0;
  border: none;
  box-shadow: none;
  cursor: pointer;
  text-decoration: none !important;
  color: #d28c00;
  background: none;
  /* Prevent fouc when being localized */
}
#comments-listing button.comment-reply-to,
#comments-listing button.comment-reply-to * {
  font-size: 12px !important;
  font-weight: 600;
}
#comments-listing button.comment-reply-to:focus {
  color: #d28c00;
}
#comments-listing button.comment-reply-to:hover,
#comments-listing button.comment-reply-to:active {
  text-decoration: none;
  color: #FFC322;
}
.touch #comments-listing button.comment-reply-to:hover {
  color: #d28c00;
}
.touch #comments-listing button.comment-reply-to:active {
  color: #FFC322;
}
#comments-listing button.comment-reply-to em {
  font-style: normal;
}
#comments-listing button.comment-reply-to:hover {
  background: none;
}
#comments-listing button.comment-reply-to:active {
  background: none;
}
/*

  HubSpot Component: Comment Form
  ------------------------------------------------

*/
#comment-form {
  width: 100%;
  margin: 32px 0 56px;
  padding: 40px 20px;
  background: #efefef;
}
@media only screen and (min-width: 768px) {
  #comment-form {
    padding-left: 33px;
    padding-right: 33px;
  }
}
#comments-listing #comment-form {
  margin: 24px 0 48px;
}
#comment-form form {
  max-width: 100%;
}
#comment-form input[type="text"],
#comment-form input[type="email"],
#comment-form textarea {
  width: 100%;
}
#comment-form input[type="submit"] {
  min-width: 150px;
  padding: 1.434em 2.083333333em 1.234em ;
}
#comment-form #captcha_wrapper {
  margin-bottom: 16px;
}
.hs-common-confirm-message {
  font-size: 18px;
  line-height: 1.375;
  font-weight: 600;
  margin: 0 0 56px !important;
  padding: .65em 1em !important;
  background: #4c4c4c !important;
  color: white !important;
  border: none !important;
  border-radius: 0 !important;
  text-align: center;
}
.hs-common-confirm-message em {
  font-style: normal;
}
.hs-common-confirm-message strong {
  font-weight: 600;
}
#comments-listing .hs-common-confirm-message {
  display: none;
}
/*

  HubSpot: Content Editor Components
  ------------------------------------------------
  Include this component to restore the editor UI
  style that might have been overwritten by
  project styles

*/
.hs-inline-edit .mce-container button {
  margin: 0 !important;
  padding: 4px 8px !important;
  letter-spacing: 0 !important;
  font-size: 12px !important;
  background: none !important;
  border: none !important;
}
.hs-inline-edit .mce-container button:hover,
.hs-inline-edit .mce-container button:focus,
.hs-inline-edit .mce-container button:active {
  background: none !important;
}
.hs-inline-edit .hs-mce-popover.drop.drop-element .hs-button {
  letter-spacing: 0;
}
.hs-inline-edit .tinymce-popover-row .hs-button {
  line-height: 1.5em !important;
  min-width: 0 !important;
}
.hs-tools-menu a,
.hs-tools-menu a:active,
.hs-tools-menu a:focus,
.hs-tools-menu a:hover {
  border: none !important;
}
/*

  Component: Custom Checkboxes v0.1.0
  ------------------------------------------------
  TODO: Not done yet
  
*/
.hs_ui_multiple_checkboxes > label {
  margin-bottom: 0.55555556em;
}
.hs-form-booleancheckbox,
.hs-form-checkbox {
  margin-bottom: 0.27777778em !important;
  /*------------------------------------------------*\
      Inverted user interface
  \*------------------------------------------------*/
}
.hs-form-booleancheckbox:last-child,
.hs-form-checkbox:last-child {
  margin-bottom: 0 !important;
}
.hs-form-booleancheckbox label,
.hs-form-checkbox label {
  position: relative;
  z-index: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 0;
  color: #0D0D0D;
}
.hs-form-booleancheckbox input[type="checkbox"],
.hs-form-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}
.hs-form-booleancheckbox input[type="checkbox"] + span,
.hs-form-checkbox input[type="checkbox"] + span {
  display: inline-block;
  padding-left: 1.55555556rem;
  font-size: 16px;
  line-height: 21px;
}
.hs-form-booleancheckbox input[type="checkbox"] + span:after,
.hs-form-checkbox input[type="checkbox"] + span:after,
.hs-form-booleancheckbox input[type="checkbox"] + span:before,
.hs-form-checkbox input[type="checkbox"] + span:before {
  content: "";
  position: absolute;
  top: -0.05em;
  left: 0;
  width: 1.11111111rem;
  height: 1.11111111rem;
}
.hs-form-booleancheckbox input[type="checkbox"] + span:before,
.hs-form-checkbox input[type="checkbox"] + span:before {
  display: block;
  border: 1px solid #c8c8c8;
}
@media only screen and (min-width: 1200px) {
  .hs-form-booleancheckbox input[type="checkbox"] + span:before,
  .hs-form-checkbox input[type="checkbox"] + span:before {
    top: 0.35px;
  }
}
.hs-form-booleancheckbox input[type="checkbox"] + span:after,
.hs-form-checkbox input[type="checkbox"] + span:after {
  display: inline-block;
  z-index: 1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCAxMyAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iVUlFbGVtZW50cy9Gb3JtcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU4Ni4wMDAwMDAsIC04NjEuMDAwMDAwKSI+ICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgc3Ryb2tlPSIjRjVGNUY1IiBwb2ludHM9IjU4NiA4NjcuMzE4MzU5IDU5MC4yNTc4MTIgODcxLjMyNjE3MiA1OTcuNzkxMDE2IDg2MSI+PC9wb2x5bGluZT4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 50%;
  transition: all .15s ease;
  -ms-transform: scale(0) translate(0.025em, 0.015em);
      transform: scale(0) translate(0.025em, 0.015em);
  opacity: 0;
}
.hs-form-booleancheckbox input[type="checkbox"]:checked + span,
.hs-form-checkbox input[type="checkbox"]:checked + span {
  color: #282828;
}
.hs-form-booleancheckbox input[type="checkbox"]:checked + span:before,
.hs-form-checkbox input[type="checkbox"]:checked + span:before {
  background-color: #0D0D0D;
  border-color: #0D0D0D;
}
.hs-form-booleancheckbox input[type="checkbox"]:checked + span:after,
.hs-form-checkbox input[type="checkbox"]:checked + span:after {
  -ms-transform: scale(1) translate(0.025em, 0.015em);
      transform: scale(1) translate(0.025em, 0.015em);
  opacity: 1;
}
.inverted-ui .hs-form-booleancheckbox input[type="checkbox"] + span:before,
.inverted-ui .hs-form-checkbox input[type="checkbox"] + span:before {
  border-color: rgba(252, 252, 252, 0.75);
}
.inverted-ui .hs-form-booleancheckbox input[type="checkbox"]:checked + span,
.inverted-ui .hs-form-checkbox input[type="checkbox"]:checked + span {
  color: #fcfcfc;
}
.inverted-ui .hs-form-booleancheckbox input[type="checkbox"]:checked + span:before,
.inverted-ui .hs-form-checkbox input[type="checkbox"]:checked + span:before {
  border-color: #fcfcfc;
  background-color: #fcfcfc;
}
/*

    Component: Advanced Custom Checkboxes
    ------------------------------------------------
    This solution that uses CSS to generate a 
    circle and a selection dot for radio buttons in 
    HubSpot forms. No javascript hacks needed.
    
    
    HOW TO USE:
    ------------------------------------------------
    1.  Just include the component in the
        [project]-style stylesheet.
    2.  Enjoy.
    3.  Wrap the form with the class .inverted-ui
        to invert the radio button
  
*/
[class*="_blog_subscription"] > label,
.hs_ui_radio > label {
  margin-bottom: 0.55555556em;
}
.hs-form-radio {
  margin-bottom: 0.27777778em !important;
  /*------------------------------------------------*\
      Inverted user interface
  \*------------------------------------------------*/
}
.hs-form-radio:last-child {
  margin-bottom: 0 !important;
}
.hs-form-radio label {
  position: relative;
  z-index: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 0;
  color: #0D0D0D;
}
.hs-form-radio input[type="radio"] {
  opacity: 0;
  position: absolute;
}
.hs-form-radio input[type="radio"] + span {
  display: inline-block;
  position: relative;
  padding-left: 1.55555556rem;
  font-size: 16px;
  line-height: 1.4;
  color: #0D0D0D;
}
.hs-form-radio input[type="radio"] + span:after,
.hs-form-radio input[type="radio"] + span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.11111111rem;
  height: 1.11111111rem;
  border-radius: 50%;
}
@media only screen and (min-width: 992px) {
  .hs-form-radio input[type="radio"] + span:after,
  .hs-form-radio input[type="radio"] + span:before {
    top: 0;
  }
}
.hs-form-radio input[type="radio"] + span:before {
  display: block;
  padding: .25em;
  border: 1px solid #0D0D0D;
  box-shadow: inset 0 0 0.2px 20px rgba(31, 31, 31, 0);
  transition: all .25s ease;
}
.hs-form-radio input[type="radio"] + span:after {
  display: inline-block;
  transition: all .25s ease;
  border: 2px solid rgba(31, 31, 31, 0);
  -ms-transform: scale(0);
      transform: scale(0);
  opacity: 0;
}
.hs-form-radio input[type="radio"]:checked + span:before {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}
.hs-form-radio input[type="radio"]:checked + span:after {
  -ms-transform: scale(0.25);
      transform: scale(0.25);
  opacity: 1;
  background-color: #fcfcfc;
  border-color: #fcfcfc;
}
.inverted-ui .hs-form-radio input[type="radio"] + span {
  color: rgba(13, 13, 13, 0.75);
}
.inverted-ui .hs-form-radio input[type="radio"] + span:before {
  background: none;
  border: 1px solid rgba(13, 13, 13, 0.75);
  box-shadow: inset 0 0 0.2px 20px rgba(13, 13, 13, 0);
}
.inverted-ui .hs-form-radio input[type="radio"] + span:after {
  background-color: #d28c00;
  border: 2px solid rgba(210, 140, 0, 0);
}
.inverted-ui .hs-form-radio input[type="radio"]:checked + span {
  color: #0D0D0D;
}
.inverted-ui .hs-form-radio input[type="radio"]:checked + span:before {
  border-color: #0D0D0D;
}
.inverted-ui .hs-form-radio input[type="radio"]:checked + span:after {
  color: rgba(13, 13, 13, 0.75);
}
/*------------------------------------------------*\
    Fluid Page alignments
\*------------------------------------------------*/
.fluid-page .hs-form-radio input[type="radio"] + span,
.portal-page .hs-form-radio input[type="radio"] + span {
  font-size: 1em;
}
.fluid-page .hs-form-radio input[type="radio"] + span:after,
.portal-page .hs-form-radio input[type="radio"] + span:after,
.fluid-page .hs-form-radio input[type="radio"] + span:before,
.portal-page .hs-form-radio input[type="radio"] + span:before {
  top: 3px;
}
@media only screen and (min-width: 992px) {
  .fluid-page .hs-form-radio input[type="radio"] + span:after,
  .portal-page .hs-form-radio input[type="radio"] + span:after,
  .fluid-page .hs-form-radio input[type="radio"] + span:before,
  .portal-page .hs-form-radio input[type="radio"] + span:before {
    top: .25em;
  }
}
/*

  Component: Page Center
  ------------------------------------------------
  Apply .page-center class to create a center-
  aligned container with the set max width.

  Uses the .setContainerWidth() project mixin.

*/
.container-fluid .row-fluid .page-center,
.page-center {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .container-fluid .row-fluid .page-center,
  .page-center {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .container-fluid .row-fluid .page-center,
  .page-center {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 768px) {
  .container-fluid .row-fluid .page-center,
  .page-center {
    float: none !important;
    width: 100%;
    max-width: 1240px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .container-fluid .row-fluid .page-center,
  .page-center {
    float: none !important;
    width: 100%;
    max-width: 1300px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*

  Component: Buttons
  ------------------------------------------------
  Set button styling using the button mixins
  located in project-mixins.less so that they
  can be reused in hubspot-calls-to-action.less

*/
button,
input[type="button"],
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  box-sizing: border-box;
  display: inline-block;
  transition: all ease-in-out 0.2s;
  margin-top: 6px;
  margin-bottom: 4px;
  border-radius: 0;
  border: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  min-width: 150px;
  padding: 1.434em 2.083333333em 1.234em ;
}
button em,
input[type="button"] em,
.button em,
button strong,
input[type="button"] strong,
.button strong {
  font-weight: 500;
}
button em,
input[type="button"] em,
.button em {
  font-style: normal;
}
button strong,
input[type="button"] strong,
.button strong {
  font-weight: 600;
}
button,
input[type="button"],
.button,
button:focus,
input[type="button"]:focus,
.button:focus,
button:hover,
input[type="button"]:hover,
.button:hover,
button:active,
input[type="button"]:active,
.button:active {
  text-decoration: none;
}
button:active,
input[type="button"]:active,
.button:active {
  transition: none;
}
button:focus,
input[type="button"]:focus,
.button:focus {
  outline: 0;
}
button:active,
input[type="button"]:active,
.button:active {
  transition-duration: .1s;
}
button,
input[type="button"],
.button,
button:focus,
input[type="button"]:focus,
.button:focus {
  color: #FFC322;
  background-color: #0D0D0D;
}
button:hover,
input[type="button"]:hover,
.button:hover,
button:active,
input[type="button"]:active,
.button:active {
  color: #d28c00;
}
button:disabled,
input[type="button"]:disabled,
.button:disabled {
  background: #efefef !important;
  color: #b2b2b2 !important;
  pointer-events: none !important;
}
button:disabled:focus,
input[type="button"]:disabled:focus,
.button:disabled:focus {
  background: #efefef !important;
}
button:disabled:hover,
input[type="button"]:disabled:hover,
.button:disabled:hover {
  background: #efefef !important;
}
button.primary,
input[type="button"].primary,
.button.primary,
button.primary:focus,
input[type="button"].primary:focus,
.button.primary:focus {
  color: #0D0D0D;
  background-color: #d28c00;
}
button.primary:hover,
input[type="button"].primary:hover,
.button.primary:hover,
button.primary:active,
input[type="button"].primary:active,
.button.primary:active {
  color: #d28c00;
  background-color: #FFC322;
}
button.content,
input[type="button"].content,
.button.content,
button.secondary,
input[type="button"].secondary,
.button.secondary,
button.content:focus,
input[type="button"].content:focus,
.button.content:focus,
button.secondary:focus,
input[type="button"].secondary:focus,
.button.secondary:focus {
  color: #FFC322;
  background-color: #0D0D0D;
}
button.content:hover,
input[type="button"].content:hover,
.button.content:hover,
button.secondary:hover,
input[type="button"].secondary:hover,
.button.secondary:hover,
button.content:active,
input[type="button"].content:active,
.button.content:active,
button.secondary:active,
input[type="button"].secondary:active,
.button.secondary:active {
  color: #d28c00;
}
button.subscribe,
input[type="button"].subscribe,
.button.subscribe,
button.tertiary,
input[type="button"].tertiary,
.button.tertiary,
button.subscribe:focus,
input[type="button"].subscribe:focus,
.button.subscribe:focus,
button.tertiary:focus,
input[type="button"].tertiary:focus,
.button.tertiary:focus {
  color: #0D0D0D;
  background-color: #FFC322;
}
button.subscribe:hover,
input[type="button"].subscribe:hover,
.button.subscribe:hover,
button.tertiary:hover,
input[type="button"].tertiary:hover,
.button.tertiary:hover,
button.subscribe:active,
input[type="button"].subscribe:active,
.button.subscribe:active,
button.tertiary:active,
input[type="button"].tertiary:active,
.button.tertiary:active {
  color: #FFC322;
  background-color: #d28c00;
}
button.contact,
input[type="button"].contact,
.button.contact,
button.contact:focus,
input[type="button"].contact:focus,
.button.contact:focus {
  color: #d28c00;
  background-color: inherit;
  border: 1px solid #d28c00;
}
button.contact:hover,
input[type="button"].contact:hover,
.button.contact:hover,
button.contact:active,
input[type="button"].contact:active,
.button.contact:active {
  color: #d28c00;
  background-color: #FFC322;
  border-color: #FFC322;
}
button.newsletter,
input[type="button"].newsletter,
.button.newsletter,
button.newsletter:focus,
input[type="button"].newsletter:focus,
.button.newsletter:focus {
  color: #0D0D0D;
  background-color: inherit;
  border: 1px solid #0D0D0D;
}
button.newsletter:hover,
input[type="button"].newsletter:hover,
.button.newsletter:hover,
button.newsletter:active,
input[type="button"].newsletter:active,
.button.newsletter:active {
  color: #fcfcfc;
  background-color: #0D0D0D;
}
.inverted-ui button.newsletter,
.inverted-ui input[type="button"].newsletter,
.inverted-ui .button.newsletter,
.inverted-ui button.newsletter:focus,
.inverted-ui input[type="button"].newsletter:focus,
.inverted-ui .button.newsletter:focus {
  color: #fcfcfc;
  background-color: inherit;
  border: 1px solid #fcfcfc;
}
.inverted-ui button.newsletter:hover,
.inverted-ui input[type="button"].newsletter:hover,
.inverted-ui .button.newsletter:hover,
.inverted-ui button.newsletter:active,
.inverted-ui input[type="button"].newsletter:active,
.inverted-ui .button.newsletter:active {
  color: #0D0D0D;
  background-color: #fcfcfc;
}
button.small,
input[type="button"].small,
.button.small {
  min-width: 130px;
  padding: .9175em 1.666666667em;
}
button.medium,
input[type="button"].medium,
.button.medium {
  min-width: 150px;
  padding: 1.434em 2.083333333em 1.234em ;
}
button.large,
input[type="button"].large,
.button.large {
  min-width: 150px;
  padding: 1.434em 2.083333333em 1.234em ;
}
input[type="submit"],
input[type="submit"].primary {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  box-sizing: border-box;
  display: inline-block;
  transition: all ease-in-out 0.2s;
  margin-top: 6px;
  margin-bottom: 4px;
  border-radius: 0;
  border: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  min-width: 150px;
  padding: 1.434em 2.083333333em 1.234em ;
}
input[type="submit"] em,
input[type="submit"].primary em,
input[type="submit"] strong,
input[type="submit"].primary strong {
  font-weight: 500;
}
input[type="submit"] em,
input[type="submit"].primary em {
  font-style: normal;
}
input[type="submit"] strong,
input[type="submit"].primary strong {
  font-weight: 600;
}
input[type="submit"],
input[type="submit"].primary,
input[type="submit"]:focus,
input[type="submit"].primary:focus,
input[type="submit"]:hover,
input[type="submit"].primary:hover,
input[type="submit"]:active,
input[type="submit"].primary:active {
  text-decoration: none;
}
input[type="submit"]:active,
input[type="submit"].primary:active {
  transition: none;
}
input[type="submit"]:focus,
input[type="submit"].primary:focus {
  outline: 0;
}
input[type="submit"]:active,
input[type="submit"].primary:active {
  transition-duration: .1s;
}
input[type="submit"],
input[type="submit"].primary,
input[type="submit"]:focus,
input[type="submit"].primary:focus {
  color: #FFC322;
  background-color: #0D0D0D;
}
input[type="submit"]:hover,
input[type="submit"].primary:hover,
input[type="submit"]:active,
input[type="submit"].primary:active {
  color: #d28c00;
}
.contact-page input[type="submit"],
.contact-form input[type="submit"],
.contact-page input[type="submit"].primary,
.contact-form input[type="submit"].primary,
.contact-page input[type="submit"]:focus,
.contact-form input[type="submit"]:focus,
.contact-page input[type="submit"].primary:focus,
.contact-form input[type="submit"].primary:focus {
  color: #d28c00;
  background-color: inherit;
  border: 1px solid #d28c00;
}
.contact-page input[type="submit"]:hover,
.contact-form input[type="submit"]:hover,
.contact-page input[type="submit"].primary:hover,
.contact-form input[type="submit"].primary:hover,
.contact-page input[type="submit"]:active,
.contact-form input[type="submit"]:active,
.contact-page input[type="submit"].primary:active,
.contact-form input[type="submit"].primary:active {
  color: #d28c00;
  background-color: #FFC322;
  border-color: #FFC322;
}
button:after,
a.button:after,
a.hs-button:after {
  position: relative;
  top: .125em;
  vertical-align: top;
  display: inline-block;
  margin-left: .75em;
  content: '';
  width: 8px;
  height: 12px;
  background-repeat: no-repeat;
  transition: inherit;
}
button:after,
a.button:after,
a.hs-button:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0ZGQkEyRCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: auto 12px;
}
button:hover:after,
a.button:hover:after,
a.hs-button:hover:after,
button:active:after,
a.button:active:after,
a.hs-button:active:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0QyOEMwMCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: auto 12px;
}
button.secondary:after,
a.button.secondary:after,
a.hs-button.secondary:after {
  position: relative;
  top: .125em;
  vertical-align: top;
  display: inline-block;
  margin-left: .75em;
  content: '';
  width: 8px;
  height: 12px;
  background-repeat: no-repeat;
  transition: inherit;
}
button.secondary:after,
a.button.secondary:after,
a.hs-button.secondary:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0ZGQkEyRCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: auto 12px;
}
button.secondary:hover:after,
a.button.secondary:hover:after,
a.hs-button.secondary:hover:after,
button.secondary:active:after,
a.button.secondary:active:after,
a.hs-button.secondary:active:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0QyOEMwMCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: auto 12px;
}
button.contact:after,
a.button.contact:after,
a.hs-button.contact:after {
  position: relative;
  top: .125em;
  vertical-align: top;
  display: inline-block;
  margin-left: .75em;
  content: '';
  width: 8px;
  height: 12px;
  background-repeat: no-repeat;
  transition: inherit;
}
button.contact:after,
a.button.contact:after,
a.hs-button.contact:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0QyOEMwMCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: auto 12px;
}
button.contact:hover:after,
a.button.contact:hover:after,
a.hs-button.contact:hover:after,
button.contact:active:after,
a.button.contact:active:after,
a.hs-button.contact:active:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDcgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ1RBIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU0LjAwMDAwMCwgLTE0My4wMDAwMDApIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTE2LjAwMDAwMCwgMTIzLjAwMDAwMCkiIHN0cm9rZT0iI0QyOEMwMCI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDAsOCBDMTAwLDggMTAzLjE3Mzg2NiwxMC41MTI3MTk2IDEwNC43NjA4LDExLjc2OTA3OTQgQzEwNS4yODEwMiwxMi4xODA5MzI3IDEwNS44MDEyNCwxMi41OTI3ODU5IDEwNi4zMjE0NiwxMy4wMDQ2MzkxIEwxMDAuMDgxNDE1LDE4IiBpZD0iUGF0aC02OC1Db3B5LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: auto 12px;
}
button.subscribe:after,
a.button.subscribe:after,
a.hs-button.subscribe:after {
  display: none;
}
/*

  Component: Form Inputs
  ------------------------------------------------

*/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="file"],
input[type="color"],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  width: 100%;
  padding: .5em 0;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  border-radius: 0;
  color: #0D0D0D;
  background-color: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  transition: all ease-in-out 0.15s;
}
textarea em,
input[type="text"] em,
input[type="password"] em,
input[type="datetime"] em,
input[type="datetime-local"] em,
input[type="date"] em,
input[type="month"] em,
input[type="time"] em,
input[type="week"] em,
input[type="number"] em,
input[type="email"] em,
input[type="url"] em,
input[type="search"] em,
input[type="tel"] em,
input[type="file"] em,
input[type="color"] em,
select em,
textarea strong,
input[type="text"] strong,
input[type="password"] strong,
input[type="datetime"] strong,
input[type="datetime-local"] strong,
input[type="date"] strong,
input[type="month"] strong,
input[type="time"] strong,
input[type="week"] strong,
input[type="number"] strong,
input[type="email"] strong,
input[type="url"] strong,
input[type="search"] strong,
input[type="tel"] strong,
input[type="file"] strong,
input[type="color"] strong,
select strong {
  font-weight: 500;
}
textarea em,
input[type="text"] em,
input[type="password"] em,
input[type="datetime"] em,
input[type="datetime-local"] em,
input[type="date"] em,
input[type="month"] em,
input[type="time"] em,
input[type="week"] em,
input[type="number"] em,
input[type="email"] em,
input[type="url"] em,
input[type="search"] em,
input[type="tel"] em,
input[type="file"] em,
input[type="color"] em,
select em {
  font-style: normal;
}
textarea strong,
input[type="text"] strong,
input[type="password"] strong,
input[type="datetime"] strong,
input[type="datetime-local"] strong,
input[type="date"] strong,
input[type="month"] strong,
input[type="time"] strong,
input[type="week"] strong,
input[type="number"] strong,
input[type="email"] strong,
input[type="url"] strong,
input[type="search"] strong,
input[type="tel"] strong,
input[type="file"] strong,
input[type="color"] strong,
select strong {
  font-weight: 600;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="file"]:focus,
input[type="color"]:focus,
select:focus {
  border-color: #d28c00;
}
textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="file"]:disabled,
input[type="color"]:disabled,
select:disabled {
  background-color: #efefef !important;
  cursor: default;
}
textarea.nude,
input[type="text"].nude,
input[type="password"].nude,
input[type="datetime"].nude,
input[type="datetime-local"].nude,
input[type="date"].nude,
input[type="month"].nude,
input[type="time"].nude,
input[type="week"].nude,
input[type="number"].nude,
input[type="email"].nude,
input[type="url"].nude,
input[type="search"].nude,
input[type="tel"].nude,
input[type="file"].nude,
input[type="color"].nude,
select.nude {
  border: none;
}
.inverted-ui textarea,
.inverted-ui input[type="text"],
.inverted-ui input[type="password"],
.inverted-ui input[type="datetime"],
.inverted-ui input[type="datetime-local"],
.inverted-ui input[type="date"],
.inverted-ui input[type="month"],
.inverted-ui input[type="time"],
.inverted-ui input[type="week"],
.inverted-ui input[type="number"],
.inverted-ui input[type="email"],
.inverted-ui input[type="url"],
.inverted-ui input[type="search"],
.inverted-ui input[type="tel"],
.inverted-ui input[type="file"],
.inverted-ui input[type="color"],
.inverted-ui select {
  color: #fcfcfc;
  background-color: inherit;
}
.inverted-ui textarea::-webkit-input-placeholder,
.inverted-ui input[type="text"]::-webkit-input-placeholder,
.inverted-ui input[type="password"]::-webkit-input-placeholder,
.inverted-ui input[type="datetime"]::-webkit-input-placeholder,
.inverted-ui input[type="datetime-local"]::-webkit-input-placeholder,
.inverted-ui input[type="date"]::-webkit-input-placeholder,
.inverted-ui input[type="month"]::-webkit-input-placeholder,
.inverted-ui input[type="time"]::-webkit-input-placeholder,
.inverted-ui input[type="week"]::-webkit-input-placeholder,
.inverted-ui input[type="number"]::-webkit-input-placeholder,
.inverted-ui input[type="email"]::-webkit-input-placeholder,
.inverted-ui input[type="url"]::-webkit-input-placeholder,
.inverted-ui input[type="search"]::-webkit-input-placeholder,
.inverted-ui input[type="tel"]::-webkit-input-placeholder,
.inverted-ui input[type="file"]::-webkit-input-placeholder,
.inverted-ui input[type="color"]::-webkit-input-placeholder,
.inverted-ui select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #efefef;
}
.inverted-ui textarea::-moz-placeholder,
.inverted-ui input[type="text"]::-moz-placeholder,
.inverted-ui input[type="password"]::-moz-placeholder,
.inverted-ui input[type="datetime"]::-moz-placeholder,
.inverted-ui input[type="datetime-local"]::-moz-placeholder,
.inverted-ui input[type="date"]::-moz-placeholder,
.inverted-ui input[type="month"]::-moz-placeholder,
.inverted-ui input[type="time"]::-moz-placeholder,
.inverted-ui input[type="week"]::-moz-placeholder,
.inverted-ui input[type="number"]::-moz-placeholder,
.inverted-ui input[type="email"]::-moz-placeholder,
.inverted-ui input[type="url"]::-moz-placeholder,
.inverted-ui input[type="search"]::-moz-placeholder,
.inverted-ui input[type="tel"]::-moz-placeholder,
.inverted-ui input[type="file"]::-moz-placeholder,
.inverted-ui input[type="color"]::-moz-placeholder,
.inverted-ui select::-moz-placeholder {
  /* Firefox 19+ */
  color: #efefef;
}
.inverted-ui textarea:-ms-input-placeholder,
.inverted-ui input[type="text"]:-ms-input-placeholder,
.inverted-ui input[type="password"]:-ms-input-placeholder,
.inverted-ui input[type="datetime"]:-ms-input-placeholder,
.inverted-ui input[type="datetime-local"]:-ms-input-placeholder,
.inverted-ui input[type="date"]:-ms-input-placeholder,
.inverted-ui input[type="month"]:-ms-input-placeholder,
.inverted-ui input[type="time"]:-ms-input-placeholder,
.inverted-ui input[type="week"]:-ms-input-placeholder,
.inverted-ui input[type="number"]:-ms-input-placeholder,
.inverted-ui input[type="email"]:-ms-input-placeholder,
.inverted-ui input[type="url"]:-ms-input-placeholder,
.inverted-ui input[type="search"]:-ms-input-placeholder,
.inverted-ui input[type="tel"]:-ms-input-placeholder,
.inverted-ui input[type="file"]:-ms-input-placeholder,
.inverted-ui input[type="color"]:-ms-input-placeholder,
.inverted-ui select:-ms-input-placeholder {
  /* IE 10+ */
  color: #efefef;
}
.inverted-ui textarea:-moz-placeholder,
.inverted-ui input[type="text"]:-moz-placeholder,
.inverted-ui input[type="password"]:-moz-placeholder,
.inverted-ui input[type="datetime"]:-moz-placeholder,
.inverted-ui input[type="datetime-local"]:-moz-placeholder,
.inverted-ui input[type="date"]:-moz-placeholder,
.inverted-ui input[type="month"]:-moz-placeholder,
.inverted-ui input[type="time"]:-moz-placeholder,
.inverted-ui input[type="week"]:-moz-placeholder,
.inverted-ui input[type="number"]:-moz-placeholder,
.inverted-ui input[type="email"]:-moz-placeholder,
.inverted-ui input[type="url"]:-moz-placeholder,
.inverted-ui input[type="search"]:-moz-placeholder,
.inverted-ui input[type="tel"]:-moz-placeholder,
.inverted-ui input[type="file"]:-moz-placeholder,
.inverted-ui input[type="color"]:-moz-placeholder,
.inverted-ui select:-moz-placeholder {
  /* Firefox 18- */
  color: #efefef;
}
select {
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: none;
}
input[type="file"] {
  line-height: 1;
  font-size: 16px;
}
/*

  HubSpot Floated Labels v1.2.0 [Hoya Edition]
  ------------------------------------------------
  Creates the floated label behaviour on HubSpot
  forms, where the label appears as a placeholder
  at first, but becomes the input label when the 
  input field is focused.
  
  HOW TO USE:
  ------------------------------------------------
  1.  Implement the jquery.hsFloatedLabels plugin
  2.  Enjoy.
    
*/
.hs-floated-label-input {
  position: relative;
  display: inline-block;
  width: 100%;
  /*----------------------------------------------------------*\
      Transitions are set only after the item has been
      initiated, ie when .hs-floated-label-input--initiated
      has been set. This is to prevent initial transitions
  \*----------------------------------------------------------*/
  /*------------------------------------------------*\
      Float on Value
      --------------
      Label floats first when user has entered
      a value in the text field
  \*------------------------------------------------*/
  /*------------------------------------------------*\
      Inverted UI
  \*------------------------------------------------*/
}
.hs-floated-label-input--initiated input,
.hs-floated-label-input--initiated textarea,
.hs-floated-label-input--initiated select {
  transition: all 0.2s, background-color 0.4s;
}
.hs-floated-label-input--initiated legend {
  transition: all 0.2s, background-color 0.4s;
}
.hs-floated-label-input--initiated > label {
  transition: all 0.2s, background-color 0.4s;
}
.hs-floated-label-input input,
.hs-floated-label-input textarea,
.hs-floated-label-input select {
  outline: 0;
  padding: 8px 0;
  background: none;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  cursor: pointer;
}
.hs-floated-label-input input:focus,
.hs-floated-label-input textarea:focus,
.hs-floated-label-input select:focus {
  border-color: #d28c00;
}
.hs-floated-label-input input::-webkit-input-placeholder,
.hs-floated-label-input textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b2b2b2;
}
.hs-floated-label-input input::-moz-placeholder,
.hs-floated-label-input textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #b2b2b2;
}
.hs-floated-label-input input:-ms-input-placeholder,
.hs-floated-label-input textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #b2b2b2;
}
.hs-floated-label-input input:-moz-placeholder,
.hs-floated-label-input textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #b2b2b2;
}
.hs-floated-label-input legend {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  opacity: 0;
}
.hs-floated-label-input > label,
.hs-floated-label-input--float-on-value .hs-floated-label-placeholder {
  display: inline-block;
  padding: 0;
  padding-left: inherit;
  margin: 0;
  position: absolute;
  left: 0;
  top: 3px;
  color: #0D0D0D;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.14583333em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0);
  pointer-events: none;
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  -ms-transform: translateY(8px);
      transform: translateY(8px);
}
.hs-floated-label-input.focused > label,
.hs-floated-label-input.pinned > label {
  color: #919191;
  -ms-transform: translateY(-12px) scale(0.75);
      transform: translateY(-12px) scale(0.75);
  letter-spacing: 0.125em;
  z-index: 1;
}
.hs-floated-label-input.focused legend,
.hs-floated-label-input.pinned legend {
  opacity: 1;
}
.hs-floated-label-input.focused > label {
  color: #919191;
}
.hs-floated-label-input--float-on-value .hs-floated-label-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  transition-delay: 0.2s;
}
.hs-floated-label-input--float-on-value > label,
.hs-floated-label-input--float-on-value.focused > label {
  opacity: 0;
  -ms-transform: translateY(-3px) scale(0.75);
      transform: translateY(-3px) scale(0.75);
}
.hs-floated-label-input--float-on-value.has-value .hs-floated-label-placeholder,
.hs-floated-label-input--float-on-value.pinned .hs-floated-label-placeholder {
  opacity: 0;
  transition-delay: 0s;
}
.hs-floated-label-input--float-on-value.has-value > label,
.hs-floated-label-input--float-on-value.pinned > label {
  -ms-transform: translateY(-12px) scale(0.75);
      transform: translateY(-12px) scale(0.75);
  opacity: 1;
}
.hs-floated-label-input--float-on-value.has-value legend,
.hs-floated-label-input--float-on-value.pinned legend {
  opacity: 1;
}
.inverted-ui .hs-floated-label-input input::-webkit-input-placeholder,
.inverted-ui .hs-floated-label-input textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
}
.inverted-ui .hs-floated-label-input input::-moz-placeholder,
.inverted-ui .hs-floated-label-input textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}
.inverted-ui .hs-floated-label-input input:-ms-input-placeholder,
.inverted-ui .hs-floated-label-input textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 0.5);
}
.inverted-ui .hs-floated-label-input input:-moz-placeholder,
.inverted-ui .hs-floated-label-input textarea:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5);
}
.inverted-ui .hs-floated-label-input input,
.inverted-ui .hs-floated-label-input textarea,
.inverted-ui .hs-floated-label-input select {
  color: #fcfcfc;
  border-bottom: 1px solid #fcfcfc;
}
.inverted-ui .hs-floated-label-input input:focus,
.inverted-ui .hs-floated-label-input textarea:focus,
.inverted-ui .hs-floated-label-input select:focus {
  border-color: #d28c00;
  box-shadow: 0 1px 0 0 #d28c00;
}
.inverted-ui .hs-floated-label-input legend {
  color: #fcfcfc;
}
.inverted-ui .hs-floated-label-input.focused > label {
  color: #efefef;
}
/*

  Component: Simple Custom Checkboxes v1.0.0
  ------------------------------------------------
  This creates a custom styling for the <select>
  dropdown. The following javascript needs to be
  called on form init:
  
  form.find('select').each(function(){
      if (!$(this).parent().hasClass('Select')) {
          $(this).wrap('<span class="Select"/>');
      }
  });
  
  
  HOW TO USE:
  ------------------------------------------------
  1.  Update variables
  2.  Include the component in the
      [project]-style stylesheet.
  3.  Make sure javascript is applied.
  4.  Enjoy.
  
*/
.hs_ui_dropdown > label {
  margin-bottom: 0.55555556em;
}
.Select {
  display: inline-block;
  width: 100%;
  padding: 0;
  padding-right: 0;
  position: relative;
  background: none;
  box-shadow: inset 0 0 0 #fcfcfc;
  border-bottom: 1px solid #b2b2b2;
  /*------------------------------------------------*\
      Inverted UI
  \*------------------------------------------------*/
}
.Select:after {
  content: "";
  position: absolute;
  width: 14px;
  top: 1px;
  bottom: 1px;
  right: 1px;
  background: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDE2IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+UGF0aCA2OCBDb3B5IDI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iVUlFbGVtZW50cy9Gb3JtcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5OC4wMDAwMDAsIC03OTQuMDAwMDAwKSI+ICAgICAgICA8cGF0aCBkPSJNNTAyLjI5MDkzNyw3OTAuNzA5MDYzIEw1MDguMDU2MzA4LDc5Ni4wNzUxODMgQzUwOC42ODYyOTksNzk2LjY2MTU0OCA1MDkuMzE2MjksNzk3LjI0NzkxMiA1MDkuOTQ2MjgxLDc5Ny44MzQyNzYgTDUwMi4zODk1MzEsODA0Ljk0NjI4MSIgaWQ9IlBhdGgtNjgtQ29weS0yIiBzdHJva2U9IiMyODI4MjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwNi4xMTg2MDksIDc5Ny44Mjc2NzIpIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTA2LjExODYwOSwgLTc5Ny44Mjc2NzIpICI+PC9wYXRoPiAgICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-position: center right;
  pointer-events: none;
}
.Select select {
  border-bottom: none;
}
.inverted-ui .Select {
  background: none;
  color: #0D0D0D;
}
.inverted-ui .Select option {
  color: black;
}
.inverted-ui .Select .no-value {
  color: #0D0D0D;
}
.inverted-ui .Select:after {
  background-color: inherit;
}
/*------------------------------------------------*\
    <select> default styling
\*------------------------------------------------*/
.Select-input,
select {
  width: 100%;
  margin: 0;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.3125rem 0 0.55555556rem;
  padding-right: 1.25em;
}
.Select-input:focus,
select:focus {
  outline: none;
}
.Select-input:disabled,
select:disabled {
  opacity: 0.75;
  cursor: not-allowed;
}
.Select-input:disabled:hover,
select:disabled:hover {
  box-shadow: none;
}
select {
  border-bottom: 1px solid #b2b2b2;
}
.inverted-ui select {
  border-color: rgba(178, 178, 178, 0.75);
}
/*

  Component: Sidebar
  ------------------------------------------------
  General sidebar styling. Might be used if there
  is a general sidebar shared by the blog or other
  pages.

*/
.sidebar {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .sidebar {
    margin-top: 0;
  }
}
.sidebar .widget-span h3 {
  font-size: 18px;
  line-height: 1.375;
  font-weight: 600;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 24px;
}
.sidebar .widget-span h3 em {
  font-style: normal;
}
.sidebar .widget-span h3 strong {
  font-weight: 500;
}
.sidebar .widget-span ul {
  margin-bottom: 0;
}
.sidebar .widget-span li {
  margin-bottom: .35em;
}
.sidebar .widget-span li:last-child {
  margin-bottom: 0;
}
/*

  Component: Post Body Typography
  ------------------------------------------------
  Set the whole typography for .post-body
  containers, mainly Blog Page.

  Set this class in wrappers, for example
  landing pages to get post-body styling

*/
.hs_cos_wrapper_type_rich_text > *:first-child {
  margin-top: 0;
}
.hs_cos_wrapper_type_rich_text > *:last-child {
  margin-bottom: 0;
}
.post-body,
.PostBody {
  color: #4c4c4c;
  /* Preamble */
}
.post-body h1 strong,
.post-body h2 strong,
.post-body h1 b,
.post-body h2 b,
.post-body h1 em,
.post-body h2 em,
.post-body h1 i,
.post-body h2 i,
.post-body .section-subheader strong,
.post-body .section-subheader b,
.post-body .section-subheader em,
.post-body .section-subheader i,
.PostBody h1 strong,
.PostBody h2 strong,
.PostBody h1 b,
.PostBody h2 b,
.PostBody h1 em,
.PostBody h2 em,
.PostBody h1 i,
.PostBody h2 i,
.post-body h1 + h2 strong,
.post-body h1 + h2 b,
.post-body h1 + h2 em,
.post-body h1 + h2 i {
  font-family: 'Drescher Grotesk', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.post-body img,
.PostBody img {
  max-width: 100%;
  margin-bottom: 8px;
}
.post-body .featured-image,
.PostBody .featured-image {
  display: block;
  margin: 1.35em 0 1.65em;
  max-height: 20em;
  overflow: hidden;
}
.post-body .featured-image img,
.PostBody .featured-image img {
  width: 100%;
  height: auto;
}
.post-body .hs-cta-wrapper,
.PostBody .hs-cta-wrapper {
  display: block;
  margin: 40px 0;
}
.post-body p:last-child .hs-cta-wrapper,
.PostBody p:last-child .hs-cta-wrapper {
  margin-bottom: 0;
}
.post-body .hbspt-form,
.PostBody .hbspt-form {
  margin: 16px 0;
}
/*

  Component: Social Icons
  ------------------------------------------------

  <ul class="social-icons">
    <li><span class="social-icon social-icon--facebook"></span></li>
    <li><span class="social-icon social-icon--twitter"></span></li>
    <li><span class="social-icon social-icon--linkedin"></span></li>
  </div>
  
  or simply:
  
  <div class="social-icons">
    <span class="social-icon social-icon--facebook"></span>
    <span class="social-icon social-icon--twitter"></span>
    <span class="social-icon social-icon--linkedin"></span>
  </div>
    
*/
.social-icons ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.social-icons li {
  padding-left: 0;
  margin-bottom: 0;
}
.social-icons a {
  border: none;
  cursor: pointer;
}
.social-icons a:hover,
.social-icons a:focus {
  text-decoration: none;
}
.social-icons .social-icon {
  background: url('//cdn2.hubspot.net/hubfs/3904775/Assets/img/social-icons-sprites.png?1') no-repeat;
  display: inline-block;
  text-indent: -9999px;
  transition: opacity ease-in-out 0.2s;
  opacity: 0.8;
  background-size: 128px auto;
  width: 32px;
  height: 32px;
}
.social-icons .social-icon:hover {
  opacity: 1;
}
.social-icons .social-icon.social-icon--facebook {
  background-position: 0px 0px;
}
.social-icons .social-icon.social-icon--twitter {
  background-position: -32px 0px;
}
.social-icons .social-icon.social-icon--linkedin {
  background-position: -64px 0px;
}
.social-icons .social-icon.social-icon--website {
  background-position: -96px 0px;
}
.social-icons--horizontal ul li {
  margin-right: 8px;
  display: inline-block;
}
.share-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: 25px auto;
  background-repeat: no-repeat;
}
.share-icon--twitter {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-twitter-white.png');
}
.share-icon--twitter.grey {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-twitter-grey.png');
}
.share-icon--linkedin {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-linkedin-white.png');
}
.share-icon--linkedin.grey {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-linkedin-grey.png');
}
.share-icon--facebook {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-facebook-white.png');
}
.share-icon--facebook.grey {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-facebook-grey.png');
}
/*

  Component: Website Top Navigation
  ------------------------------------------------
  .com alignments

*/
body {
  padding-top: 60px;
}
@media only screen and (min-width: 768px) {
  body {
    padding-top: 121px;
  }
}
@media only screen and (min-width: 1200px) {
  body {
    padding-top: 123px;
  }
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.scroller-button {
  min-width: inherit;
  margin: 0;
  padding: 0;
}
.scroller-button:after {
  display: none;
}
[lang="fr"] body {
  padding-top: 56px;
}
@media (min-width: 1200px) {
  [lang="fr"] body {
    padding-top: 64px;
  }
}
.navbar--one-pager {
  background-color: #000000 !important;
  border: none;
  transition: transform ease-in-out 0.3s;
  transform: translate3d(0, 0, 0);
}
.navbar--one-pager,
.navbar--one-pager .navbar-header,
.navbar--one-pager .navbar-nav {
  height: 56px;
}
.navbar--one-pager .navbar-right {
  display: none;
}
@media (max-width: 787px) {
  .navbar--one-pager .navbar-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .navbar--one-pager,
  .navbar--one-pager .navbar-header,
  .navbar--one-pager .navbar-nav {
    height: 64px;
  }
}
.navbar--one-pager .navbar-header {
  height: inherit;
  background-color: #000000 !important;
}
.navbar--one-pager .navbar-header:before,
.navbar--one-pager .navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar--one-pager .navbar-header:after {
  clear: both;
}
@media (min-width: 1200px) {
  .navbar--one-pager .navbar-header {
    width: 100%;
  }
}
.navbar--one-pager .navbar-header .navbar-back,
.navbar--one-pager .navbar-header .navbar-action {
  display: none !important;
  pointer-events: auto;
}
.navbar--one-pager .navbar-header .navbar-heading {
  pointer-events: none;
  display: inline-block;
}
.navbar--one-pager .navbar-header .navbar-heading-logo {
  pointer-events: none;
}
.navbar--one-pager .navbar-header .navbar-heading .logo-link {
  pointer-events: auto;
}
.navbar--one-pager .navbar-header .navbar-heading-caption {
  display: none;
}
.navbar--one-pager .navbar-header .navbar-heading .logo-link {
  display: inline-block;
  padding: 12px 0;
}
.navbar--one-pager .navbar-header .navbar-heading .logo-link img {
  height: 20px;
  width: auto;
}
@media (min-width: 1200px) {
  .navbar--one-pager .navbar-header .navbar-heading .logo-link {
    padding: 16px 0;
    top: 0;
  }
  .navbar--one-pager .navbar-header .navbar-heading .logo-link img {
    height: 22px;
  }
}
@media (min-width: 1200px) and (min-width: 1600px) {
  .navbar--one-pager .navbar-header .navbar-heading .logo-link {
    padding: 16px 0;
  }
  .navbar--one-pager .navbar-header .navbar-heading .logo-link img {
    height: 22px;
  }
}
.navbar--one-pager .navbar-header .navbar-heading .logo-link:hover,
.navbar--one-pager .navbar-header .navbar-heading .logo-link:active {
  opacity: .85;
}
/*------------------------------------------------*\
    HubSpot Resets
\*------------------------------------------------*/
/*

  Component: StickyFooter
  ------------------------------------------------

*/
body.sticky-footer-enabled {
  padding-bottom: 56px;
}
@media only screen and (min-width: 768px) and (min-height: 800px) {
  body.sticky-footer-enabled {
    padding-bottom: 68px;
  }
}
.StickyFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  padding-left: 0 !important;
  background-color: #282828;
  border-top: 1px solid rgba(252, 252, 252, 0.15);
  height: 56px;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  transform: translate3d(0, 100%, 0);
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}
@media only screen and (min-width: 768px) and (min-height: 800px) {
  .StickyFooter {
    height: 68px;
  }
}
.sticky-footer-enabled .StickyFooter {
  transition-delay: 1.5s;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.menu-expanded .StickyFooter,
.site-selector-expanded .StickyFooter {
  transform: translate3d(0, 100%, 0);
}
.hs-inline-edit .StickyFooter {
  display: none;
}
.StickyFooter-inner {
  padding-left: 20px;
  padding-right: 20px;
  display: table;
  width: 100%;
  height: 56px;
}
@media (min-width: 768px) {
  .StickyFooter-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .StickyFooter-inner {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 768px) {
  .StickyFooter-inner {
    float: none !important;
    width: 100%;
    max-width: 1240px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .StickyFooter-inner {
    float: none !important;
    width: 100%;
    max-width: 1300px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 768px) and (min-height: 800px) {
  .StickyFooter-inner {
    height: 68px;
  }
}
@media only screen and (max-width: 991px) {
  .StickyFooter-inner {
    padding-left: 0;
  }
}
.StickyFooter-inner > div {
  display: table-cell;
  vertical-align: middle;
}
.StickyFooter-nav {
  width: 25%;
}
.StickyFooter-toolbar {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .StickyFooter-breadcrumb h4,
  .StickyFooter-breadcrumb h5,
  .StickyFooter-breadcrumb .h5-style,
  .StickyFooter-breadcrumb .PostComments-heading {
    display: none !important;
  }
  .StickyFooter-toolbar {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .hs-blog-post .StickyFooter-back {
    display: inline-block;
  }
}
.StickyFooter-nav .Toolbar-item {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hs-blog-post .StickyFooter-nav .StickyFooter-back {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  .hs-blog-post .StickyFooter-nav .StickyFooter-back {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .StickyFooter-nav .StickyFooter-scrollToTop {
    display: inline-block;
  }
  .hs-blog-post .StickyFooter-nav .StickyFooter-scrollToTop,
  .hs-blog-post[data-direction="down"] .StickyFooter-nav .StickyFooter-scrollToTop {
    display: none;
  }
  .hs-blog-post .StickyFooter-nav .StickyFooter-back,
  .hs-blog-post[data-direction="down"] .StickyFooter-nav .StickyFooter-back {
    display: inline-block;
  }
  .hs-blog-post[data-direction="up"].has-scrolled .StickyFooter-nav .StickyFooter-back,
  .hs-blog-post.reached-bottom .StickyFooter-nav .StickyFooter-back {
    display: none;
  }
  .hs-blog-post[data-direction="up"].has-scrolled .StickyFooter-nav .StickyFooter-scrollToTop,
  .hs-blog-post.reached-bottom .StickyFooter-nav .StickyFooter-scrollToTop {
    display: inline-block;
  }
}
.hs-blog-listing .StickyFooter-nav .StickyFooter-back {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .hs-blog-listing .StickyFooter-nav .StickyFooter-scrollToTop {
    display: none !important;
  }
  .hs-blog-listing .StickyFooter-nav .StickyFooter-filter {
    display: inline-block;
    white-space: nowrap;
  }
}
.StickyFooter-nav a {
  display: inline-block;
  padding: 16px 42px 8px 0;
  color: #fcfcfc;
  text-decoration: none !important;
  padding-left: 20px !important;
}
.StickyFooter-nav a:before,
.StickyFooter-nav a:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.StickyFooter-nav a:after {
  clear: both;
}
.StickyFooter-nav a:before,
.StickyFooter-nav a:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.StickyFooter-nav a:after {
  clear: both;
}
.StickyFooter-nav a.arrow-link:before {
  background: #fcfcfc;
}
.StickyFooter-nav a.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #fcfcfc;
}
.StickyFooter-nav a:hover,
.StickyFooter-nav a:focus {
  color: #fcfcfc;
  text-decoration: none;
}
.StickyFooter-nav a:active {
  color: #d28c00;
}
.StickyFooter-nav a:active.arrow-link:before {
  background: #d28c00;
}
.StickyFooter-nav a:active.arrow-link:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #d28c00;
}
.no-touch .StickyFooter-nav a:hover {
  color: #d28c00;
}
.no-touch .StickyFooter-nav a:hover.arrow-link:before {
  background: #d28c00;
}
.no-touch .StickyFooter-nav a:hover.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #d28c00;
}
.no-touch .StickyFooter-nav a:active {
  color: #9f6a00;
}
.no-touch .StickyFooter-nav a:active.arrow-link:before {
  background: #d28c00;
}
.no-touch .StickyFooter-nav a:active.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #d28c00;
}
@media only screen and (min-width: 480px) {
  .StickyFooter-nav a {
    padding-left: 20px !important;
  }
}
@media only screen and (min-width: 992px) {
  .StickyFooter-nav a {
    padding-left: 0 !important;
  }
}
@media (min-height: 800px) {
  .StickyFooter-nav a {
    padding-top: 27px;
    padding-bottom: 27px;
  }
}
.StickyFooter-nav a:active {
  background-color: rgba(76, 76, 76, 0.1);
}
@media (min-width: 992px) {
  .StickyFooter-nav a:hover {
    background-color: rgba(76, 76, 76, 0.1);
  }
}
.StickyFooter-nav a .breadcrumb-title {
  display: inline-block;
  margin-top: -8px;
  margin-left: 4px;
  font-family: 'Drescher Grotesk', Arial, sans-serif;
}
.StickyFooter-nav a .breadcrumb-title strong {
  font-family: 'Drescher Grotesk', Arial, sans-serif;
  font-weight: 400;
}
.StickyFooter-nav a .breadcrumb-subtitle {
  display: block;
  font-size: 12px;
  color: #b2b2b2;
}
.StickyFooter-toolbar {
  position: relative;
}
.StickyFooter-scrollContent {
  position: absolute;
  top: 0;
  right: 0;
  transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  transition-duration: .25s;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .StickyFooter-scrollContent {
    width: 100%;
  }
}
.hs-blog-listing .StickyFooter-scrollDownContent {
  display: none;
}
.hs-blog-post .StickyFooter-scrollUpContent {
  opacity: 1;
  pointer-events: auto;
}
.hs-blog-post .StickyFooter-scrollDownContent {
  opacity: 0;
  pointer-events: none;
}
.hs-blog-post[data-direction="down"] .StickyFooter-scrollUpContent {
  opacity: 0;
  pointer-events: none;
}
.hs-blog-post[data-direction="down"] .StickyFooter-scrollDownContent {
  opacity: 1;
  pointer-events: auto;
}
.hs-blog-post[data-direction="up"] .StickyFooter-scrollUpContent,
.hs-blog-post[data-force-scroll-up-content="true"] .StickyFooter-scrollUpContent {
  opacity: 1;
  pointer-events: auto;
}
.hs-blog-post[data-direction="up"] .StickyFooter-scrollDownContent,
.hs-blog-post[data-force-scroll-up-content="true"] .StickyFooter-scrollDownContent {
  opacity: 0;
  pointer-events: none;
}
.Toolbar {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
  height: 56px;
}
@media only screen and (min-width: 768px) {
  .Toolbar {
    height: 68px;
    text-align: right;
  }
}
.Toolbar li {
  display: inline-block;
  padding: 0;
  white-space: nowrap;
}
.Toolbar-item a:not(.subscribe) {
  color: #fcfcfc;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.14583333em;
  text-transform: uppercase;
  display: block;
  padding: 0 14px 0 8.4px;
  line-height: 54px;
}
.Toolbar-item a:not(.subscribe).arrow-link:before {
  background: #fcfcfc;
}
.Toolbar-item a:not(.subscribe).arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #fcfcfc;
}
.Toolbar-item a:not(.subscribe):hover,
.Toolbar-item a:not(.subscribe):focus {
  color: #fcfcfc;
  text-decoration: none;
}
.Toolbar-item a:not(.subscribe):active {
  color: #d28c00;
}
.Toolbar-item a:not(.subscribe):active.arrow-link:before {
  background: #d28c00;
}
.Toolbar-item a:not(.subscribe):active.arrow-link:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #d28c00;
}
.no-touch .Toolbar-item a:not(.subscribe):hover {
  color: #d28c00;
}
.no-touch .Toolbar-item a:not(.subscribe):hover.arrow-link:before {
  background: #d28c00;
}
.no-touch .Toolbar-item a:not(.subscribe):hover.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #d28c00;
}
.no-touch .Toolbar-item a:not(.subscribe):active {
  color: #9f6a00;
}
.no-touch .Toolbar-item a:not(.subscribe):active.arrow-link:before {
  background: #d28c00;
}
.no-touch .Toolbar-item a:not(.subscribe):active.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #d28c00;
}
@media only screen and (min-width: 768px) {
  .Toolbar-item a:not(.subscribe) {
    padding-right: 17px;
    padding-left: 10.2px;
    line-height: 68px;
  }
}
.Toolbar-item a:not(.subscribe):focus,
.Toolbar-item a:not(.subscribe):active,
.Toolbar-item a:not(.subscribe):hover {
  text-decoration: none;
}
.Toolbar-item a:not(.subscribe):active {
  background-color: rgba(178, 178, 178, 0.1);
}
/*------------------------------------------------*\
    Toolbar Social Icons
\*------------------------------------------------*/
.Toolbar--socialIcons .Toolbar-item a {
  padding: 12px 8px;
}
@media only screen and (min-width: 768px) and (min-height: 800px) {
  .Toolbar--socialIcons .Toolbar-item a {
    padding: 14px 8px;
  }
}
.Toolbar--socialIcons .Toolbar-itemDesc {
  vertical-align: top;
  margin-top: 16px;
  margin-right: 8px;
  font-size: 14px;
  color: rgba(178, 178, 178, 0.5);
}
@media only screen and (min-width: 768px) {
  .Toolbar--socialIcons .Toolbar-itemDesc {
    margin-right: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .Toolbar--socialIcons .Toolbar-itemDesc {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (min-height: 800px) {
  .Toolbar--socialIcons .Toolbar-itemDesc {
    margin-top: 26px;
    font-size: 18px;
  }
}
.Toolbar-label,
.Toolbar-icon {
  display: inline-block;
  vertical-align: middle;
}
.Toolbar-label {
  position: relative;
  top: 1px;
}
@media only screen and (max-width: 479px) {
  .Toolbar-label {
    display: none;
  }
}
.transitions .Toolbar-label {
  transition: none;
}
.Toolbar-item .subscribe {
  margin-top: 7px;
}
@media only screen and (min-width: 768px) {
  .Toolbar-item .subscribe {
    margin-top: 13px;
  }
}
.Toolbar-icon {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #fcfcfc;
  margin-right: 8px;
}
.Toolbar-icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}
.Toolbar-icon--arrowUp:after {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/icon-sm-arrow-up.svg');
  background-size: 17px auto;
}
.Toolbar-icon--arrowLeft:after {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/icon-sm-arrow-left.svg');
  background-size: auto 17px;
}
.Toolbar-icon--filter:after {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/icon-plus.svg');
  background-size: 15px auto;
}
.blog-filter-expanded .Toolbar-icon--filter:after {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/icon-minus.svg');
}
.Toolbar-icon--subscribe {
  position: relative;
  top: 1px;
}
@media only screen and (min-width: 768px) and (min-height: 800px) {
  .Toolbar-icon--subscribe {
    top: 2px;
  }
}
@media only screen and (min-width: 480px) {
  .Toolbar-icon {
    background-size: 32px auto;
    width: 32px;
    height: 32px;
  }
}
.Toolbar-icon--back {
  background-size: auto 18px;
  width: 18px;
  height: 18px;
}
.Toolbar-socialIcon {
  display: inline-block;
  background: url('https://cdn2.hubspot.net/hubfs/2782929/Assets/icons/social/social-colored-circles.png?t=1486655876272') no-repeat;
  background-size: 240px auto;
  width: 30px;
  height: 30px;
}
.Toolbar-socialIcon--facebook {
  background-position: 0 0;
}
.Toolbar-socialIcon--twitter {
  background-position: -30px 0;
}
.Toolbar-socialIcon--linkedin {
  background-position: -60px 0;
}
.Toolbar-socialIcon--googleplus {
  background-position: -90px 0;
}
.Toolbar-socialIcon--rss {
  background-position: -120px 0;
}
.Toolbar-socialIcon--mail {
  background-position: -150px 0;
}
.Toolbar-socialIcon--phone {
  background-position: -180px 0;
}
.Toolbar-socialIcon--share {
  background-position: -210px 0;
}
@media only screen and (min-width: 768px) and (min-height: 800px) {
  .Toolbar-socialIcon {
    background-size: 320px auto;
    width: 40px;
    height: 40px;
  }
  .Toolbar-socialIcon--facebook {
    background-position: 0 0;
  }
  .Toolbar-socialIcon--twitter {
    background-position: -40px 0;
  }
  .Toolbar-socialIcon--linkedin {
    background-position: -80px 0;
  }
  .Toolbar-socialIcon--googleplus {
    background-position: -120px 0;
  }
  .Toolbar-socialIcon--rss {
    background-position: -160px 0;
  }
  .Toolbar-socialIcon--mail {
    background-position: -200px 0;
  }
  .Toolbar-socialIcon--phone {
    background-position: -240px 0;
  }
  .Toolbar-socialIcon--share {
    background-position: -280px 0;
  }
}
/*

  Component: Page Header
  ------------------------------------------------
  Just set the page-header class on a Header,
  Section Header, etc module.

*/
.page-header {
  margin-bottom: 72px;
  text-align: center;
}
/*

  Component: Mobile Navigation
  ------------------------------------------------

*/
/*

  Component: Website Footer
  ------------------------------------------------

*/
/*

  Internet Explorer Warning
  ------------------------------------
  
  Insert this on page:
  
  <!--[if lt IE 10]>
  <div id="ieWarning" class="ie-warning-wrapper">
    <div class="ie-warning">
        <div class="ie-warning__inner">
          
        </div>
      </div>
  </div>
  <![endif]-->


*/
.ie-warning {
  display: table;
  width: 100%;
  height: inherit;
  max-width: 600px;
  margin: 0 auto;
}
.ie-warning-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #d28c00;
  background-color: rgba(210, 140, 0, 0.9);
  color: white;
}
.ie-warning > div {
  display: table-cell;
  vertical-align: middle;
  padding: 50px;
}
.ie-warning a {
  color: #fcfcfc !important;
  border-bottom: 2px solid #bbde8f !important;
}
.ie-warning a:hover {
  border-color: #d28c00 !important;
}
/*  Global Modules
    Stylesheets for global modules
    ========================================================================== */
/*

  Global Module: Blog Numeral Pagination
  -----------------------------------------------------
  This pagination will be wrapped with the classes:
    - blog-pagination
    - blog-pagination--numeral.
  
  Hence, the default spacing will be inherited from:
  /pages/Blog/partials/blog-page__pagination.less

*/
@media only screen and (min-width: 480px) {
  .blog-pagination--nav-disabled li.blog-pagination__prev,
  .blog-pagination--nav-disabled li.blog-pagination__next {
    display: none !important;
  }
}
.blog-pagination--numeral ul {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 16px;
  text-align: center;
}
.blog-pagination--numeral li {
  /*------------------------*\
      Basic numeral styling
    \*------------------------*/
  display: inline-block;
  margin: 0 0.15625em;
  padding: 0;
  list-style: none;
  /*------------------------*\
      Disabled State
    \*------------------------*/
  /*------------------------*\
      Active State
    \*------------------------*/
  /*------------------------*\
      Range Indicator
    \*------------------------*/
  /*------------------------*\
      Prev/Next Links
      
      Always visible
      (on mobile at least)
    \*------------------------*/
  /*------------------------*\
      Previous Link
    \*------------------------*/
  /*------------------------*\
      Next Link
    \*------------------------*/
}
.blog-pagination--numeral li a,
.blog-pagination--numeral li .fake-link {
  display: inline-block;
  min-width: 1.6em;
  padding: 0 8px;
  color: #4c4c4c;
}
.blog-pagination--numeral li a span,
.blog-pagination--numeral li .fake-link span {
  transition: none;
}
.blog-pagination--numeral li a:before,
.blog-pagination--numeral li .fake-link:before,
.blog-pagination--numeral li a:after,
.blog-pagination--numeral li .fake-link:after {
  transition: none;
}
.blog-pagination--numeral li a {
  text-decoration: none;
}
.blog-pagination--numeral li a:active,
.blog-pagination--numeral li a:hover,
.blog-pagination--numeral li a:focus {
  color: #b2b2b2;
  text-decoration: none;
  border: none;
}
.blog-pagination--numeral li a:active:before,
.blog-pagination--numeral li a:hover:before,
.blog-pagination--numeral li a:focus:before,
.blog-pagination--numeral li a:active:after,
.blog-pagination--numeral li a:hover:after,
.blog-pagination--numeral li a:focus:after {
  opacity: .5;
}
.blog-pagination--numeral li.disabled * {
  color: #b2b2b2;
}
.blog-pagination--numeral li.disabled > *:before,
.blog-pagination--numeral li.disabled > *:after {
  opacity: .5;
}
.blog-pagination--numeral li.active * {
  color: rgba(31, 31, 31, 0.75);
  border: 1px solid #d28c00;
}
.blog-pagination--numeral li.range .ellipsis:before {
  content: '\2026';
  color: #b2b2b2;
}
.blog-pagination--numeral li.blog-pagination__prev,
.blog-pagination--numeral li.blog-pagination__next {
  display: inline-block;
}
.blog-pagination--numeral li.blog-pagination__prev .nav__label,
.blog-pagination--numeral li.blog-pagination__next .nav__label {
  display: none;
}
@media only screen and (min-width: 480px) {
  .blog-pagination--numeral li.blog-pagination__prev .nav__label,
  .blog-pagination--numeral li.blog-pagination__next .nav__label {
    display: inline;
  }
}
.blog-pagination--numeral li.blog-pagination__prev *:before,
.blog-pagination--numeral li.blog-pagination__next *:before,
.blog-pagination--numeral li.blog-pagination__prev *:after,
.blog-pagination--numeral li.blog-pagination__next *:after {
  position: relative;
  top: -0.1em;
}
.blog-pagination--numeral li.blog-pagination__prev {
  float: left;
  margin-left: 0;
}
.blog-pagination--numeral li.blog-pagination__prev > * {
  padding: 0;
  padding-right: .5em;
}
.blog-pagination--numeral li.blog-pagination__prev > *:before {
  content: '';
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: .25em;
  margin-bottom: 1px;
  background: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/icon-prev.svg') no-repeat center;
  background-size: auto 16px;
}
.blog-pagination--numeral li.blog-pagination__next {
  float: right;
  margin-right: 0;
}
.blog-pagination--numeral li.blog-pagination__next > * {
  padding: 0;
  padding-left: .5em;
}
.blog-pagination--numeral li.blog-pagination__next > *:after {
  content: '';
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: .25em;
  margin-bottom: 1px;
  background: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/icon-next.svg') no-repeat center;
  background-size: auto 16px;
}
/*

  Global Module: Blog Subscription Block
  ------------------------------------------------

*/
.BlogSubscribe {
  background-color: #efefef;
  padding-top: 50px;
  padding-bottom: 50px;
}
.hs-blog-listing .BlogSubscribe {
  margin-top: 32px;
}
@media only screen and (min-width: 768px) {
  .hs-blog-listing .BlogSubscribe {
    margin-top: 96px;
  }
}
.BlogSubscribe-form {
  padding: 40px;
  background-color: #fcfcfc;
}
.BlogSubscribe-heading {
  text-transform: uppercase;
}
.BlogSubscribe-desc {
  margin-bottom: 0;
  color: #4c4c4c;
}
@media only screen and (max-width: 767px) {
  .BlogSubscribe-desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .BlogSubscribe-form {
    margin-top: 32px;
  }
}
.BlogSubscribe .hs-form .hs_email {
  margin-bottom: 16px;
}
.BlogSubscribe .hs-form input[type="submit"],
.BlogSubscribe .hs-form input[type="submit"]:focus {
  color: #0D0D0D;
  background-color: #FFC322;
}
.BlogSubscribe .hs-form input[type="submit"]:hover,
.BlogSubscribe .hs-form input[type="submit"]:active {
  color: #FFC322;
  background-color: #d28c00;
}
.BlogSubscribe .hs-form .hs_submit {
  margin-top: 32px;
}
@media only screen and (min-width: 768px) {
  .BlogSubscribe .hs-form-radio input[type="radio"] + span {
    font-size: 18px;
  }
  .BlogSubscribe .hs-form-radio input[type="radio"] + span:after,
  .BlogSubscribe .hs-form-radio input[type="radio"] + span:before {
    top: .05em;
  }
}
.BlogSubscribe div[class*="_subscription"] .hs-form-radio {
  display: inline-block;
  margin-right: 16px;
}
.BlogSubscribe div[class*="_subscription"] li {
  margin-bottom: 0 !important;
}
.BlogSubscribe div[class*="_subscription"] li label {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .BlogSubscribe-inner {
    display: table;
    width: 100%;
  }
  .BlogSubscribe-inner > div {
    display: table-cell;
  }
  .BlogSubscribe-info {
    max-width: 100%;
    width: 48.63636364% !important;
    vertical-align: middle;
    padding-bottom: 40px;
  }
  .BlogSubscribe-form {
    max-width: 100%;
    width: 48.63636364% !important;
    padding: 52px 62px;
  }
  .BlogSubscribe-spacing {
    display: none;
  }
}
.success {
  display: block;
  padding: 16px 22px 14px;
  font-size: 18px;
  font-style: italic;
  color: #4c4c4c;
  background-color: rgba(76, 76, 76, 0.08);
}
/*  Custom Modules
    Stylesheets for custom modules
    ========================================================================== */
/*

  Custom Module: Download Content Offer Widget
  ------------------------------------------------

*/
.DownloadModule {
  /*
    Top margin is being used here to set spacing
    since we only want it when the widget is being
    rendered on page
   */
  margin-top: 8px;
}
.DownloadModule.not-set {
  opacity: .25;
}
/*

  Custom Module: Share Content Offer Widget
  ------------------------------------------------

*/
.ShareModule {
  /*
    Top margin is being used here to set spacing
    since we only want it when the widget is being
    rendered on page
   */
  margin-top: 8px;
}
.ShareModule.not-set {
  opacity: .25;
}
.ShareModule-heading {
  margin-bottom: 12px;
}
.ShareModule-icons a {
  padding: 4px;
}
.ShareModule-icons a:active {
  opacity: .8;
}
.no-touch .ShareModule-icons a:hover {
  opacity: .8;
}
/*  Page Specific
    ========================================================================== */
/*

  Page: Default
  ------------------------------------------------
  General page styling

*/
/*

  Hack to give columns correct padding

*/
.page-center .col {
  min-height: 1px !important;
}
/*

  Page: Blog Page
  ------------------------------------------------
  Default settings.
  Imports the page partials under /partials

*/
.blog-page {
  /*------------------------------------------------*\
      Disable clicks on body when scrolling,
      only let user "accidently" click on header
      and footer
  \*------------------------------------------------*/
  /*----- Enable guides -----*/
  /* The inner wrappers of your website */
}
.touch .blog-page.bad-boy .body-container-wrapper {
  pointer-events: none;
}
.blog-page .main-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  width: 100% !important;
}
@media (min-width: 768px) {
  .blog-page .main-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .blog-page .main-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 768px) {
  .blog-page .main-wrapper > div {
    float: none !important;
    width: 100%;
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
}
.blog-page.debug .PostHero-heading {
  border: 1px solid rgba(210, 140, 0, 0.25);
  position: relative;
}
.blog-page.debug .PostHero-heading:before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1.15;
  background-color: #d28c00;
  color: #fcfcfc;
  content: '10';
  right: inherit;
  left: 0;
}
.blog-page.debug .PostHero-author {
  border: 1px solid rgba(0, 128, 0, 0.25);
  position: relative;
}
.blog-page.debug .PostHero-author:before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1.15;
  background-color: green;
  color: #fcfcfc;
  content: '4';
  right: inherit;
  left: 0;
}
.blog-page.debug .PostHero-inner {
  border: 1px solid rgba(178, 178, 178, 0.25);
  position: relative;
}
.blog-page.debug .PostHero-inner:before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1.15;
  background-color: #b2b2b2;
  color: #fcfcfc;
  content: '10';
}
.blog-page.debug .main-wrapper > div {
  border: 1px solid rgba(210, 140, 0, 0.25);
  position: relative;
}
.blog-page.debug .main-wrapper > div:before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1.15;
  background-color: #d28c00;
  color: #fcfcfc;
  content: '12';
  right: inherit;
  left: 0;
}
.blog-page.debug .main-wrapper__content {
  border: 1px solid rgba(178, 178, 178, 0.25);
  position: relative;
}
.blog-page.debug .main-wrapper__content:before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1.15;
  background-color: #b2b2b2;
  color: #fcfcfc;
  content: '7';
}
.blog-page.debug .main-wrapper__sidebar {
  border: 1px solid rgba(178, 178, 178, 0.25);
  position: relative;
}
.blog-page.debug .main-wrapper__sidebar:before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1.15;
  background-color: #b2b2b2;
  color: #fcfcfc;
  content: '4';
}
@media only screen and (min-width: 768px) {
  .blog-page.hs-blog-listing .main-wrapper .BlogSidebar {
    padding-left: 33px;
  }
}
@media only screen and (min-width: 992px) {
  .blog-page.hs-blog-listing .main-wrapper__content {
    max-width: 100%;
    width: 74.31818182% !important;
  }
  .blog-page.hs-blog-listing .main-wrapper__sidebar {
    margin-left: 0 !important;
  }
  .blog-page.hs-blog-listing .main-wrapper__sidebar:not(.fixto-fixed) {
    max-width: 100%;
    width: 22.95454545% !important;
  }
  .blog-page.hs-blog-listing .main-wrapper .BlogContent {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .blog-page.hs-blog-post .main-wrapper__content {
    max-width: 100%;
    width: 57.1969697% !important;
    margin-left: 8.56060606% !important;
  }
  .blog-page.hs-blog-post .main-wrapper__sidebar {
    margin-left: 0 !important;
  }
  .blog-page.hs-blog-post .main-wrapper__sidebar:not(.fixto-fixed) {
    max-width: 100%;
    width: 31.51515152% !important;
  }
  .blog-page.hs-blog-post .main-wrapper__sidebar > div {
    max-width: 100%;
    width: 68.86363636% !important;
    margin-left: 33px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .blog-page.hs-blog-post .main-wrapper__content {
    padding-right: 20px;
  }
}
/* Post and Listing page */
.blog-section .post-header > h2,
.blog-section .post-header > .section-subheader,
.blog-section .post-header > h1 + h2 {
  margin-bottom: 10px;
}
.blog-section .post-footer {
  margin-top: 8px;
}
.blog-section .post-footer .topic-link {
  margin-left: 2px;
}
/*

  Blog Page: Post Hero
  ------------------------------------------------

*/
/*------------------------------------------------*\
    Post Hero Styling
\*------------------------------------------------*/
.PostHero:before,
.PostHero:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.PostHero:after {
  clear: both;
}
.PostHero:before,
.PostHero:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.PostHero:after {
  clear: both;
}
.PostHero-outer {
  position: relative;
}
.PostHero .PostHero-inner {
  padding-top: 40px;
}
@media only screen and (min-width: 992px) {
  .PostHero .PostHero-inner {
    max-width: 100%;
    width: 82.87878788% !important;
    margin-left: 8.56060606% !important;
    margin-top: 84px;
    padding-top: 0;
  }
}
.hs-inline-edit .PostHero,
.PostHero.hasImage {
  position: relative;
}
.hs-inline-edit .PostHero:before,
.PostHero.hasImage:before {
  content: '';
  display: block;
  width: 100%;
  height: 15%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fcfcfc;
}
@media only screen and (min-width: 992px) {
  .hs-inline-edit .PostHero:before,
  .PostHero.hasImage:before {
    height: 272px;
  }
}
@media only screen and (min-width: 1200px) {
  .hs-inline-edit .PostHero:before,
  .PostHero.hasImage:before {
    height: 285px;
  }
}
.hs-inline-edit .PostHero .PostHero-outer,
.PostHero.hasImage .PostHero-outer {
  position: relative;
  z-index: 1;
}
.PostHero-backLink {
  display: none;
  margin-bottom: 56px;
}
.PostHero-backLink a {
  display: inline-block;
  padding: 6px 16px 6px 0;
  color: #b2b2b2;
  border-top: 2px solid rgba(178, 178, 178, 0.5);
  font-size: 14px;
  text-decoration: none !important;
  letter-spacing: 0.05em;
}
.PostHero-backLink a strong {
  font-family: 'Drescher Grotesk', Arial, sans-serif;
}
.PostHero-backLink a:before {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 5px solid #b2b2b2;
  content: '';
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 8px;
}
.PostHero-backLink a:hover,
.PostHero-backLink a:active {
  color: #1f1f1f;
  border-color: #b2b2b2;
}
@media only screen and (min-width: 992px) {
  .PostHero-backLink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 6px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero.imageLoaded .PostHero-image {
    opacity: 1;
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);
  }
}
.PostHero-image {
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  padding-bottom: 85.27%;
}
@media only screen and (max-width: 767px) {
  .PostHero-image {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) {
  .PostHero-image {
    padding-bottom: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero-image {
    padding-bottom: 60%;
    transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s;
    opacity: 0;
    -ms-transform: translate(0, 20px);
        transform: translate(0, 20px);
  }
}
@media only screen and (min-width: 992px) {
  .PostHero-image {
    margin-left: -10.27272727%;
    width: calc(100% + 20.545454545454547%) !important;
    max-width: initial;
    padding-bottom: 0;
    height: 544px;
  }
}
@media only screen and (min-width: 1200px) {
  .PostHero-image {
    height: 570px;
  }
}
.hs-inline-edit .PostHero-image {
  opacity: 1 !important;
}
.PostHero-image img {
  display: none;
}
.PostHero-imagePlaceholder {
  display: none;
  background-color: #efefef;
  border: 2px dashed rgba(178, 178, 178, 0.5);
  color: rgba(178, 178, 178, 0.5);
  border-radius: 5px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .PostHero-imagePlaceholder {
    height: 342px;
    padding-left: 33px;
    padding-right: 33px;
    padding-bottom: 0;
  }
}
.PostHero-imagePlaceholder .Placeholder-label {
  display: table-cell;
  vertical-align: middle;
}
.hs-inline-edit .PostHero-imagePlaceholder {
  display: table;
}
.PostHero-header:before,
.PostHero-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.PostHero-header:after {
  clear: both;
}
.PostHero-header:before,
.PostHero-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.PostHero-header:after {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .PostHero-header {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero-heading {
    float: left;
    max-width: 100%;
    width: 68.63636364% !important;
    padding-right: 33px !important;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .PostHero-heading {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero-author {
    max-width: 100%;
    width: 27.54545455% !important;
    float: right;
    background-color: #0D0D0D;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .PostHero-author .PostAuthor {
    padding: 24px 16px !important;
  }
  .PostHero-author .PostAuthor .Author-name {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 767px) {
  .PostHero-author .PostAuthor {
    padding-top: 16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .PostHero-author .PostAuthor-body {
    display: none;
  }
}
.PostHero-title h1 {
  margin-bottom: 8px;
  color: #fcfcfc;
}
.PostHero-title .editor-help {
  margin-top: 16px;
}
.PostHero-preamble {
  margin: 16px 0 24px;
}
@media only screen and (min-width: 992px) {
  .PostHero-preamble {
    margin: 16px 0 14px;
  }
}
.PostHero-preamble * {
  color: #b2b2b2;
}
@media only screen and (max-width: 767px) {
  .PostHero-share {
    display: none;
  }
}
.PostHero-share > * {
  display: inline-block;
  vertical-align: middle;
}
.PostHero-share .share-heading {
  margin-right: 8px;
  color: #919191;
}
.PostHero-share a {
  position: relative;
  top: .2em;
  padding: 5px;
  text-decoration: none;
  opacity: .75;
}
.PostHero-share a:active {
  opacity: 1;
}
.no-touch .PostHero-share a:hover {
  opacity: 1;
}
/*

  Blog Page: Listing Hero
  ------------------------------------------------

*/
.blog-page .header-container-wrapper {
  background-color: #282828;
}
/*------------------------------------------------*\
    Listing Hero Styling
\*------------------------------------------------*/
.ListingHero {
  background: url("https://cdn2.hubspot.net/hubfs/3904775/Assets/img/seiko-blog-hero.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  /*------------------------------------------------*\
      Blog Heading Hero
  \*------------------------------------------------*/
}
.ListingHero:before,
.ListingHero:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ListingHero:after {
  clear: both;
}
.ListingHero:before,
.ListingHero:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ListingHero:after {
  clear: both;
}
.ListingHero-outer {
  position: relative;
}
.hs-inline-edit .ListingHero,
.ListingHero.hasImage {
  position: relative;
}
.hs-inline-edit .ListingHero:before,
.ListingHero.hasImage:before {
  content: '';
  display: block;
  width: 100%;
  height: 15%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fcfcfc;
}
@media only screen and (min-width: 992px) {
  .hs-inline-edit .ListingHero:before,
  .ListingHero.hasImage:before {
    height: 272px;
  }
}
@media only screen and (min-width: 1200px) {
  .hs-inline-edit .ListingHero:before,
  .ListingHero.hasImage:before {
    height: 285px;
  }
}
.hs-inline-edit .ListingHero .ListingHero-outer,
.ListingHero.hasImage .ListingHero-outer {
  position: relative;
  z-index: 1;
}
.ListingHero-backLink {
  display: none;
  margin-bottom: 56px;
}
.ListingHero-backLink a {
  display: inline-block;
  padding: 6px 16px 6px 0;
  color: #b2b2b2;
  border-top: 2px solid rgba(178, 178, 178, 0.5);
  font-size: 14px;
  text-decoration: none !important;
  letter-spacing: 0.05em;
}
.ListingHero-backLink a strong {
  font-family: 'Drescher Grotesk', Arial, sans-serif;
}
.ListingHero-backLink a:before {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 5px solid #b2b2b2;
  content: '';
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 8px;
}
.ListingHero-backLink a:hover,
.ListingHero-backLink a:active {
  color: #1f1f1f;
  border-color: #b2b2b2;
}
@media only screen and (min-width: 992px) {
  .ListingHero-backLink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 6px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .ListingHero.imageLoaded .ListingHero-image {
    opacity: 1;
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);
  }
}
.ListingHero-image {
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  padding-bottom: 85.27%;
}
@media only screen and (max-width: 767px) {
  .ListingHero-image {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) {
  .ListingHero-image {
    padding-bottom: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .ListingHero-image {
    padding-bottom: 60%;
    transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s;
    opacity: 0;
    -ms-transform: translate(0, 20px);
        transform: translate(0, 20px);
  }
}
@media only screen and (min-width: 992px) {
  .ListingHero-image {
    margin-left: -8.56060606%;
    width: calc(100% + 8.560606060606062%) !important;
    padding-bottom: 0;
    height: 544px;
  }
}
@media only screen and (min-width: 1200px) {
  .ListingHero-image {
    height: 570px;
  }
}
.hs-inline-edit .ListingHero-image {
  opacity: 1 !important;
}
.ListingHero-image img {
  display: none;
}
.ListingHero-imagePlaceholder {
  display: none;
  background-color: #efefef;
  border: 2px dashed rgba(178, 178, 178, 0.5);
  color: rgba(178, 178, 178, 0.5);
  border-radius: 5px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .ListingHero-imagePlaceholder {
    height: 342px;
    padding-left: 33px;
    padding-right: 33px;
    padding-bottom: 0;
  }
}
.ListingHero-imagePlaceholder .Placeholder-label {
  display: table-cell;
  vertical-align: middle;
}
.hs-inline-edit .ListingHero-imagePlaceholder {
  display: table;
}
.ListingHero-header:before,
.ListingHero-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ListingHero-header:after {
  clear: both;
}
.ListingHero-header:before,
.ListingHero-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ListingHero-header:after {
  clear: both;
}
@media only screen and (min-width: 992px) {
  .ListingHero-header {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .ListingHero-heading {
    max-width: 100%;
    width: 57.1969697% !important;
    float: left;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .ListingHero-heading {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .ListingHero-author {
    max-width: 100%;
    width: 22.95454545% !important;
    float: left;
    background-color: #0D0D0D;
  }
}
@media only screen and (max-width: 991px) {
  .ListingHero-author {
    margin-top: 32px;
  }
  .ListingHero-author .PostAuthor {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ListingHero-author .PostAuthor-body {
    display: none;
  }
}
.ListingHero-title h1 {
  margin-bottom: 8px;
  color: #fcfcfc;
}
.ListingHero-title .editor-help {
  margin-top: 16px;
}
.ListingHero-preamble {
  margin: 16px 0 24px;
}
@media only screen and (min-width: 992px) {
  .ListingHero-preamble {
    margin: 16px 0 14px;
  }
}
.ListingHero-preamble * {
  color: #b2b2b2;
}
.ListingHero-share > * {
  display: inline-block;
  vertical-align: middle;
}
.ListingHero-share .share-heading {
  margin-right: 8px;
  color: #919191;
}
.ListingHero-share a {
  position: relative;
  top: .3em;
  padding: 5px;
  text-decoration: none;
  opacity: .75;
}
.ListingHero-share a:active {
  opacity: 1;
}
.no-touch .ListingHero-share a:hover {
  opacity: 1;
}
.ListingHero-share .share-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: 25px auto;
  background-repeat: no-repeat;
}
.ListingHero-share .share-icon--twitter {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-twitter-white.png');
}
.ListingHero-share .share-icon--linkedin {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-linkedin-white.png');
}
.ListingHero-share .share-icon--facebook {
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/social/icon-facebook-white.png');
}
.ListingHero--blogHeading {
  text-align: center;
  overflow: hidden;
}
.ListingHero--blogHeading .ListingHero-inner {
  padding-top: 64px;
  padding-bottom: 72px;
}
@media only screen and (min-width: 768px) {
  .ListingHero--blogHeading .ListingHero-inner {
    padding-top: 110px;
    padding-bottom: 124px;
  }
}
.ListingHero--compactBlogHeading {
  padding-left: 0;
  padding-right: 0;
}
.ListingHero--compactBlogHeading .ListingHero-outer {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .ListingHero--compactBlogHeading .ListingHero-outer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .ListingHero--compactBlogHeading .ListingHero-outer {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .ListingHero--compactBlogHeading .ListingHero-outer {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.ListingHero--compactBlogHeading .ListingHero-inner {
  padding-top: 24px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .ListingHero--compactBlogHeading .ListingHero-inner {
    padding-top: 40px;
    padding-bottom: 32px;
  }
}
.ListingHero--compactBlogHeading .BlogHeading-title {
  width: 100%;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(13, 13, 13, 0.25);
  font-size: 22px;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .ListingHero--compactBlogHeading .BlogHeading-title {
    font-size: 26px;
  }
}
.ListingHero--compactBlogHeading .BlogHeading-subTitle {
  margin: 4px 0 0;
  font-size: 12px;
  color: rgba(252, 252, 252, 0.75);
}
@media only screen and (min-width: 768px) {
  .ListingHero--compactBlogHeading .BlogHeading-subTitle {
    margin-top: 8px;
    font-size: 14px;
  }
}
.ListingHero--blogDesc,
.ListingHero--blogFilter {
  padding-top: 0 !important;
  text-align: center;
  color: #b2b2b2;
}
@media only screen and (min-width: 768px) {
  .ListingHero--blogDesc,
  .ListingHero--blogFilter {
    text-align: right;
  }
}
.ListingHero--blogDesc p,
.ListingHero--blogFilter p {
  margin: 0;
  font-size: 16px;
}
@media only screen and (max-width: 479px) {
  .ListingHero--blogDesc p,
  .ListingHero--blogFilter p {
    font-size: 14px;
    line-height: 20px;
  }
}
.ListingHero--blogDesc .ListingHero-inner,
.ListingHero--blogFilter .ListingHero-inner {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .ListingHero--blogDesc .ListingHero-inner,
  .ListingHero--blogFilter .ListingHero-inner {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.ListingHero--blogFilter {
  background-image: none;
  background-color: #efefef;
}
.ListingHero--blogFilter .ListingHero-inner {
  padding-top: 40px;
  padding-bottom: 44px;
}
.ListingHero--blogFilter .ListingHero-inner:before,
.ListingHero--blogFilter .ListingHero-inner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ListingHero--blogFilter .ListingHero-inner:after {
  clear: both;
}
.ListingHero--blogFilter .ListingHero-inner:before,
.ListingHero--blogFilter .ListingHero-inner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ListingHero--blogFilter .ListingHero-inner:after {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .ListingHero--blogFilter .ListingHero-inner {
    padding-top: 48px;
    padding-bottom: 52px;
  }
}
.ListingHero--blogFilter h4,
.ListingHero--blogFilter h5,
.ListingHero--blogFilter .h5-style,
.ListingHero--blogFilter .PostComments-heading {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  font-size: 34px;
  text-align: left;
  font-weight: 400;
  margin-bottom: 0;
  color: #0D0D0D;
}
@media only screen and (min-width: 480px) {
  .ListingHero--blogFilter h4,
  .ListingHero--blogFilter h5,
  .ListingHero--blogFilter .h5-style,
  .ListingHero--blogFilter .PostComments-heading {
    font-size: 35px;
    line-height: 45px;
  }
}
.ListingHero--blogFilter h4 em,
.ListingHero--blogFilter h5 em,
.ListingHero--blogFilter .h5-style em,
.ListingHero--blogFilter .PostComments-heading em {
  font-style: normal;
}
.ListingHero--blogFilter h4 strong,
.ListingHero--blogFilter h5 strong,
.ListingHero--blogFilter .h5-style strong,
.ListingHero--blogFilter .PostComments-heading strong {
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .ListingHero--blogFilter h4,
  .ListingHero--blogFilter h5,
  .ListingHero--blogFilter .h5-style,
  .ListingHero--blogFilter .PostComments-heading {
    float: none;
    font-size: 22px;
  }
}
.ListingHero--blogFilter.ListingHero--authorDesc h4,
.ListingHero--blogFilter.ListingHero--authorDesc h5,
.ListingHero--blogFilter.ListingHero--authorDesc .h5-style,
.ListingHero--blogFilter.ListingHero--authorDesc .PostComments-heading {
  text-align: left;
  font-size: 22px;
  font-weight: 600;
}
.ListingHero--blogFilter.ListingHero--authorDesc .hs-author-bio {
  color: #4c4c4c;
}
@media only screen and (max-width: 767px) {
  .ListingHero--blogFilter.ListingHero--authorDesc .hs-author-bio {
    font-size: 14px !important;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 767px) {
  .ListingHero--blogFilter.ListingHero--authorDesc .ListingHero-inner {
    padding-top: 38px;
    padding-bottom: 40px;
  }
  .ListingHero--blogFilter.ListingHero--authorDesc .post-author > div {
    vertical-align: top;
  }
  .ListingHero--blogFilter.ListingHero--authorDesc .post-author__img {
    width: 15%;
    min-width: 70px;
  }
  .ListingHero--blogFilter.ListingHero--authorDesc .post-author__body {
    padding-left: 20px;
  }
  .ListingHero--blogFilter.ListingHero--authorDesc .post-author h4,
  .ListingHero--blogFilter.ListingHero--authorDesc .post-author h5,
  .ListingHero--blogFilter.ListingHero--authorDesc .post-author .h5-style,
  .ListingHero--blogFilter.ListingHero--authorDesc .post-author .PostComments-heading {
    font-size: 18px;
  }
  .ListingHero--blogFilter.ListingHero--authorDesc .post-author .hs-author-bio {
    font-size: 14px !important;
  }
}
.ListingHero--blogFilter .reset {
  display: none;
  float: right;
  padding: 0 6px;
  font-size: 200%;
  line-height: 1;
  position: relative;
  top: 2px;
  font-weight: 400;
  text-decoration: none !important;
}
/*------------------------------------------------*\
    Blog Listing Hero
\*------------------------------------------------*/
.BlogHeading-title {
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .BlogHeading-title {
    font-size: 30px;
    line-height: 40px;
  }
}
.BlogHeading-title a {
  color: #efefef;
  text-decoration: none !important;
}
.no-touch .BlogHeading-title a:hover {
  opacity: .95;
}
.no-touch .BlogHeading-title a:active {
  opacity: 1;
}
.BlogHeading-subTitle {
  font-size: 16px;
  line-height: 22px;
  display: block;
  margin: 16px 0 20px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
}
.BlogHeading-subTitle em {
  font-style: normal;
  font-weight: 500;
}
.BlogHeading-subTitle strong {
  font-weight: 600;
}
@media only screen and (max-width: 1199px) {
  .BlogHeading-subTitle {
    margin: 8px 0 20px;
  }
}
.BlogHeading-desc {
  color: rgba(178, 178, 178, 0.5);
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .BlogHeading-desc {
    font-size: 16px;
  }
}
/*

  Blog Page: Post Meta Box
  ------------------------------------------------

*/
.PostMeta,
.PostMeta * {
  font-size: 16px;
  line-height: 22px;
  color: #4c4c4c;
}
.PostMeta em,
.PostMeta * em {
  font-style: normal;
  font-weight: 500;
}
.PostMeta strong,
.PostMeta * strong {
  font-weight: 600;
}
.PostMeta-avatar {
  padding-right: 15px;
}
.PostMeta-avatar .Avatar-wrapper {
  display: block;
  margin-bottom: 8px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
}
.PostMeta-avatar .Avatar-wrapper img {
  max-width: 100%;
}
.PostMeta-avatar .Avatar-wrapper.Avatar--small {
  width: 45px;
  height: 45px;
}
.PostMeta .Desc {
  letter-spacing: 0.02em;
}
.PostMeta .Desc-author {
  margin-bottom: 0;
}
.PostMeta .Desc-author a {
  font-size: 15px;
  color: #1f1f1f;
}
.PostMeta .Desc-meta * {
  font-size: 13px;
  line-height: 1.42857143;
}
.PostMeta .Desc-meta > span {
  display: inline-block;
  margin-bottom: 4px;
}
.PostMeta .Desc-meta > span:after {
  margin-left: 0;
  content: ',';
}
.PostMeta .Desc-meta > span:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.PostMeta .Desc-meta > span:last-child:after {
  content: '';
}
.PostMeta .Desc-meta .meta-duration {
  text-transform: lowercase;
}
.PostMeta .Desc-meta .meta-duration:empty {
  display: none !important;
}
.PostMeta .Desc-meta .duration-indicator {
  display: none;
  font-size: 85% !important;
}
.PostMeta .Desc-meta .meta-topics li {
  display: none;
  margin-bottom: 0;
}
.PostMeta .Desc-meta .meta-topics li:first-child {
  display: inline-block;
}
.PostMeta .Desc-meta .meta-topics a {
  color: #b2b2b2;
  text-decoration: underline;
}
/*

  Blog Page: Post Body
  ------------------------------------------------
  Special post body styles that are only applied
  on blog page

*/
.PostBody {
  /*-----------------------------*\
    Emphasized digits in H2/H3
    become hanging numbers
  \*-----------------------------*/
  /*-----------------------------*\
    OFFSET IMAGES
    Bolded images in paragraph
  \*-----------------------------*/
  /*-----------------------------*\
    OFFSET BLOCKQUOTES
    Bolded blockquotes
  \*-----------------------------*/
}
.blog-page .PostBody {
  color: #2e2e2e;
}
.PostBody a:not(.button):not(.cta_button) {
  color: #d28c00;
  border-bottom: 1px solid #d28c00;
}
.PostBody a:not(.button):not(.cta_button):hover,
.PostBody a:not(.button):not(.cta_button):focus,
.PostBody a:not(.button):not(.cta_button):active {
  text-decoration: none;
  color: #FFC322;
  border-color: #FFC322;
}
.PostBody p + ul,
.PostBody p + ol {
  margin-top: 32px;
}
.PostBody ul li,
.PostBody ol li {
  margin-bottom: 16px;
}
.PostBody ul li:last-child,
.PostBody ol li:last-child {
  margin-bottom: 0;
}
.PostBody ul + *,
.PostBody ol + * {
  margin-top: 32px;
}
.PostBody h2,
.PostBody h3,
.PostBody .section-subheader,
.PostBody h1 + h2 {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .PostBody h2 .Digit,
  .PostBody h3 .Digit,
  .PostBody .section-subheader .Digit,
  .PostBody h1 + h2 .Digit {
    display: block;
    margin: 40px 0 16px;
  }
}
.PostBody h2 .Digit-inner,
.PostBody h3 .Digit-inner,
.PostBody .section-subheader .Digit-inner,
.PostBody h1 + h2 .Digit-inner {
  display: inline-block;
  padding: .24em .44em .16em;
  border: none;
  background-color: #efefef;
  color: #1f1f1f;
  font-size: 90%;
  line-height: 1;
  border-radius: 50%;
}
@media only screen and (min-width: 480px) {
  .PostBody h2 .Digit-inner,
  .PostBody h3 .Digit-inner,
  .PostBody .section-subheader .Digit-inner,
  .PostBody h1 + h2 .Digit-inner {
    font-size: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .PostBody h2 .Digit-inner,
  .PostBody h3 .Digit-inner,
  .PostBody .section-subheader .Digit-inner,
  .PostBody h1 + h2 .Digit-inner {
    position: relative;
    top: -0.05em;
    margin-top: -0.1em;
    margin-bottom: 0;
    margin-left: -2.15em;
    margin-right: .85em;
    font-size: 85%;
  }
}
.PostBody p > strong:only-child > img {
  max-width: inherit !important;
}
@media only screen and (max-width: 767px) {
  .PostBody p > strong:only-child > img {
    margin-left: -50px !important;
    margin-right: -50px !important;
    width: calc(100% + 50px + 50px) !important;
  }
}
@media only screen and (max-width: 767px) {
  .PostBody p > strong:only-child > img {
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: calc(100% + 20px + 20px) !important;
  }
}
@media (min-width: 992px) {
  .PostBody p > strong:only-child > img {
    margin-left: -14.67532468%;
    width: calc(100% + 14.675324675324678%) !important;
  }
}
.PostBody blockquote {
  position: relative;
  max-width: inherit !important;
  margin: 60px 0;
  padding: 0 34px;
  border: none;
}
.PostBody blockquote:before,
.PostBody blockquote:after {
  content: '';
  display: inline-block;
  width: 27px;
  height: 27px;
  background-image: url('//cdn2.hubspot.net/hubfs/3904775/Assets/img/seiko_stripes.svg');
  background-repeat: no-repeat;
  background-size: 27px auto;
  background-position: center;
}
.PostBody blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -0.5em;
  margin-left: -0.125em;
}
.PostBody blockquote:after {
  position: relative;
  top: .7em;
  display: inline-block;
  height: 1em;
  line-height: 0;
  margin-left: .5em;
}
.PostBody iframe {
  max-width: 100%;
}
/*

  Blog Page: Topics
  ------------------------------------------------
  Styles for the topic list created by the macro
  blog_macros.outputOrderedTopics(content)

*/
.PostFooter-topics {
  font-size: 16px;
  line-height: 22px;
}
.PostFooter-topics em {
  font-style: normal;
  font-weight: 500;
}
.PostFooter-topics strong {
  font-weight: 600;
}
.post-topics__label {
  margin-right: 1em;
  font-weight: 600;
}
ul.topics {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
ul.topics li {
  display: inline;
  padding: 0;
}
ul.topics a {
  color: #919191;
}
ul.topics a.arrow-link:before {
  background: #919191;
}
ul.topics a.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #919191;
}
ul.topics a:hover,
ul.topics a:focus {
  color: #919191;
  text-decoration: none;
}
ul.topics a:active {
  color: #0D0D0D;
}
ul.topics a:active.arrow-link:before {
  background: #0D0D0D;
}
ul.topics a:active.arrow-link:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #0D0D0D;
}
.no-touch ul.topics a:hover {
  color: #0D0D0D;
}
.no-touch ul.topics a:hover.arrow-link:before {
  background: #0D0D0D;
}
.no-touch ul.topics a:hover.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #0D0D0D;
}
.no-touch ul.topics a:active {
  color: #000000;
}
.no-touch ul.topics a:active.arrow-link:before {
  background: #0D0D0D;
}
.no-touch ul.topics a:active.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #0D0D0D;
}
.PostItem-topics,
.PostFooter-topics {
  padding: 8px 0;
}
.PostItem-topics ul.topics li,
.PostFooter-topics ul.topics li {
  margin-right: 4px;
}
.PostItem-topics ul.topics li:after,
.PostFooter-topics ul.topics li:after {
  content: ',';
  color: #b2b2b2;
}
.PostItem-topics ul.topics li:last-child:after,
.PostFooter-topics ul.topics li:last-child:after {
  display: none;
}
/*

  Blog Page: Sidebar
  ------------------------------------------------

*/
.BlogSidebar {
  margin-top: 0;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .BlogSidebar {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .BlogSidebar {
    padding-top: 8px;
  }
}
@media only screen and (min-width: 768px) {
  .BlogSidebar {
    position: relative;
    margin-bottom: 80px;
  }
  .BlogSidebar:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5px;
    margin-left: 49.5px;
    display: none;
  }
}
.BlogSidebar * {
  font-size: 18px;
  line-height: 1.25;
}
.BlogSidebar * em {
  font-style: normal;
  font-weight: 500;
}
.BlogSidebar * strong {
  font-weight: 600;
}
.BlogSidebar-inner .widget-span {
  padding-bottom: 24px;
}
.BlogSidebar-inner .widget-span h3 {
  margin-bottom: 8px;
}
.BlogSidebar-inner .widget-span ul {
  margin-top: 0;
}
.BlogSidebar-inner .widget-span li {
  margin-bottom: 0;
}
.BlogSidebar-inner .widget-span a {
  color: #4c4c4c;
  display: block;
  padding: 8px 0;
}
.BlogSidebar-inner .widget-span a.arrow-link:before {
  background: #4c4c4c;
}
.BlogSidebar-inner .widget-span a.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #4c4c4c;
}
.BlogSidebar-inner .widget-span a:hover,
.BlogSidebar-inner .widget-span a:focus {
  color: #4c4c4c;
  text-decoration: none;
}
.BlogSidebar-inner .widget-span a:active {
  color: #0D0D0D;
}
.BlogSidebar-inner .widget-span a:active.arrow-link:before {
  background: #0D0D0D;
}
.BlogSidebar-inner .widget-span a:active.arrow-link:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #0D0D0D;
}
.no-touch .BlogSidebar-inner .widget-span a:hover {
  color: #0D0D0D;
}
.no-touch .BlogSidebar-inner .widget-span a:hover.arrow-link:before {
  background: #0D0D0D;
}
.no-touch .BlogSidebar-inner .widget-span a:hover.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #0D0D0D;
}
.no-touch .BlogSidebar-inner .widget-span a:active {
  color: #000000;
}
.no-touch .BlogSidebar-inner .widget-span a:active.arrow-link:before {
  background: #0D0D0D;
}
.no-touch .BlogSidebar-inner .widget-span a:active.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #0D0D0D;
}
.BlogSidebar-inner .widget-span .filter-link-count {
  opacity: .25;
}
.BlogSidebar-inner > div:last-child .widget-span {
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .BlogSidebar-inner > div:last-child .widget-span {
    padding-bottom: 0;
  }
}
.BlogSidebar .hs_cos_wrapper_type_post_filter ul,
.BlogSidebar .hs_cos_wrapper_type_post_listing ul {
  list-style: none;
  padding: 0;
}
.BlogSidebar .widget-type-blog_subscribe ul:not('.hs-error-msgs') {
  margin-top: 0;
}
.BlogSidebar .widget-type-blog_subscribe li {
  margin-bottom: 0;
}
.BlogSidebar .widget-type-blog_subscribe label {
  margin-bottom: 4px;
}
.BlogSidebar .widget-type-blog_subscribe .hs_submit {
  text-align: left;
}
.BlogSidebar a {
  color: #1f1f1f;
}
/*

  Blog Page: Mobile Sidebar
  ------------------------------------------------
  Sidebar will display as an overlay on smaller screens

*/
a.BlogSidebar-close {
  position: fixed;
  top: 60px;
  right: 0;
  z-index: 10;
  display: none;
  padding: 25px 20px 16px;
  background-color: rgba(239, 239, 239, 0.25);
}
a.BlogSidebar-close:active {
  background-color: #e2e2e2;
}
a.BlogSidebar-close .close-icon {
  display: inline-block;
  background: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/close.svg') no-repeat;
  background-size: 18px auto;
  width: 18px;
  height: 18px;
}
@media only screen and (max-width: 767px) {
  .BlogSidebar {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100% !important;
    z-index: 99;
    overflow: hidden;
    pointer-events: none;
    padding-bottom: 56px;
    background-color: #efefef;
    opacity: 0;
    transition: opacity ease-in-out 0.25s;
  }
  .BlogSidebar-inner {
    padding: 24px 0 0;
    transition: transform ease-in-out 0.25s;
    -ms-transform: translateY(8px);
        transform: translateY(8px);
  }
  .blog-filter-expanded {
    overflow: hidden !important;
  }
  .blog-filter-expanded .BlogSidebar {
    pointer-events: auto;
    opacity: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .blog-filter-expanded .BlogSidebar-inner {
    -ms-transform: translateY(0);
        transform: translateY(0);
  }
  .blog-filter-expanded .BlogSidebar-close {
    display: block;
  }
  .lt-ie11 .BlogSidebar,
  .ie-11 .BlogSidebar {
    display: none !important;
  }
  .lt-ie11 .blog-filter-expanded .BlogSidebar,
  .ie-11 .blog-filter-expanded .BlogSidebar {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .BlogSidebar {
    padding-top: 121px;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 1200px) {
  .BlogSidebar {
    padding-top: 123px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) {
  .BlogSidebar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) {
  .BlogSidebar {
    padding-left: 50px;
    padding-right: 50px;
  }
}
/*

  Blog Page: Post Author
  ------------------------------------------------
  Shared styling for Author box in author filter
  listing and Blog post author box.

*/
.blog-page .PostAuthor {
  padding: 30px;
}
.blog-page .PostAuthor-header {
  margin-bottom: 16px;
}
.blog-page .PostAuthor-header .Author-name {
  color: #fcfcfc;
  font-size: 22px;
  line-height: 1.15;
}
.blog-page .PostAuthor-header .Author-name.arrow-link:before {
  background: #fcfcfc;
}
.blog-page .PostAuthor-header .Author-name.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #fcfcfc;
}
.blog-page .PostAuthor-header .Author-name:hover,
.blog-page .PostAuthor-header .Author-name:focus {
  color: #fcfcfc;
  text-decoration: none;
}
.blog-page .PostAuthor-header .Author-name:active {
  color: #FFC322;
}
.blog-page .PostAuthor-header .Author-name:active.arrow-link:before {
  background: #FFC322;
}
.blog-page .PostAuthor-header .Author-name:active.arrow-link:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #FFC322;
}
.no-touch .blog-page .PostAuthor-header .Author-name:hover {
  color: #FFC322;
}
.no-touch .blog-page .PostAuthor-header .Author-name:hover.arrow-link:before {
  background: #FFC322;
}
.no-touch .blog-page .PostAuthor-header .Author-name:hover.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #FFC322;
}
.no-touch .blog-page .PostAuthor-header .Author-name:active {
  color: #eead00;
}
.no-touch .blog-page .PostAuthor-header .Author-name:active.arrow-link:before {
  background: #FFC322;
}
.no-touch .blog-page .PostAuthor-header .Author-name:active.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #FFC322;
}
.blog-page .PostAuthor .author-image {
  position: relative;
  top: -0.1em;
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.blog-page .PostAuthor-body,
.blog-page .PostAuthor-body * {
  font-size: 16px;
  line-height: 22px;
  color: #b2b2b2;
}
.blog-page .PostAuthor-body em,
.blog-page .PostAuthor-body * em {
  font-style: normal;
  font-weight: 500;
}
.blog-page .PostAuthor-body strong,
.blog-page .PostAuthor-body * strong {
  font-weight: 600;
}
.blog-page .post-author > div {
  vertical-align: middle;
}
.blog-page .post-author__img {
  padding-right: 0;
  min-width: 100px;
  width: 20%;
}
@media only screen and (min-width: 768px) {
  .blog-page .post-author__img {
    max-width: 100%;
    width: 5.83333333% !important;
    min-width: 140px;
  }
}
.blog-page .post-author__img img {
  width: 100%;
  max-width: 100%;
  border-radius: 50%;
}
.blog-page .post-author__body {
  padding: 2px 33px 0 49.5px;
  text-align: left;
}
.blog-page .post-author__body h4,
.blog-page .post-author__body h5,
.blog-page .post-author__body .h5-style,
.blog-page .post-author__body .PostComments-heading {
  float: none;
  margin-top: 0;
  text-transform: none;
  letter-spacing: 0;
}
.blog-page .post-author__body .hs-author-bio {
  display: block;
  margin: 8px 0;
}
@media only screen and (max-width: 767px) {
  .blog-page .post-author__body .hs-author-bio {
    font-size: 16px;
  }
}
.blog-page .post-author__body .hs-author-bio p:first-child {
  margin-top: 0;
}
.blog-page .post-author__body .hs-author-bio p:last-child {
  margin-bottom: 0;
}
.blog-page .post-author .social-icons--horizontal ul {
  margin-top: 16px;
}
.blog-page .post-author .social-icons--horizontal li {
  margin-right: 4px;
}
/*

  Blog Page: Listing View
  ------------------------------------------------

*/
.hs-blog-listing .body-container-wrapper {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .hs-blog-listing .body-container-wrapper {
    padding-top: 32px;
  }
}
.hs-blog-listing .main-wrapper__sidebar {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .hs-blog-listing .main-wrapper__sidebar {
    margin-top: 20px;
  }
}
.hs-blog-listing .PostListing {
  margin-bottom: 64px;
}
@media only screen and (min-width: 768px) {
  .hs-blog-listing .PostListing {
    margin-bottom: 80px;
  }
}
/* Simple listing  */
.post-listing-simple .post-item h2,
.post-listing-simple .post-item .section-subheader,
.post-listing-simple .post-item h1 + h2 {
  margin: 0;
  font-size: 18px;
}
.post-listing-simple .post-item .post-body,
.post-listing-simple .post-item .PostBody {
  font-size: 12px !important;
}
@media (min-width: 768px) {
  .post-listing-simple .post-item h2,
  .post-listing-simple .post-item .section-subheader,
  .post-listing-simple .post-item h1 + h2 {
    font-size: 27px;
  }
  .post-listing-simple .post-item .post-body,
  .post-listing-simple .post-item .PostBody {
    font-size: 15px !important;
  }
}
/* Listing page */
.post-listing {
  /*
  .hs-featured-image {
    // Override HS default query in public_common.css
    @media screen and (max-width: 568px) {}
  }
  */
}
.post-listing .post-item {
  clear: both;
}
.post-listing .hs-blog-social-share {
  margin-bottom: 16px;
}
.post-listing .post-body,
.post-listing .PostBody {
  margin-bottom: 0;
}
.post-listing #hubspot-topic_data {
  margin-bottom: 16px;
}
.PostItem {
  margin-bottom: 38px;
  cursor: pointer;
  /*
    The "good-boy" class is set when the page is not scrolling.
    On mobile we only want to activate the active transitions
    when we're not scrolling
  */
}
@media only screen and (min-width: 640px) {
  .PostItem {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .PostItem {
    margin-bottom: 48px;
  }
}
.PostItem:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.PostItem-heading,
.PostItem-body,
.PostItem-meta {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 640px) {
  .PostItem-heading,
  .PostItem-body,
  .PostItem-meta {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .PostItem-heading,
  .PostItem-body,
  .PostItem-meta {
    padding-left: 52px;
    padding-right: 52px;
  }
}
.transitions .PostItem {
  transition: all cubic-bezier(0.23, 1, 0.32, 1) 500ms;
}
.transitions .PostItem .PostItem-heading .meta-topics,
.transitions .PostItem .PostItem-body,
.transitions .PostItem .PostItem-image,
.transitions .PostItem .PostItem-heading h2 a,
.transitions .PostItem .PostItem-heading .section-subheader a,
.transitions .PostItem .PostItem-heading h1 + h2 a {
  transition: all cubic-bezier(0.23, 1, 0.32, 1) 500ms;
}
.good-boy .PostItem:active .PostItem-heading .meta-topics a {
  color: #4c4c4c;
}
.good-boy .PostItem:active .PostItem-body {
  opacity: .75;
}
.good-boy .PostItem:active .PostItem-image .Image-placeholder {
  opacity: .9;
}
.good-boy .PostItem:active .PostItem-heading h2 a,
.good-boy .PostItem:active .PostItem-heading .section-subheader a,
.good-boy .PostItem:active .PostItem-heading h1 + h2 a {
  color: #d28c00;
}
.good-boy .PostItem:active .PostItem-heading h2 a,
.good-boy .PostItem:active .PostItem-image,
.good-boy .PostItem:active .PostItem-image .Image-placeholder,
.good-boy .PostItem:active .PostItem-body,
.good-boy .PostItem:active .PostItem-heading .section-subheader a,
.good-boy .PostItem:active .PostItem-heading h1 + h2 a {
  transition-duration: .1s;
}
.no-touch .PostItem:hover .PostItem-heading .meta-topics:hover a {
  color: #4c4c4c !important;
}
.no-touch .PostItem:hover .PostItem-image {
  background-color: rgba(178, 178, 178, 0.31);
}
.no-touch .PostItem:hover .PostItem-image .Image-placeholder {
  opacity: .9;
}
.no-touch .PostItem:hover .PostItem-heading h2 a,
.no-touch .PostItem:hover .PostItem-heading .section-subheader a,
.no-touch .PostItem:hover .PostItem-heading h1 + h2 a {
  color: #d28c00;
}
.no-touch .PostItem:hover .author-link:hover {
  text-decoration: none;
  color: #0D0D0D;
}
.no-touch .PostItem:active .PostItem-heading .meta-topics a:active {
  color: #4c4c4c !important;
}
.no-touch .PostItem:active .PostItem-body {
  opacity: .75;
}
.no-touch .PostItem:active .PostItem-image {
  background-color: rgba(178, 178, 178, 0.31);
}
.no-touch .PostItem:active .PostItem-image .Image-placeholder {
  opacity: .9;
}
.no-touch .PostItem:active .PostItem-heading h2 a,
.no-touch .PostItem:active .PostItem-heading .section-subheader a,
.no-touch .PostItem:active .PostItem-heading h1 + h2 a {
  color: #d28c00;
}
.no-touch .PostItem:active .PostItem-heading h2 a,
.no-touch .PostItem:active .PostItem-image,
.no-touch .PostItem:active .PostItem-image .Image-placeholder,
.no-touch .PostItem:active .PostItem-body,
.no-touch .PostItem:active .PostItem-heading .section-subheader a,
.no-touch .PostItem:active .PostItem-heading h1 + h2 a {
  transition-duration: .1s;
}
.no-touch .PostItem:active .author-link:active {
  text-decoration: none;
  color: #0D0D0D;
}
@media only screen and (min-width: 992px) {
  .PostItem-inner {
    display: table;
    width: 100%;
  }
  .PostItem-inner > div {
    display: table-cell;
  }
  .PostItem-inner .PostItem-image {
    max-width: 100%;
    width: 37.81818182% !important;
  }
}
.PostItem-heading {
  margin-bottom: 16px;
}
.PostItem-heading h2,
.PostItem-heading .section-subheader,
.PostItem-heading h1 + h2 {
  font-size: 18px;
  line-height: 1.375;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 0;
}
.PostItem-heading h2 em,
.PostItem-heading .section-subheader em,
.PostItem-heading h1 + h2 em {
  font-style: normal;
}
.PostItem-heading h2 strong,
.PostItem-heading .section-subheader strong,
.PostItem-heading h1 + h2 strong {
  font-weight: 500;
}
.PostItem-heading h2 a,
.PostItem-heading .section-subheader a,
.PostItem-heading h1 + h2 a {
  color: #282828;
  text-decoration: none !important;
}
.PostItem-heading .meta-topics,
.PostItem-topic .meta-topics {
  display: block;
  margin-bottom: 8px;
}
.PostItem-heading .meta-topics li,
.PostItem-topic .meta-topics li {
  display: none;
  margin-bottom: 0;
}
.PostItem-heading .meta-topics li:first-child,
.PostItem-topic .meta-topics li:first-child {
  display: inline-block;
}
.PostItem-heading .meta-topics a,
.PostItem-topic .meta-topics a {
  font-size: 16px;
  line-height: 22px;
  color: #0D0D0D;
  font-weight: 600;
  line-height: 1;
}
.PostItem-heading .meta-topics a em,
.PostItem-topic .meta-topics a em {
  font-style: normal;
  font-weight: 500;
}
.PostItem-heading .meta-topics a strong,
.PostItem-topic .meta-topics a strong {
  font-weight: 600;
}
.PostItem-heading .meta-topics a.arrow-link:before,
.PostItem-topic .meta-topics a.arrow-link:before {
  background: #0D0D0D;
}
.PostItem-heading .meta-topics a.arrow-link:after,
.PostItem-topic .meta-topics a.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #0D0D0D;
}
.PostItem-heading .meta-topics a:hover,
.PostItem-topic .meta-topics a:hover,
.PostItem-heading .meta-topics a:focus,
.PostItem-topic .meta-topics a:focus {
  color: #0D0D0D;
  text-decoration: none;
}
.PostItem-heading .meta-topics a:active,
.PostItem-topic .meta-topics a:active {
  color: #4c4c4c;
}
.PostItem-heading .meta-topics a:active.arrow-link:before,
.PostItem-topic .meta-topics a:active.arrow-link:before {
  background: #4c4c4c;
}
.PostItem-heading .meta-topics a:active.arrow-link:after,
.PostItem-topic .meta-topics a:active.arrow-link:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #4c4c4c;
}
.no-touch .PostItem-heading .meta-topics a:hover,
.no-touch .PostItem-topic .meta-topics a:hover {
  color: #4c4c4c;
}
.no-touch .PostItem-heading .meta-topics a:hover.arrow-link:before,
.no-touch .PostItem-topic .meta-topics a:hover.arrow-link:before {
  background: #4c4c4c;
}
.no-touch .PostItem-heading .meta-topics a:hover.arrow-link:after,
.no-touch .PostItem-topic .meta-topics a:hover.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #4c4c4c;
}
.no-touch .PostItem-heading .meta-topics a:active,
.no-touch .PostItem-topic .meta-topics a:active {
  color: #333333;
}
.no-touch .PostItem-heading .meta-topics a:active.arrow-link:before,
.no-touch .PostItem-topic .meta-topics a:active.arrow-link:before {
  background: #4c4c4c;
}
.no-touch .PostItem-heading .meta-topics a:active.arrow-link:after,
.no-touch .PostItem-topic .meta-topics a:active.arrow-link:after {
  width: 0;
  height: 0;
  border-top: 6.875px solid transparent;
  border-bottom: 6.875px solid transparent;
  border-left: 8px solid #4c4c4c;
}
.PostItem-heading .meta-topics:hover,
.PostItem-topic .meta-topics:hover {
  opacity: 1 !important;
}
@media only screen and (min-width: 768px) {
  .PostItem-bodyWrapper {
    display: table;
    width: 100%;
  }
  .PostItem-bodyWrapper > div {
    display: table-cell;
    vertical-align: top;
  }
}
.PostItem--hasImage .PostItem-bodyImage {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .PostItem--hasImage .PostItem-bodyWrapper .PostItem-bodyDesc {
    padding-left: 33px;
  }
  .PostItem--hasImage .PostItem-bodyWrapper .PostItem-bodyImage {
    max-width: 100%;
    width: 39.35064935% !important;
    margin-bottom: 0;
    padding-right: 33px;
    padding-top: 6px;
  }
}
.PostItem-image {
  position: relative;
  transition: background-color ease-in-out 0.25s;
  background-color: rgba(178, 178, 178, 0.35);
}
.PostItem-image--column {
  display: none;
}
.PostItem-image--stacked {
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .PostItem-image--column {
    display: block;
  }
  .PostItem-image--stacked {
    display: none;
  }
}
.PostItem-image .Image-placeholder {
  padding-bottom: 70%;
  transition: all ease-in-out 0.25s;
  background-size: cover;
  background-position: center center;
  opacity: 0;
}
@media only screen and (min-width: 992px) {
  .PostItem-image .Image-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .ie-11 .PostItem-image,
  .lt-ie11 .PostItem-image {
    background-image: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .ie-11 .PostItem-image,
  .lt-ie11 .PostItem-image {
    background-size: cover;
    background-position: center center;
  }
  .ie-11 .PostItem-image .Image-placeholder,
  .lt-ie11 .PostItem-image .Image-placeholder {
    display: none;
  }
}
.PostItem-image.loaded {
  background-color: #fcfcfc;
}
.PostItem-image.loaded .Image-placeholder {
  opacity: 1;
}
@media only screen and (min-width: 992px) {
}
.PostItem-image img {
  display: none;
}
.PostItem-body {
  color: #4c4c4c;
}
.PostItem-body > *:first-child {
  margin-top: 0;
}
.PostItem-body > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .PostItem-body {
    font-size: 16px;
  }
}
.PostItem-body .more-link {
  display: none;
  font-size: 14px;
  font-weight: 600;
  text-transform: lowercase;
  text-decoration: none !important;
  white-space: nowrap;
}
.PostItem-body .more-link:after {
  content: '›';
  margin-left: 3px;
}
@media only screen and (min-width: 768px) {
  .PostItem-body .more-link {
    display: none;
  }
}
.PostItem-meta--top {
  margin-bottom: 16px;
}
.PostItem-meta--bottom {
  padding-top: 16px;
}
.PostItem-content {
  background-color: #efefef;
  padding: 20px 0;
}
@media only screen and (min-width: 640px) {
  .PostItem-content {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 992px) {
  .PostItem-content {
    padding: 52px 0;
  }
}
/*------------------------------------------------*\
    PostItem - Card Style
\*------------------------------------------------*/
.PostItem--card {
  margin-bottom: 24px;
  background-color: #fcfcfc;
  padding: 0 24px 24px;
  position: relative;
}
@media only screen and (min-width: 480px) {
  .PostItem--card {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .PostItem--card {
    height: 496px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .PostItem--card {
    height: 512px;
  }
}
.PostItem--card:last-child {
  padding-bottom: 24px;
}
.PostItem--card .PostItem-inner {
  margin-right: 0 !important;
}
.PostItem--card .meta-topics {
  display: inline-block;
  margin-bottom: 8px;
}
.PostItem--card .meta-topics a {
  font-size: 14px;
}
.PostItem--card .PostItem-heading {
  margin-top: 0;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .PostItem--card.PostItem--hasImage .PostItem-bodyWrapper {
    display: block;
  }
  .PostItem--card.PostItem--hasImage .PostItem-bodyWrapper > div {
    display: block;
    width: 100% !important;
    padding: 0;
  }
}
.PostItem--card .PostItem-bodyImage {
  margin-bottom: 24px !important;
}
.PostItem--card .PostItem-bodyImage > div {
  margin-left: -24px;
  margin-right: -24px;
}
.PostItem--card .PostItem-bodyImage .Image-placeholder {
  padding-bottom: 60%;
}
.PostItem--card .PostItem-bodyDesc {
  padding-left: 0 !important;
}
.PostItem--card .PostItem-body {
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .PostItem--card .PostItem-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 24px - 24px);
    margin: 24px;
    background-color: rgba(252, 252, 252, 0.9);
  }
}
.PostItem--card .PostMeta-avatar {
  display: none;
}
.PostItem--card .PostMeta-author:before,
.PostItem--card .PostMeta-author:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.PostItem--card .PostMeta-author:after {
  clear: both;
}
.PostItem--card .PostMeta-author:before,
.PostItem--card .PostMeta-author:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.PostItem--card .PostMeta-author:after {
  clear: both;
}
.PostItem--card .PostMeta .Desc-author {
  display: inline;
}
.PostItem--card .PostMeta .Desc-meta {
  float: right;
}
.PostItem--card .PostMeta .Desc-meta > span {
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  .PostItem--card .PostMeta .Desc-meta .meta-topics:after {
    display: none;
  }
  .PostItem--card .PostMeta .Desc-meta .meta-date {
    display: none;
  }
}
/*

  Blog Page: Post View
  ------------------------------------------------

*/
.hs-blog-post .body-container-wrapper {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .hs-blog-post .body-container-wrapper {
    padding-top: 44px;
  }
}
.hs-blog-post .PostBody {
  margin-bottom: 56px;
}
.hs-blog-post .PostBody-wrapper {
  margin-bottom: 64px;
}
@media only screen and (min-width: 768px) {
  .hs-blog-post .PostBody-wrapper {
    margin-bottom: 80px;
  }
}
/*

  Blog Page: Post Comments
  ------------------------------------------------

*/
.PostComments {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: -16px;
  margin-bottom: 56px;
}
@media (min-width: 768px) {
  .PostComments {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .PostComments {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 768px) {
  .PostComments {
    float: none !important;
    width: 100%;
    max-width: 1240px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .PostComments {
    float: none !important;
    width: 100%;
    max-width: 1300px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.PostComments-outer {
  padding: 48px 0 0;
  border-top: 1px solid #b2b2b2;
}
@media only screen and (min-width: 992px) {
  .PostComments-outer {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 992px) {
  .PostComments-inner {
    margin-left: 8.56060606% !important;
    max-width: 100%;
    width: 57.1969697% !important;
  }
}
.PostComments-heading {
  margin: 16px 0 48px;
}
.PostComments-toggler {
  transition: all ease-in-out 0.25s;
  opacity: 1;
}
.PostComments-toggler a {
  font-size: 18px;
  line-height: 1.375;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  font-size: 16px;
  line-height: 34px;
}
.PostComments-toggler a em {
  font-style: normal;
}
.PostComments-toggler a strong {
  font-weight: 500;
}
.PostComments-toggler .plus-icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  border: 1px solid #d28c00;
  margin-right: 8px;
}
.PostComments-toggler .plus-icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  background-image: url('https://cdn2.hubspot.net/hubfs/3904775/Assets/icons/icon-plus-gold.svg');
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: center;
}
.PostComments-form {
  display: none;
}
.PostComments--initiated .PostComments-toggler {
  opacity: 1;
}
.PostComments--initiated .PostComments-toggler a {
  text-decoration: none !important;
}
/*

  Blog Page: Listing Pagination
  ------------------------------------------------

*/
.blog-pagination {
  padding-top: 32px;
  border-top: 1px solid #efefef;
}
.blog-pagination [class*="span"] {
  min-height: 1px !important;
}
@media (max-width: 767px) {
  .blog-pagination [class*="span"] {
    width: 33.33333333% !important;
    float: left !important;
  }
}
.blog-pagination a {
  color: #1f1f1f;
}
.blog-pagination .pagination-link-disabled {
  color: #b2b2b2;
}
.blog-pagination > .all {
  text-align: center;
}
.blog-pagination > .next {
  text-align: right;
}
@media (max-width: 768px) {
  .blog-pagination .span4 {
    width: 33.33333333% !important;
    float: left !important;
  }
}
/*

  Blog Page: Related Posts
  ------------------------------------------------
  

*/
.RelatedPosts {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .RelatedPosts {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .RelatedPosts {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.RelatedPosts-outer {
  padding: 64px 0;
}
@media only screen and (min-width: 768px) {
  .RelatedPosts-outer {
    padding: 88px 0;
  }
}
@media (min-width: 768px) {
  .RelatedPosts-outer {
    float: none !important;
    width: 100%;
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .RelatedPosts-listing {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .RelatedPosts-inner {
    max-width: 100%;
    width: 74.31818182% !important;
    margin-left: 8.56060606% !important;
  }
  .RelatedPosts-inner .PostItem-image {
    max-width: 100%;
    width: 42.02020202% !important;
  }
}
.RelatedPosts-heading {
  display: none;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .RelatedPosts-heading {
    margin-bottom: 64px;
  }
}
.RelatedPosts-heading h2,
.RelatedPosts-heading .section-subheader,
.RelatedPosts-heading h1 + h2 {
  margin-bottom: 0;
  color: #1f1f1f;
  font-size: 18px;
  font-family: 'Drescher Grotesk', Arial, sans-serif;
  font-weight: 600;
}
/*

  Page: Landing Page
  ------------------------------------------------
  Default settings.
  Imports the variations under /partials

*/
.landing-page {
  padding-top: 60px;
  /*------------------------------------------------*\
      Page Header
  \*------------------------------------------------*/
  /*------------------------------------------------*\
      Columns
  \*------------------------------------------------*/
  /*------------------------------------------------*\
      Styling
  \*------------------------------------------------*/
}
@media only screen and (min-width: 768px) {
  .landing-page {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .landing-page {
    padding-top: 82px;
  }
}
.landing-page .navbar {
  position: absolute;
}
.landing-page .body-container-wrapper {
  padding-top: 40px;
}
@media only screen and (min-width: 768px) {
  .landing-page .body-container-wrapper {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .landing-page .body-container-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.landing-page .widget-type-header h1 {
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .landing-page .col {
    margin-bottom: 45px;
  }
  .landing-page .col:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page .col-wrapper > div {
    margin-left: -16.5px;
    margin-right: -16.5px;
  }
  .landing-page .col {
    padding-left: 16.5px;
    padding-right: 16.5px;
  }
}
.landing-page p,
.landing-page ul,
.landing-page ol {
  font-size: 1rem;
}
@media only screen and (min-width: 1200px) {
  .landing-page p,
  .landing-page ul,
  .landing-page ol {
    font-size: 1.11111111rem;
  }
}
.landing-page .form-box {
  padding: 50px 40px;
  background: #efefef;
}
.landing-page .form-box:before,
.landing-page .form-box:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.landing-page .form-box:after {
  clear: both;
}
.landing-page .form-box:before,
.landing-page .form-box:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.landing-page .form-box:after {
  clear: both;
}
/*

  Landing Page: 3 Col Landing PAge
  ------------------------------------------------

*/
.landing-page--3-col .col--image img {
  display: block;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .landing-page--3-col .col--image {
    padding-right: 0;
  }
  .landing-page--3-col .col--image img {
    width: 100%;
  }
  .landing-page--3-col .col--primary {
    padding-left: 0;
  }
}
/*

  Page: Thank You Page
  ------------------------------------------------
  Default settings.
  Imports the variations under /partials

*/
.thank-you-page {
  /*------------------------------------------------*\
      Body Column
  \*------------------------------------------------*/
  /*------------------------------------------------*\
      Editor helper
  \*------------------------------------------------*/
}
.thank-you-page .body-container-wrapper {
  padding: 0;
}
.thank-you-page .MainWrapper,
.thank-you-page .SubWrapper {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.thank-you-page .MainWrapper:before,
.thank-you-page .SubWrapper:before,
.thank-you-page .MainWrapper:after,
.thank-you-page .SubWrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.thank-you-page .MainWrapper:after,
.thank-you-page .SubWrapper:after {
  clear: both;
}
.thank-you-page .MainWrapper:before,
.thank-you-page .SubWrapper:before,
.thank-you-page .MainWrapper:after,
.thank-you-page .SubWrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.thank-you-page .MainWrapper:after,
.thank-you-page .SubWrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .thank-you-page .MainWrapper,
  .thank-you-page .SubWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .thank-you-page .MainWrapper,
  .thank-you-page .SubWrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .thank-you-page .MainWrapper,
  .thank-you-page .SubWrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .thank-you-page .MainWrapper,
  .thank-you-page .SubWrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.thank-you-page .MainWrapper {
  background-color: #efefef;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .thank-you-page .MainWrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.thank-you-page .MainWrapper.bg-img-set {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .thank-you-page .MainWrapper-inner {
    max-width: 100%;
    width: 48.63636364% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
.thank-you-page .SubWrapper.disabled {
  display: none;
}
.thank-you-page h1,
.thank-you-page h2,
.thank-you-page .section-subheader,
.thank-you-page h1 + h2 {
  text-transform: uppercase;
  text-align: center;
}
.thank-you-page .PostBody {
  margin-bottom: 24px;
}
.thank-you-page .PostBody p,
.thank-you-page .PostBody ul,
.thank-you-page .PostBody ol {
  line-height: 1.22222222;
}
.thank-you-page .download-widget {
  margin-top: 32px;
  text-align: center;
}
.thank-you-page .download-widget.not-set {
  margin-top: 0;
}
.thank-you-page .ShareModule {
  margin-top: 32px;
  text-align: center;
}
.thank-you-page .ShareModule.not-set {
  margin-top: 0;
}
.thank-you-page .ShareModule-heading,
.thank-you-page .ShareModule-icons {
  display: inline-block;
  vertical-align: middle;
}
.thank-you-page .ShareModule-heading {
  position: relative;
  top: .075em;
  margin-right: 8px;
  font-weight: 400;
}
.thank-you-page .ShareModule-icons a {
  padding: 6px;
}
.hs-inline-edit .thank-you-page .MainWrapper {
  position: relative;
  overflow: hidden;
}
.hs-inline-edit .thank-you-page .MainWrapper:before {
  content: 'Set the Background Image in the Modules list';
  display: block;
  height: 35px;
  width: auto;
  padding: 5px 20px;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  background-color: #eea90c;
  color: #0D0D0D;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  transition: all ease-in-out 0.25s;
  -ms-transform: translate(0, -100%);
      transform: translate(0, -100%);
  opacity: 0;
  z-index: 10;
}
.hs-inline-edit .thank-you-page .MainWrapper:hover:before {
  opacity: 1;
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.hs-inline-edit .thank-you-page .SubWrapper {
  position: relative;
}
.hs-inline-edit .thank-you-page .SubWrapper:not(.disabled) {
  overflow: hidden;
}
.hs-inline-edit .thank-you-page .SubWrapper:not(.disabled):before {
  content: 'Disable the "Related Content" section in the Modules list';
  display: block;
  height: 35px;
  width: auto;
  padding: 5px 20px;
  margin-right: auto;
  position: absolute;
  top: 0;
  right: 0;
  margin-left: auto;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  z-index: 10;
}
.hs-inline-edit .thank-you-page .SubWrapper.disabled {
  display: block;
  padding: 0 !important;
}
.hs-inline-edit .thank-you-page .SubWrapper.disabled:before {
  content: 'Enable the "Related Content" section in the Modules list';
  display: block;
  padding: 32px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  background-color: #b2b2b2;
  color: #fcfcfc;
}
.hs-inline-edit .thank-you-page .SubWrapper.disabled .SubWrapper-inner {
  display: none;
}
@media only screen and (max-width: 767px) {
  .thank-you-page .SubWrapper {
    padding-top: 60px;
  }
}
.thank-you-page .SubWrapper-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.thank-you-page .SubWrapper .widget-type-header h2,
.thank-you-page .SubWrapper .widget-type-header .section-subheader,
.thank-you-page .SubWrapper .widget-type-header h1 + h2 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .thank-you-page .SubWrapper .widget-type-header h2,
  .thank-you-page .SubWrapper .widget-type-header .section-subheader,
  .thank-you-page .SubWrapper .widget-type-header h1 + h2 {
    margin-bottom: 60px;
  }
}
.thank-you-page .SubWrapper .widget-type-header h2:empty,
.thank-you-page .SubWrapper .widget-type-header .section-subheader:empty,
.thank-you-page .SubWrapper .widget-type-header h1 + h2:empty {
  margin-bottom: 0;
}
.thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_custom_widget {
  margin-bottom: 30px;
}
.thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_custom_widget:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_widget_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -16.5px !important;
    margin-right: -16.5px !important;
  }
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_widget_container:before,
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_widget_container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_widget_container:after {
    clear: both;
  }
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_widget_container:before,
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_widget_container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_widget_container:after {
    clear: both;
  }
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_custom_widget {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 33.33333333%;
    margin-bottom: 0;
    padding-left: 16.5px;
    padding-right: 16.5px;
  }
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_custom_widget .ContentItem,
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_custom_widget .ContentItem-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    -webkit-box-flex: 1;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .thank-you-page .SubWrapper .widget-type-widget_container .hs_cos_wrapper_type_custom_widget .ContentItem-body {
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}
.thank-you-page .SubWrapper .ContentItem-image {
  overflow: hidden;
  margin-bottom: 30px;
}
.thank-you-page .SubWrapper .ContentItem-image .block-image {
  padding-bottom: 78.605%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .5s ease;
}
.no-touch .thank-you-page .SubWrapper .ContentItem-image:hover .block-image {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.thank-you-page .SubWrapper .ContentItem-cta {
  margin-top: 30px;
}
.thank-you-page .SubWrapper .ContentItem-cta a {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.thank-you-page .SubWrapper .ContentItem-cta a em,
.thank-you-page .SubWrapper .ContentItem-cta a strong {
  font-weight: 500;
}
.thank-you-page .SubWrapper .ContentItem-cta a em {
  font-style: normal;
}
.thank-you-page .SubWrapper .ContentItem-cta a strong {
  font-weight: 600;
}
.thank-you-page .SubWrapper .ContentItem-cta a > span {
  display: inline-block;
}
.thank-you-page .SubWrapper .ContentItem-cta .link-icon {
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border: 1px solid #d28c00;
  background: url('//cdn2.hubspot.net/hubfs/3904775/Assets/icons/Arrow.svg') no-repeat center;
  transition: inherit;
}
.thank-you-page .SubWrapper .ContentItem-cta .link-text {
  padding: 5px 20px 5px 0;
}
.thank-you-page .SubWrapper .ContentItem-cta a:active .link-icon {
  border-color: #FFC322;
  background-color: #FFC322;
}
.no-touch .thank-you-page .SubWrapper .ContentItem-cta a:hover .link-icon {
  border-color: #FFC322;
  background-color: #FFC322;
}
/*

  Page: System
  ------------------------------------------------
  General styling for all system pages

*/
.system-page .main-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .system-page .main-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .system-page .main-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 768px) {
  .system-page .main-wrapper {
    float: none !important;
    width: 100%;
    max-width: 1034px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .system-page .main-wrapper {
    float: none !important;
    width: 100%;
    max-width: 1094px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*

  Page: Error
  ------------------------------------------------
  Error page specific styling.

*/
.error-page .widget-type-google_search {
  margin-top: 60px;
}
/*

  Page: Subscription Preferences Page
  ------------------------------------------------
  Also imports the Update Confirmation page
  from the /partials folder

*/
.subscription-page #email-prefs-form {
  margin: 0 auto;
}
.subscription-page .header {
  border: none;
  font-size: 18px;
}
.subscription-page .page-header h1 {
  margin-bottom: 25px;
}
.subscription-page .page-header h1:empty {
  margin: 0 !important;
}
.subscription-page .page-header h2,
.subscription-page .page-header .section-subheader,
.subscription-page .page-header h1 + h2 {
  display: inline-block;
  margin: 0 0 30px;
  padding: .65em;
  font-size: 22px;
  font-weight: 600;
  color: #4c4c4c;
  background: #efefef;
}
.subscription-page .page-header h2 .email-edit,
.subscription-page .page-header .section-subheader .email-edit,
.subscription-page .page-header h1 + h2 .email-edit {
  text-transform: uppercase;
}
.subscription-page .page-header p {
  font-size: 18px;
  line-height: 1.35em;
  color: #4c4c4c;
}
.subscription-page #content p.header {
  margin: 16px 0 8px;
  padding-bottom: 8px;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 600;
  color: #1f1f1f;
  border-bottom: 1px solid #efefef;
}
.subscription-page .email-prefs {
  margin: 0;
}
.subscription-page .email-prefs .item .item-inner {
  border: none;
  border-radius: 0;
  background: none;
}
.subscription-page .email-prefs .item .item-inner.selected {
  border: none;
  background: rgba(210, 140, 0, 0.1);
}
.subscription-page .email-prefs .item .item-inner.hovered {
  box-shadow: none;
}
.subscription-page .email-prefs .item.disabled {
  opacity: .3;
}
.subscription-page .email-prefs .item p {
  margin-left: 27px;
}
.subscription-page .checkbox-row {
  overflow: auto;
}
.subscription-page .checkbox-row input {
  top: 0;
}
.subscription-page .checkbox-row span.fakelabel span {
  margin: 2px 0 5px 15px;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
}
.subscription-page .email-prefs .item .item-inner p {
  margin-left: 29px;
  font-size: 16px !important;
  color: #4c4c4c;
}
.subscription-page .subscribe-options label {
  margin-left: 0;
  margin-right: 0;
}
.subscription-page .subscribe-options label span {
  font-size: 1rem;
  font-weight: normal;
  position: relative;
}
.subscription-page .subscribe-options label #globalunsub {
  margin-top: -8px;
  margin-right: 4px;
}
.subscription-page .subscribe-options label #globalunsub + span {
  opacity: .3;
}
.subscription-page .subscribe-options label #globalunsub:checked + span {
  opacity: 1;
  color: #d28c00;
}
.subscription-page #submitbutton {
  margin-top: 30px;
  margin-bottom: 0;
}
html body input.hs-input.email-edit {
  width: 100% !important;
  margin: 0 0 16px !important;
}
/*

  Subscription Update Confirmation

*/
.widget-type-email_subscriptions_confirmation .success {
  display: inline-block;
  margin: 8px 0 24px;
  padding: 16px;
  font-size: 22px;
  color: #4c4c4c;
  background: rgba(76, 76, 76, 0.15);
}
/*

  Page: Password
  ------------------------------------------------
  General page styling

*/
/*  Trumps
    ========================================================================== */
/*

  Trumps: HubSpot Content Editor
  ------------------------------------------------
  Styles only visible in the content editor

*/
/*

  Trump: Print
  ------------------------------------------------
  TODO: Remember to turn off fixed headers etc

*/
@media print {
  .widget-type-google_search,
  .widget-type-blog_subscribe,
  .addthis_sharing_toolbox,
  .hs_cos_wrapper_type_blog_social_sharing,
  .hs-tools-menu {
    display: none !important;
  }
}

/*# sourceMappingURL=../maps/seikovision-style.css.map */