/* MERKRETE RED COLOR #ed1c21 */

.slick-dots, .panel-social-networks, .panel-drop .eq-anim, .multi-list, .social-networks, .list, .dots-list, .check-list, .checked-elements, .multilevel-accordion, .multilevel-accordion ul, .footer-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

@font-face {
  font-family: 'frutiger';
  src: url("../fonts/frutiger_ce_55_roman_0-webfont.woff2") format("woff2"), url("../fonts/frutiger_ce_55_roman_0-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'frutiger';
  src: url("../fonts/frutiger_ce_56_italic_0-webfont.woff2") format("woff2"), url("../fonts/frutiger_ce_56_italic_0-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'frutiger';
  src: url("../fonts/frutiger_ce_75_black_0-webfont.woff2") format("woff2"), url("../fonts/frutiger_ce_75_black_0-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'frutiger';
  src: url("../fonts/frutiger_ce_76_black_italic_0-webfont.woff2") format("woff2"), url("../fonts/frutiger_ce_76_black_italic_0-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'frutiger';
  src: url("../fonts/frutiger-light.woff2") format("woff2"), url("../fonts/frutiger-light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'frutiger';
  src: url("../fonts/frutiger-lt-46-light-italic-0.woff2") format("woff2"), url("../fonts/frutiger-lt-46-light-italic-0.woff") format("woff");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'adobe_caslon_pro';
  src: url("ACaslonPro-Regular.woff2") format("woff2"), url("ACaslonPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?y7hhbu");
  src: url("../fonts/icomoon.eot?y7hhbu#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?y7hhbu") format("truetype"), url("../fonts/icomoon.woff?y7hhbu") format("woff"), url("../fonts/icomoon.svg?y7hhbu#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

.icon-folder-open-o:before {
  content: "\e908"; }

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

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

.icon-chat-help:before {
  content: "\e904"; }

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

.icon-cross-out:before {
  content: "\e90b"; }

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

/* Slick slider styles */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-slider {
  margin: 0 0 2em; }
  @media (min-width: 1024px) {
    .slick-slider {
      margin: 0 0 4em; } }

.slick-arrow {
  transition: color 0.3s ease-in-out;
  display: inline-block;
  vertical-align: top;
  text-indent: -9999px;
  overflow: hidden;
  background: 0;
  border: 0;
  margin: 0 18px;
  padding: 0;
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 10;
  color: #727374;
  outline: none; }
  .slick-arrow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "\e902";
    font-family: 'icomoon';
    text-indent: 0;
    font-size: 18px; }
  .slick-arrow:hover {
    color: #050505; }
  .slick-arrow.slick-next:before {
    content: "\e901"; }

.slick-dots {
  display: flex !important;
  flex-flow: row wrap;
  justify-content: center;
  padding: 26px 0; }
  .slick-dots li {
    padding: 0 6px; }
    .slick-dots li.slick-active button {
      background: #050505; }
  .slick-dots button {
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    display: block;
    background: #c3d1de;
    border: 0;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden; }
    @media (min-width: 768px) {
      .slick-dots button {
        width: 12px;
        height: 12px; } }
    .slick-dots button:hover {
      background: #050505; }

/* custom radio styles */
.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: transparent;
  border: 1px solid #050505;
  border-radius: 50%;
  margin: 0 3px 0 0;
  height: 22px;
  width: 22px; }

.jcf-radio input[type="radio"] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0; }

.jcf-radio.jcf-checked {
  background: #050505; }

/* custom checkbox styles */
.jcf-checkbox {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: transparent;
  border: 1px solid #050505;
  margin: 0 3px 0 0;
  border-radius: 50%;
  height: 22px;
  width: 22px; }

.jcf-checkbox input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0; }

.jcf-checkbox.jcf-checked {
  background: #050505; }

/* common custom form elements styles */
.jcf-disabled {
  background: #ddd !important; }

/* .jcf-focus,
.jcf-focus * {
    border-color: #f00 !important;
}
 */
/* custom scrollbars styles */
.jcf-scrollable-wrapper {
  box-sizing: content-box;
  position: relative; }

.jcf-scrollbar-vertical {
  position: absolute;
  cursor: default;
  background: #e3e3e3;
  width: 14px;
  bottom: 0;
  right: 0;
  top: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  background: #bbb;
  height: 14px;
  width: 14px;
  left: 0;
  top: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  top: auto;
  bottom: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background: #888;
  height: 1px;
  width: 14px; }

.jcf-scrollbar-horizontal {
  position: absolute;
  background: #e3e3e3;
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  background: #bbb;
  height: 14px;
  width: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  left: auto;
  right: 0; }

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
  display: inline-block;
  position: relative;
  height: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
  position: absolute;
  background: #888;
  height: 14px; }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
  visibility: hidden; }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
  background: #e3e3e3; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h {
  margin: 0 0 0.5em;
  letter-spacing: 1px;
  line-height: 1.25; }
  h1 a, .h1 a,
  h2 a, .h2 a,
  h3 a, .h3 a,
  h4 a, .h4 a,
  h5 a, .h5 a,
  h6 a, .h6 a,
  .h a {
    color: inherit;
    text-decoration: none; }
  h1.bordered-title, .h1.bordered-title,
  h2.bordered-title, .h2.bordered-title,
  h3.bordered-title, .h3.bordered-title,
  h4.bordered-title, .h4.bordered-title,
  h5.bordered-title, .h5.bordered-title,
  h6.bordered-title, .h6.bordered-title,
  .h.bordered-title {
    border-bottom: 1px solid rgba(0, 70, 136, 0.5);
    padding: 0 0 .9em;
    margin: 0 0 1.1em; }
    @media (min-width: 1024px) {
      h1.bordered-title, .h1.bordered-title,
      h2.bordered-title, .h2.bordered-title,
      h3.bordered-title, .h3.bordered-title,
      h4.bordered-title, .h4.bordered-title,
      h5.bordered-title, .h5.bordered-title,
      h6.bordered-title, .h6.bordered-title,
      .h.bordered-title {
        padding: 0 0 .6em;
        margin: 0 0 1.5em; } }

h1, .h1 {
  line-height: 1.0857;
  letter-spacing: 2px;
  text-transform: uppercase; }
  @media (min-width: 375px) {
    h1, .h1 {
      font-size: 35px; } }
  @media (min-width: 1024px) {
    h1, .h1 {
      font-size: 54px;
      line-height: .925; } }

h2 {
  text-transform: uppercase; }
  @media (min-width: 1024px) {
    h2 {
      font-size: 26px; } }
  h2.h2 {
    font-size: 20px;
    line-height: 1.25; }
    @media (min-width: 768px) {
      h2.h2 {
        font-size: 16px;
        line-height: 1.375; } }

h3, .h3 {
  text-transform: uppercase; }
  @media (min-width: 1024px) {
    h3, .h3 {
      font-size: 22px; } }

p {
  margin: 0 0 1.7em; }
  @media (min-width: 1024px) {
    p {
      margin: 0 0 2.3em; } }

a {
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out;
  text-decoration: underline; }

img {
  max-width: 100%; }

sub,
sup {
  font-size: 40%; }

sup {
  top: -1em; }

mark {
  padding: 0; }

.form-control {
  border-width: 0 0 1px;
  font-size: 20px;
  line-height: 1.2;
  box-shadow: none;
  padding: 0.3em 0; }
  @media (min-width: 1024px) {
    .form-control {
      height: 46px;
      font-size: 26px; } }
  .form-control:focus {
    box-shadow: none; }

textarea.form-control {
  min-height: 36px !important;
  width: 100% !important; }
  @media (min-width: 1024px) {
    textarea.form-control {
      min-height: 46px !important; } }

label {
  color: #050505;
  font-weight: 400;
  vertical-align: top; }

.form-group {
  margin: 0 0 1.8em; }
  @media (min-width: 1024px) {
    .form-group {
      margin: 0 0 2.7em; } }
  .form-group label {
    font-size: 13px;
    color: rgba(0, 70, 136, 0.7);
    margin-bottom: 0;
    vertical-align: middle; }
    @media (min-width: 1024px) {
      .form-group label {
        font-size: 12px;
        padding-left: 2em;
        padding-right: 2em; } }
    .form-group label.error {
      color: #a94442; }
  @media (max-width: 767px) {
    .form-group .form-control {
      padding-top: 0; } }
  @media (min-width: 1024px) {
    .form-group .form-control {
      padding-left: .9em;
      padding-right: .9em; } }

.block-row {
  margin: 40px 0; }
  .block-row .btn {
    background: none;
    color: #ed1c21;
    border: 0; }
    @media (min-width: 768px) {
      .block-row .btn {
        color: #fff; } }
  @media (min-width: 1300px) {
    .block-row .inline-row-holder {
      padding-top: 3px; } }
  .block-row .checkbox,
  .block-row .radio {
    margin: 0 0 40px; }
    @media (min-width: 1300px) {
      .block-row .checkbox,
      .block-row .radio {
        margin: 0 66px 10px 0; } }
    .block-row .checkbox label,
    .block-row .radio label {
      padding: 0;
      font-size: 15px;
      line-height: 1.2;
      min-height: 0; }
      @media (min-width: 1300px) {
        .block-row .checkbox label,
        .block-row .radio label {
          font-size: 12px; } }
    .block-row .checkbox .jcf-radio,
    .block-row .checkbox .jcf-checkbox,
    .block-row .radio .jcf-radio,
    .block-row .radio .jcf-checkbox {
      position: initial;
      margin: 0 19px 0 0;
      float: left; }
      @media (min-width: 1300px) {
        .block-row .checkbox .jcf-radio,
        .block-row .checkbox .jcf-checkbox,
        .block-row .radio .jcf-radio,
        .block-row .radio .jcf-checkbox {
          margin: 0 10px 0 0; } }
      .block-row .checkbox .jcf-radio input,
      .block-row .checkbox .jcf-checkbox input,
      .block-row .radio .jcf-radio input,
      .block-row .radio .jcf-checkbox input {
        cursor: pointer; }
      .block-row .checkbox .jcf-radio label.error,
      .block-row .checkbox .jcf-checkbox label.error,
      .block-row .radio .jcf-radio label.error,
      .block-row .radio .jcf-checkbox label.error {
        position: absolute;
        top: -70px;
        right: 0;
        cursor: default; }
  .block-row .label-frame {
    display: block;
    overflow: hidden;
    padding: 3px 0 0; }
    @media (min-width: 1300px) {
      .block-row .label-frame {
        padding: 5px 0 0; } }
  .block-row p {
    font-size: 20px;
    line-height: 1.25;
    color: #050505;
    margin: 0 0 .8em; }
    @media (min-width: 1300px) {
      .block-row p {
        font-size: 22px;
        margin-right: 41px; } }
  .block-row .title {
    background: #fff;
    padding: 30px 50px;
    margin: 20px -50px;
    font-weight: 200; }

.inline-row {
  padding: 15px 0 19px; }
  @media (min-width: 1024px) {
    .inline-row {
      padding: 31px 1.8em 13px; } }
  @media (min-width: 1300px) {
    .inline-row {
      display: flex;
      flex-flow: row wrap; } }
  .inline-row .inline-row-holder {
    display: flex;
    flex-flow: row wrap; }
    @media (min-width: 1300px) {
      .inline-row .inline-row-holder {
        padding-top: 3px; } }
  .inline-row .checkbox,
  .inline-row .radio {
    margin: 0 45px 10px 0; }
    @media (min-width: 1300px) {
      .inline-row .checkbox,
      .inline-row .radio {
        margin: 0 66px 10px 0; } }
    .inline-row .checkbox label,
    .inline-row .radio label {
      text-transform: uppercase;
      padding: 0;
      font-size: 15px;
      line-height: 1.2;
      min-height: 0; }
      @media (min-width: 1300px) {
        .inline-row .checkbox label,
        .inline-row .radio label {
          font-size: 12px; } }
    .inline-row .checkbox .jcf-radio,
    .inline-row .checkbox .jcf-checkbox,
    .inline-row .radio .jcf-radio,
    .inline-row .radio .jcf-checkbox {
      margin: 0 19px 0 0;
      float: left; }
      @media (min-width: 1300px) {
        .inline-row .checkbox .jcf-radio,
        .inline-row .checkbox .jcf-checkbox,
        .inline-row .radio .jcf-radio,
        .inline-row .radio .jcf-checkbox {
          margin: 0 10px 0 0; } }
  .inline-row .label-frame {
    display: block;
    overflow: hidden;
    padding: 3px 0 0; }
    @media (min-width: 1300px) {
      .inline-row .label-frame {
        padding: 5px 0 0; } }
  .inline-row p {
    font-size: 20px;
    line-height: 1.25;
    color: #050505;
    margin: 0 0 .8em; }
    @media (min-width: 1300px) {
      .inline-row p {
        font-size: 22px;
        margin-right: 41px; } }

#header {
  position: relative;
  z-index: 1001;
  height: 50px; }
  @media (min-width: 1024px) {
    #header {
      height: 79px;
      position: fixed;
      top: 0;
      right: 0 !important;
      left: 50px !important; } }
  @media (min-width: 1300px) {
    #header {
      left: 72px !important; } }
  @media (min-width: 1716px) {
    #header {
      height: 69px; } }
  @media (min-width: 1716px) {
    #header:after {
      transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
      content: "";
      background: #000;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      max-height: 85%;
      z-index: -1;
      opacity: 0; } }
  @media (max-width: 1023px) {
    #header.fixed-position {
      position: relative !important;
      width: auto !important;
      transform: none !important; } }
  #header.fixed-position:after {
    opacity: 1;
    max-height: 100%; }
  #header .navbar-default {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    border: 0; }
    @media (min-width: 1024px) {
      #header .navbar-default {
        font-size: 12px;
        padding: 44px 0 14px;
        background: transparent;
        background: #050505; } }
    @media (min-width: 1300px) {
      #header .navbar-default {
        padding: 44px 0 14px; } }
    @media (min-width: 1716px) {
      #header .navbar-default {
        /*background: 0;*/
        padding: 24px 0 25px; } }
  @media (min-width: 1716px) {
    #header .container-fluid {
      position: relative; } }
  @media (min-width: 1024px) {
    #header .navbar-nav-holder {
      padding: 0 0 0 119px; } }
  @media (min-width: 1716px) {
    #header .navbar-nav-holder {
      padding: 0 50px 0 119px;
      display: flex;
      justify-content: center;
      align-items: center; } }
  #header .navbar-nav {
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0 0 -5px;
    padding: 44px 0 0; }
    @media (min-width: 1024px) {
      #header .navbar-nav {
        letter-spacing: 0;
        padding: 0;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        float: none;
        margin: 0; } }
    @media (min-width: 1300px) {
      #header .navbar-nav {
        letter-spacing: 1px; } }
    @media (min-width: 1716px) {
      #header .navbar-nav {
        justify-content: center; } }
    #header .navbar-nav.navbar-right {
      padding: 30px 0 14px;
      text-transform: none;
      border-top: 1px solid #d6e1ec;
      font-weight: 300;
      margin-top: 13px; }
      @media (min-width: 1024px) {
        #header .navbar-nav.navbar-right {
          padding: 6px 15px 0 0;
          background: #013b71;
          font-size: 11px;
          border-top: 0;
          margin: 0;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 29px;
          letter-spacing: 1px; } }
      @media (min-width: 1300px) {
        #header .navbar-nav.navbar-right {
          padding: 6px 46px 0 0; } }
      @media (min-width: 1716px) {
        #header .navbar-nav.navbar-right {
          background: 0;
          position: relative;
          height: auto;
          padding: 2px 0 0; } }
      @media (min-width: 1716px) {
        #header .navbar-nav.navbar-right:after {
          position: absolute;
          top: 50%;
          transform: translate(0, -50%);
          content: "";
          background: rgba(255, 255, 255, 0.5);
          width: 1px;
          height: 10px;
          left: -30px;
          margin-top: 1px; } }
      @media (min-width: 1024px) {
        #header .navbar-nav.navbar-right li {
          padding: 0 20px; } }
      @media (min-width: 1300px) {
        #header .navbar-nav.navbar-right li {
          padding: 0 22px; } }
    @media (min-width: 1024px) {
      #header .navbar-nav.navbar-nav-main {
        padding-right: 40px;
        margin: 0 -10px; } }
    @media (min-width: 1300px) {
      #header .navbar-nav.navbar-nav-main {
        padding-right: 59px; } }
    @media (min-width: 1024px) {
      #header .navbar-nav.navbar-nav-main > li {
        padding: 0 10px; } }
    @media (min-width: 1300px) {
      #header .navbar-nav.navbar-nav-main > li {
        padding: 0 20px; } }
    #header .navbar-nav.navbar-nav-main > .small {
      font-size: 11px;
      font-weight: 300;
      text-transform: none; }
    #header .navbar-nav > li {
      padding: 0 0 37px;
      position: relative; }
      @media (min-width: 1024px) {
        #header .navbar-nav > li {
          float: none; } }
      #header .navbar-nav > li.active > a {
        color: #050505; }
        @media (min-width: 1024px) {
          #header .navbar-nav > li.active > a {
            color: #fff; } }
        #header .navbar-nav > li.active > a:after {
          opacity: 1; }
          @media (min-width: 1024px) {
            #header .navbar-nav > li.active > a:after {
              left: 0;
              right: 0; } }
      #header .navbar-nav > li > a {
        color: #050505;
        padding: 0;
        position: relative; }
        @media (min-width: 1024px) {
          #header .navbar-nav > li > a {
            color: #fff;
            line-height: 1.6667; } }
        #header .navbar-nav > li > a:after {
          transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out;
          content: "";
          position: absolute;
          background: #050505;
          width: 1px;
          height: 15px;
          top: 5px;
          left: -10px;
          opacity: 0; }
          @media (min-width: 1024px) {
            #header .navbar-nav > li > a:after {
              width: auto;
              height: 2px;
              background: #fff;
              bottom: 0;
              right: 50%;
              left: 50%;
              top: auto;
              opacity: 1; } }
        #header .navbar-nav > li > a:hover:after {
          opacity: 1; }
          @media (min-width: 1024px) {
            #header .navbar-nav > li > a:hover:after {
              left: 0;
              right: 0; } }
        #header .navbar-nav > li > a i,
        #header .navbar-nav > li > a span {
          position: absolute;
          top: 50%;
          transform: translate(0, -50%);
          right: 7px; }
          @media (min-width: 1024px) {
            #header .navbar-nav > li > a i,
            #header .navbar-nav > li > a span {
              position: static;
              display: inline-block;
              vertical-align: middle;
              margin: 5px 0 -5px 8px; } }
        #header .navbar-nav > li > a .icon-chevron-down {
          font-size: 14px; }
  #header .dropdown-menu {
    padding: 8px 0;
    box-shadow: none; }
    @media (min-width: 1024px) {
      #header .dropdown-menu {
        padding: 15px 0;
        min-width: 200px;
        left: 50%;
        transform: translate(-50%, 0);
        margin: 15px 0 0; } }
    @media (min-width: 1716px) {
      #header .dropdown-menu {
        min-width: 263px;
        padding: 22px 0 40px;
        margin: 16px 0 0; } }
    #header .dropdown-menu > li {
      border-bottom: 1px solid #c9d8e6; }
      @media (min-width: 1024px) {
        #header .dropdown-menu > li {
          border-bottom: 0; } }
      #header .dropdown-menu > li > a {
        color: #ed1c21;
        font-weight: 300;
        line-height: 1.2;
        letter-spacing: 1px;
        padding: 21px 0;
        position: relative; }
#header .dropdown-menu > li > a:hover {
        color: #050505;}
        @media (min-width: 1024px) {
          #header .dropdown-menu > li > a {
            font-size: 14px;
            line-height: 1.42857;
            padding: 10px 20px; } }
        @media (min-width: 1716px) {
          #header .dropdown-menu > li > a {
            padding: 15px 45px 16px 72px; } }
        #header .dropdown-menu > li > a:hover:after {
          content: ""; }
        #header .dropdown-menu > li > a:after {
          background: #050505;
          width: 1px;
          top: 10px;
          bottom: 10px;
          position: absolute;
          left: -10px; }
          @media (min-width: 1024px) {
            #header .dropdown-menu > li > a:after {
              left: 10px; } }
          @media (min-width: 1716px) {
            #header .dropdown-menu > li > a:after {
              left: 50px; } }
      #header .dropdown-menu > li.active > a {
        background-color: #fff; }
        #header .dropdown-menu > li.active > a:after {
          content: "";
          background: #050505;
          width: 1px;
          top: 10px;
          bottom: 10px;
          position: absolute;
          left: -10px; }
          @media (min-width: 1024px) {
            #header .dropdown-menu > li.active > a:after {
              left: 10px; } }
          @media (min-width: 1716px) {
            #header .dropdown-menu > li.active > a:after {
              left: 50px; } }
  #header .right-links {
    position: absolute;
    top: 7px;
    right: 10px; }
    @media (min-width: 768px) {
      #header .right-links {
        top: 3px; } }
    @media (min-width: 1024px) {
      #header .right-links {
        top: 37px;
        right: 0; } }
    @media (min-width: 1300px) {
      #header .right-links {
        right: 55px; } }
    @media (min-width: 1716px) {
      #header .right-links {
        top: -7px;
        right: 32px; } }
  #header .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 0 49px;
    z-index: 1001; }
    @media (min-width: 1024px) {
      #header .navbar-collapse {
        position: static;
        background: transparent;
        padding: 0; } }
    @media (min-width: 1024px) {
      #header .navbar-collapse:before, #header .navbar-collapse:after {
        display: none; } }
  #header .navbar-header {
    padding: 17px 70px; }
    @media (min-width: 1024px) {
      #header .navbar-header {
        padding: 0; } }

.navbar-nav a {
  text-decoration: none; }

.dropdown-menu > li > a {
  white-space: normal; }

.logo {
  max-width: 75px;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .logo {
      max-width: 50px;
      margin: 0;
      position: absolute;
      top: 15px;
      left: 49px; } }
  @media (min-width: 1716px) {
    .logo {
      top: -16px;
      left: 49px; } }
  .logo img {
    display: block; }

.navbar-toggle {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 29px;
  height: 29px;
  top: 11px;
  left: 25px; }
  .navbar-toggle.collapsed .icon-bar {
    top: 9px;
    left: 0;
    right: 0;
    transform: none; }
    .navbar-toggle.collapsed .icon-bar + .icon-bar {
      top: 16px;
      transform: none; }
  .navbar-toggle .icon-bar {
    transition: transform 0.3s ease-in-out;
    width: auto;
    left: 4px;
    right: 4px;
    position: absolute;
    top: 12px;
    transform: rotate(45deg); }
    .navbar-toggle .icon-bar + .icon-bar {
      margin: 0;
      transform: rotate(-45deg); }

.search-header-section {
  position: absolute;
  right: 0;
  top: 0; }

.header-search-block {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 1024px) {
    .header-search-block {
      align-items: center;
      justify-content: center;
      padding: 41px 15px 41px; } }

.search-collapse {
  position: relative;
  z-index: 1001; }
  .search-collapse .well {
    background: #fff;
    box-shadow: none;
    border: none;
    padding: 26px 36px 26px;
    margin: 0; }
    @media (min-width: 1024px) {
      .search-collapse .well {
        padding: 0; } }
  .search-collapse .collapse-mobile {
    width: 100%;
    margin-top: 38px;
    margin: 0;
    border: none;
    order: 1;
    padding: 0; }
    @media (min-width: 1024px) {
      .search-collapse .collapse-mobile {
        display: block !important;
        height: 100% !important;
        order: 0; } }

.btn.open-link {
  transition: color 0.3s ease-in-out;
  background: none;
  padding: 0;
  border: none;
  font-size: 22px;
  position: relative;
  background: none !important;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  font-size: 19px;
  margin: 0 5px; }
  @media (min-width: 1024px) {
    .btn.open-link {
      background: #fff !important;
      margin: 0 7px;
      font-size: 18px; } }
  @media (min-width: 1024px) {
    .btn.open-link:hover {
      color: #d9534f; } }
  .btn.open-link:before, .btn.open-link:after {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 19px;
    height: 2px;
    background: #fff;
    content: '';
    transform: rotate(-45deg); }
    @media (min-width: 1024px) {
      .btn.open-link:before, .btn.open-link:after {
        background: #024789;
        height: 1px; } }
  .btn.open-link:after {
    transform: rotate(45deg); }
  .btn.open-link i {
    opacity: 0; }
  .btn.open-link.collapsed {
    background: none !important; }
    .btn.open-link.collapsed:before, .btn.open-link.collapsed:after {
      display: none; }
    .btn.open-link.collapsed i {
      opacity: 1; }

.search-box-header {
  width: 100%;
  margin-top: 55px;
  order: 2; }
  @media (min-width: 1024px) {
    .search-box-header {
      padding: 0 0 0 60px;
      border-left: 1px solid #dfdfe0;
      height: 39px;
      order: 0;
      margin: 0;
      width: auto; } }
  .search-box-header label {
    display: block;
    font-size: 13px;
    line-height: 16px;
    color: rgba(95, 96, 98, 0.6);
    font-weight: 300; }
    @media (min-width: 1024px) {
      .search-box-header label {
        display: none; } }
  .search-box-header .search-holder {
    display: flex;
    align-items: center;
    padding: 0 0 16px;
    margin: 0 0 12px;
    border-bottom: 1px solid #e5e5e6; }
    @media (min-width: 1024px) {
      .search-box-header .search-holder {
        margin: 0;
        padding: 0;
        border: 0; } }
    .search-box-header .search-holder input[type="search"] {
      font-size: 20px;
      line-height: 23px;
      border: none;
      width: calc(100% - 45px);
      height: 39px;
      letter-spacing: 1px;
      color: #5f6062;
      text-overflow: ellipsis; }
      @media (min-width: 1024px) {
        .search-box-header .search-holder input[type="search"] {
          width: 500px;
          font-size: 22px;
          line-height: 25px; } }
      .search-box-header .search-holder input[type="search"]::-webkit-input-placeholder {
        color: rgba(95, 96, 98, 0.4); }
        @media (min-width: 1024px) {
          .search-box-header .search-holder input[type="search"]::-webkit-input-placeholder {
            color: #5f6062; } }
      .search-box-header .search-holder input[type="search"]::-moz-placeholder {
        opacity: 1;
        color: rgba(95, 96, 98, 0.4); }
        @media (min-width: 1024px) {
          .search-box-header .search-holder input[type="search"]::-moz-placeholder {
            color: #5f6062; } }
      .search-box-header .search-holder input[type="search"]:-moz-placeholder {
        color: rgba(95, 96, 98, 0.4); }
        @media (min-width: 1024px) {
          .search-box-header .search-holder input[type="search"]:-moz-placeholder {
            color: #5f6062; } }
      .search-box-header .search-holder input[type="search"]:-ms-input-placeholder {
        color: rgba(95, 96, 98, 0.4); }
        @media (min-width: 1024px) {
          .search-box-header .search-holder input[type="search"]:-ms-input-placeholder {
            color: #5f6062; } }
      .search-box-header .search-holder input[type="search"].placeholder {
        color: rgba(95, 96, 98, 0.4); }
        @media (min-width: 1024px) {
          .search-box-header .search-holder input[type="search"].placeholder {
            color: #5f6062; } }
    .search-box-header .search-holder button[type="submit"] {
      transition: color 0.3s ease-in-out, border 0.3s ease-in-out;
      width: 35px;
      height: 35px;
      border: 1px solid #5f6062;
      border-radius: 100%;
      padding: 0;
      background: #fff;
      opacity: 1;
      margin-left: 10px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 1024px) {
        .search-box-header .search-holder button[type="submit"] {
          width: 39px;
          height: 39px;
          margin-left: 49px; } }
      .search-box-header .search-holder button[type="submit"]:hover {
        color: #ed1c21;
        border-color: #ed1c21; }

.option-btn {
  background: none;
  border: none;
  font-size: 20px;
  line-height: 25px;
  color: #5f6062;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 59px;
  padding: 0;
  letter-spacing: 1px;
  border-bottom: 1px solid #dfdfe0;
  width: 100%; }
  @media (min-width: 1024px) {
    .option-btn {
      margin-right: 57px;
      min-width: 145px;
      font-size: 22px;
      height: 39px;
      display: inline-flex;
      border: 0;
      width: auto; } }
  .option-btn i {
    font-size: 16px;
    margin-left: 10px; }

@media (min-width: 1024px) {
  .well-holder {
    padding: 24px 30px 15px;
    margin-top: 38px;
    border-top: 1px solid #dfdfe0; } }
@media (min-width: 1300px) {
  .well-holder {
    padding: 24px 85px 20px; } }

.label-holder {
  padding: 20px 0 0; }
  @media (min-width: 1024px) {
    .label-holder {
      padding: 0;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  .label-holder label {
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
    letter-spacing: 1px;
    white-space: nowrap;
    display: block;
    margin: 0 0 28px;
    color: rgba(95, 96, 98, 0.8);
    /* &.default {
    	@include media('>=desktop') {
    		color: rgba($text-color, 0.6);
    		.jcf-radio {
    			&.jcf-checked {
    				background: url(../images/check-sprite.png) no-repeat;
    			}
    		}
    	}
    } */ }
    @media (min-width: 1024px) {
      .label-holder label {
        font-size: 14px;
        line-height: 17px;
        margin: 0 10px 0 0;
        color: #5f6062; } }
    .label-holder label:last-child {
      margin: 0; }
  .label-holder .jcf-radio {
    border: none;
    width: 25px;
    height: 25px;
    margin: 0 0 0 14px; }
    @media (min-width: 1024px) {
      .label-holder .jcf-radio {
        margin: 0 0 0 8px; } }
    @media (min-width: 1300px) {
      .label-holder .jcf-radio {
        margin: 0 0 0 14px; } }
    .label-holder .jcf-radio.jcf-checked {
      background: url(../images/check-sprite.png) no-repeat 0 -35px; }
      @media (min-width: 1024px) {
        .label-holder .jcf-radio.jcf-checked {
          background: url(../images/check-sprite.png) no-repeat; } }
    .label-holder .jcf-radio span {
      background: none; }

.ui-autocomplete.sf-autocomplete {
  display: none !important; }

#wrapper {
  transition: all 800ms cubic-bezier(0.19, 1, 0.56, 1); }
  #wrapper:after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    background: rgba(5, 5, 5, 0.31);
    transition: all 800ms cubic-bezier(0.19, 1, 0.56, 1);
    transition-delay: 0.3s; }
  .panel-active #wrapper {
    transition-delay: 0.3s; }
    .panel-active #wrapper:after {
      opacity: 1;
      visibility: visible; }

.wrapper-holder, #header {
  transition: all 800ms cubic-bezier(0.19, 1, 0.56, 1);
  transform: translate3d(0, 0, 0); }
  .panel-active .wrapper-holder,
  .panel-active #header {
    transition-delay: 0.3s;
    transform: translate3d(30px, 0, 0); }

.panel-opener {
  display: block;
  margin: 32px 0 0;
  width: 23px;
  height: 23px;
  top: 9px;
  left: 14px;
  position: relative;
  transition: 0.3s all easy;
  z-index: 2; }
  @media (min-width: 1300px) {
    .panel-opener {
      left: 25px; } }
  @media (min-width: 1716px) {
    .panel-opener {
      margin: 12px 0 0; } }
  .panel-opener .icon-bar {
    transition: transform 0.3s ease-in-out;
    width: auto;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    transform: none;
    background: #050505; }
    .panel-active .panel-opener .icon-bar {
      top: 12px;
      transform: rotate(45deg);
      background: #fff; }
    .panel-opener .icon-bar + .icon-bar {
      margin: 0;
      top: 16px;
      transform: none; }
      .panel-active .panel-opener .icon-bar + .icon-bar {
        top: 12px;
        transform: rotate(-45deg); }

.left-panel {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  background: #fff;
  width: 50px;
  font: 9px/12px "frutiger", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  z-index: 1001;
  min-height: 574px; }
  @media (min-width: 1024px) {
    .left-panel {
      display: block; } }
  @media (min-width: 1300px) {
    .left-panel {
      width: 72px; } }
  .left-panel:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #fff; }
  .left-panel:before {
    transition: opacity 0.3s ease-in-out, max-width 0.3s ease-in-out;
    content: "";
    background: #050505;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    max-width: 0;
    z-index: 2;
    opacity: 0;
    transition-delay: 0.3s; }
  .panel-active .left-panel:before {
    opacity: 1;
    max-width: 100%;
    transition-delay: 0s; }
  .left-panel .title {
    display: block;
    white-space: nowrap;
    color: #050505;
    font-weight: normal;
    transform: rotate(270deg);
    writing-mode: lr-tb;
    transform-origin: 0 0;
    position: absolute;
    left: 18px;
    top: 226px;
    letter-spacing: 3.2px;
    word-spacing: -1px;
    z-index: 2;
    transition-delay: 0.2s; }
    @media (min-width: 1300px) {
      .left-panel .title {
        left: 29px; } }
    @media (min-width: 1716px) {
      .left-panel .title {
        top: 206px; } }
    .panel-active .left-panel .title {
      color: #fff;
      transition-delay: 0.3s; }

.panel-social-networks {
  text-transform: uppercase;
  transform: rotate(270deg);
  writing-mode: lr-tb;
  transform-origin: 0 0;
  display: flex;
  flex-wrap: nowrap;
  position: absolute;
  left: 18px;
  bottom: 0;
  letter-spacing: 2.2px;
  width: 500px;
  z-index: 2; }
  @media (min-width: 1300px) {
    .panel-social-networks {
      left: 29px; } }
  .panel-social-networks li {
    padding: 0 12px 0 11px; }
  .panel-social-networks a {
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none; }
    .panel-active .panel-social-networks a {
      color: rgba(255, 255, 255, 0.2);
      transition-delay: 0.2s; }
      .panel-active .panel-social-networks a:hover {
        color: #fff;
        transition-delay: 0.3s; }
    .panel-social-networks a:hover {
      color: #050505; }

.panel-drop {
  width: 314px;
  height: 100vh;
  background: #fff;
  position: absolute;
  left: 50px;
  top: 0;
  z-index: -2;
  transition: all 800ms cubic-bezier(0.19, 1, 0.56, 1);
  transform: translate3d(-100%, 0, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 23px; }
  @media (min-width: 1300px) {
    .panel-drop {
      left: 72px; } }
  .panel-active .panel-drop {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.3s; }
  .panel-drop .eq-anim {
    height: calc(100vh - 235px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: space-around;
    align-items: center; }
    .panel-drop .eq-anim li a {
      opacity: 0.3; }
      .panel-drop .eq-anim li a:hover {
        opacity: 1; }
  .panel-drop .logo {
    position: static;
    margin: 0 0 95px; }
    .panel-active .panel-drop .logo {
      animation-name: fade;
      animation-duration: 2s; }

.panel-active .eq-anim > *:nth-child(1) {
  animation: fade 0.5s 0.2s both; }

.panel-active .eq-anim > *:nth-child(2) {
  animation: fade 0.5s 0.3s both; }

.panel-active .eq-anim > *:nth-child(3) {
  animation: fade 0.5s 0.4s both; }

.panel-active .eq-anim > *:nth-child(4) {
  animation: fade 0.5s 0.5s both; }

.panel-active .eq-anim > *:nth-child(5) {
  animation: fade 0.5s 0.6s both; }

.panel-active .eq-anim > *:nth-child(6) {
  animation: fade 0.5s 0.7s both; }

.panel-active .eq-anim > *:nth-child(7) {
  animation: fade 0.5s 0.8s both; }

.panel-active .eq-anim > *:nth-child(8) {
  animation: fade 0.5s 0.9s both; }

.panel-active .eq-anim > *:nth-child(9) {
  animation: fade 0.5s 1s both; }

.panel-active .eq-anim > *:nth-child(10) {
  animation: fade 0.5s 1.1s both; }

.panel-active .eq-anim > *:nth-child(11) {
  animation: fade 0.5s 1.2s both; }

.panel-active .eq-anim > *:nth-child(12) {
  animation: fade 0.5s 1.3s both; }

.panel-active .eq-anim > *:nth-child(13) {
  animation: fade 0.5s 1.4s both; }

.panel-active .eq-anim > *:nth-child(14) {
  animation: fade 0.5s 1.5s both; }

.panel-active .eq-anim > *:nth-child(15) {
  animation: fade 0.5s 1.6s both; }

.panel-active .eq-anim > *:nth-child(16) {
  animation: fade 0.5s 1.7s both; }

.panel-active .eq-anim > *:nth-child(17) {
  animation: fade 0.5s 1.8s both; }

.panel-active .eq-anim > *:nth-child(18) {
  animation: fade 0.5s 1.9s both; }

.panel-active .eq-anim > *:nth-child(19) {
  animation: fade 0.5s 2s both; }

.panel-active .eq-anim > *:nth-child(20) {
  animation: fade 0.5s 2.1s both; }

.panel-active .eq-anim > *:nth-child(21) {
  animation: fade 0.5s 2.2s both; }

.panel-active .eq-anim > *:nth-child(22) {
  animation: fade 0.5s 2.3s both; }

.panel-active .eq-anim > *:nth-child(23) {
  animation: fade 0.5s 2.4s both; }

.panel-active .eq-anim > *:nth-child(24) {
  animation: fade 0.5s 2.5s both; }

.panel-active .eq-anim > *:nth-child(25) {
  animation: fade 0.5s 2.6s both; }

.panel-active .eq-anim > *:nth-child(26) {
  animation: fade 0.5s 2.7s both; }

.panel-active .eq-anim > *:nth-child(27) {
  animation: fade 0.5s 2.8s both; }

.panel-active .eq-anim > *:nth-child(28) {
  animation: fade 0.5s 2.9s both; }

.panel-active .eq-anim > *:nth-child(29) {
  animation: fade 0.5s 3s both; }

.panel-active .eq-anim > *:nth-child(30) {
  animation: fade 0.5s 3.1s both; }

body {
  font-weight: 300;
  min-width: 320px; }
  body.home {
    background: #ebebeb; }

#wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }
  @media (min-width: 768px) {
    #wrapper {
      font-size: 14px;
      line-height: 2.2857; } }
  @media (min-width: 1024px) {
    #wrapper {
      padding: 0 0 0 50px; } }
  @media (min-width: 1300px) {
    #wrapper {
      padding: 0 0 0 72px; } }

.container-fluid {
  width: 100%;
  max-width: 1750px;
  padding-left: 24px;
  padding-right: 24px; }
  @media (min-width: 1024px) {
    .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1300px) {
    .container-fluid {
      padding-left: 49px;
      padding-right: 49px; } }
  .container-fluid.container-sm {
    max-width: 1580px; }
  .container-fluid.content-holder {
    padding-bottom: 41px;
    position: relative; }
    @media (min-width: 1300px) {
      .container-fluid.content-holder {
        padding-bottom: 63px; } }

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap; }

.container-frame {
  max-width: 1656px;
  margin: 0 auto; }
  @media (min-width: 1716px) {
    .container-frame {
      padding: 0 72px; } }
  .container-frame .video-block:last-child {
    margin-bottom: 0; }
  .container-frame .leed-section:last-child {
    padding: 0; }

.main-holder {
  padding: 55px 0 0; }
  @media (min-width: 768px) {
    .main-holder {
      padding: 60px 0 0; } }
  @media (min-width: 1300px) {
    .main-holder {
      padding: 140px 0 0; } }

.main-frame {
  padding: 46px 0 32px;
  position: relative; }
  @media (min-width: 768px) {
    .main-frame {
      padding: 60px 0 50px; } }
  @media (min-width: 1300px) {
    .main-frame {
      padding: 90px 0 63px; } }

.main-become-a-distributor .container {
  background: #f4f4f4;
  margin: 0;
  padding: 0; }
  @media (min-width: 750px) {
    .main-become-a-distributor .container {
      width: 100%; } }
  @media (min-width: 1024px) {
    .main-become-a-distributor .container {
      background-color: #fff; } }
@media (min-width: 1024px) {
  .main-become-a-distributor {
    background-color: #f9f9f9;
    padding: 0 50px 0 75px; } }
@media (min-width: 1300px) {
  .main-become-a-distributor {
    background-color: #f9f9f9;
    padding: 0 75px 0 100px; } }

.content-frame {
  margin: 0 0 23px;
  padding: 30px 0; }
  @media (min-width: 1024px) {
    .content-frame {
      padding: 40px 0;
      margin: 0 0 25px; } }
  @media (min-width: 1716px) {
    .content-frame {
      padding: 72px 0; } }
  .content-frame.bg-info {
    padding-left: 26px;
    padding-right: 26px; }
    @media (min-width: 768px) {
      .content-frame.bg-info {
        box-shadow: 0 57px 69px -59px rgba(0, 0, 0, 0.1); } }
    @media (min-width: 1024px) {
      .content-frame.bg-info {
        padding-left: 30px;
        padding-right: 30px; } }
    @media (min-width: 1716px) {
      .content-frame.bg-info {
        padding-left: 74px;
        padding-right: 74px; } }
  .content-frame.bg-info-mobile {
    padding-top: 24px; }
    @media (min-width: 768px) {
      .content-frame.bg-info-mobile {
        background: #f9f9f9;
        box-shadow: none;
        margin-top: 117px;
        padding-bottom: 0; } }
  .content-frame.no-bg-info {
    padding-top: 24px;
    background: #f9f9f9;
    margin: 0; }
    @media (min-width: 768px) {
      .content-frame.no-bg-info {
        margin-top: 117px;
        padding-bottom: 0;
        padding-right: 26px;
        padding-left: 26px; } }
    @media (min-width: 1024px) {
      .content-frame.no-bg-info {
        padding-left: 30px;
        padding-right: 30px; } }
    @media (min-width: 1716px) {
      .content-frame.no-bg-info {
        padding-left: 74px;
        padding-right: 74px; } }
  .content-frame .video-block:last-child {
    margin-bottom: 0; }
  .content-frame .slider-for-nav:last-child,
  .content-frame .leed-section:last-child {
    padding-bottom: 0; }
  .content-frame .float-block {
    padding: 0 !important;
    margin: 0; }
    .content-frame .float-block .img {
      padding: 0 !important;
      margin: 0; }
    .content-frame .float-block .text-block .wheel {
      position: absolute;
      top: -50px;
      right: -60px;
      z-index: -1; }
      @media (min-width: 480px) {
        .content-frame .float-block .text-block .wheel {
          top: -40%;
          right: -30%; } }
    .content-frame .float-block .text-block .title {
      margin: -180px 15% 0;
      background: #f9f9f9;
      padding: 30px 20px 25px;
      box-shadow: 48px -35px 79px -52px rgba(0, 0, 0, 0.2); }
      @media (min-width: 558px) {
        .content-frame .float-block .text-block .title {
          padding: 50px 20px 70px; } }
      @media (min-width: 768px) {
        .content-frame .float-block .text-block .title {
          padding: 50px; } }
      @media (min-width: 1300px) {
        .content-frame .float-block .text-block .title {
          margin-top: -96px; } }
    .content-frame .float-block .text-block .text {
      padding: 0 25px 30px; }
      @media (min-width: 768px) {
        .content-frame .float-block .text-block .text {
          background: #f9f9f9;
          margin: -40px 15% 0;
          padding: 0 50px 50px; } }
    @media (min-width: 768px) {
      .content-frame .float-block .text-block {
        margin-top: -300px; } }

@media (min-width: 480px) {
  .light-bg {
    background: #f9f9f9; } }
@media (min-width: 768px) {
  .light-bg {
    background: #f9f9f9;
    margin: 0 -9999px;
    padding: 3em 9999px 1em; } }
@media (min-width: 1300px) {
  .light-bg {
    margin: 0 -9999px;
    padding: 3em 9999px 1em; } }
@media (min-width: 1716px) {
  .light-bg .tools-section {
    margin-bottom: -15.5em; } }

.header-content-contact-us .container {
  padding: 0 100px;
  width: initial; }

@media (min-width: 480px) {
  .header-page.contact {
    margin: -50px 0 70px;
    padding: 40px 70px 30px 70px;
    background-color: #fff; } }
@media (min-width: 768px) {
  .header-page.contact {
    margin: -50px 0 70px;
    padding: 40px 70px 30px 70px;
    background-color: #fff; } }
@media (min-width: 1024px) {
  .header-page.contact {
    margin: -50px 0 70px;
    padding: 40px 70px 30px 70px;
    background-color: #fff; } }
@media (min-width: 1716px) {
  .header-page.contact {
    margin: -50px 0 70px;
    padding: 40px 70px 30px 70px;
    background-color: #fff; } }

.locations-container {
  padding: 0 70px 30px 70px; }

.address,
.phone,
.email {
  font-weight: 400; }

@media (min-width: 1716px) {
  .content-wrap {
    margin-right: -8px;
    padding-bottom: 2.5em; } }

.multi-columns {
  margin: 0 0 1em; }
  @media (min-width: 768px) {
    .multi-columns {
      column-count: 2;
      column-gap: 40px; } }
  @media (min-width: 1716px) {
    .multi-columns {
      column-gap: 80px; } }

@media (min-width: 1300px) {
  .multi-list {
    column-count: 2;
    column-gap: 20px; } }
@media (min-width: 1716px) {
  .multi-list {
    column-gap: 45px; } }
.multi-list li {
  break-inside: avoid;
  page-break-inside: avoid; }

.new-item {
  opacity: 0;
  transform: translateY(25px); }

.heading-block {
  position: relative;
  background: #f9f9f9;
  padding: 33px 26px 30px;
  margin: -30px 0 0; }
  @media (min-width: 1024px) {
    .heading-block {
      padding: 40px 30px;
      margin: -40px 0 0;
      width: 60.7%; } }
  @media (min-width: 1716px) {
    .heading-block {
      padding: 72px 74px 43px;
      margin: -72px 0 0; } }
  [class^="col-"] .heading-block {
    width: 100%; }
  .heading-block h1 {
    margin: 0 0 0.7em; }
    @media (min-width: 1024px) {
      .heading-block h1 {
        margin: 0 0 0.39em; } }
    .heading-block h1 + h2 {
      margin-top: -4px; }
      @media (min-width: 1024px) {
        .heading-block h1 + h2 {
          margin-top: 0;
          padding-top: 9px; } }
  .heading-block h2 {
    text-transform: none;
    font-size: 15px;
    margin: 0 0 .2em; }
    @media (min-width: 768px) {
      .heading-block h2 {
        font-size: 22px;
        margin: 0 0 .3em; } }
  @media (min-width: 1716px) {
    .heading-block .heading-text.heading-text-sm {
      padding-right: 20px;
      max-width: 665px; } }
  @media (min-width: 1716px) {
    .heading-block .multi-columns {
      column-gap: 60px; } }
  .heading-block .breadcrumb:first-child {
    margin-top: -15px; }
    @media (min-width: 1716px) {
      .heading-block .breadcrumb:first-child {
        margin-top: -39px; } }
  .heading-block p:last-child {
    margin: 0; }
  .heading-block p + .arrow-link-holder {
    margin: -5px 0 0; }
    @media (min-width: 768px) {
      .heading-block p + .arrow-link-holder {
        margin: 0 0 10px; } }
  .heading-block.heading-block-contact {
    width: 100%; }
    @media (min-width: 768px) {
      .heading-block.heading-block-contact {
        background: #fff; } }
  .heading-block.white {
    background: #fff;
    box-shadow: 0px 19px 23px -31px #000; }

.heading-block-contact .text {
  padding: 0; }
@media (min-width: 768px) {
  .heading-block-contact.row {
    padding: 0 25px;
    background: #fff;
    margin: 0; } }

@media (min-width: 768px) {
  .heading-tools-block {
    box-shadow: 0px 12px 70px -42px #000;
    padding-bottom: 70px; } }

@media (min-width: 1024px) {
  .heading-block-holder {
    display: flex; } }
@media (min-width: 1716px) {
  .heading-block-holder {
    padding-right: 72px; } }
[class^="col-"] .heading-block-holder {
  padding-right: 0; }
.heading-block-holder .brand-box {
  position: relative;
  margin: 0 0 55px; }
  @media (min-width: 1024px) {
    .heading-block-holder .brand-box {
      top: -100px;
      margin: 0 0 -70px; } }
  @media (min-width: 1716px) {
    .heading-block-holder .brand-box {
      top: -163px;
      margin: 0 0 -75px -94px; } }

.heading-block.full {
  width: 100%;
  margin: 0;
  padding-top: 0;
  background: transparent; }

.heading-block.full img {
  margin: -120px 0 0;
  z-index: 1; }

.heading-block.full.get-certified-container img {
  margin: 1.7em 0 0; }
  @media (min-width: 480px) {
    .heading-block.full.get-certified-container img {
      margin: -120px 0 0; } }

/* NAV-BG */
.nav-bg {
  background: #050505; }
  @media (min-width: 1024px) {
    .nav-bg {
      height: 70px; } }

@media (min-width: 480px) {
  .mb150 {
    margin-bottom: 150px; } }
@media (min-width: 768px) {
  .mb150 {
    margin-bottom: 150px; } }
@media (min-width: 1024px) {
  .mb150 {
    margin-bottom: 150px; } }
@media (min-width: 1716px) {
  .mb150 {
    margin-bottom: 0; } }

.header-side-block-about {
  display: none; }
  .header-side-block-about .title {
    text-transform: capitalize; }
    @media (min-width: 1024px) {
      .header-side-block-about .title {
        font-size: 20px; } }
    @media (min-width: 1300px) {
      .header-side-block-about .title {
        font-size: 26px; } }
  .header-side-block-about span {
    border-bottom: 1px solid #050505;
    width: 53px;
    position: absolute;
    right: 0; }
  .header-side-block-about a {
    text-decoration: none; }
  @media (min-width: 768px) {
    .header-side-block-about {
      display: block;
      position: relative;
      padding: 0; } }

.content-links.grey {
  background: #ebedf0;
  margin-top: -230px; }

.content-links.support-content-links {
  margin-top: -80px; }
  @media (min-width: 480px) {
    .content-links.support-content-links {
      margin-top: -150px; } }

@media (min-width: 768px) {
  .content-block-holder {
    padding-top: 40px; } }
@media (min-width: 1716px) {
  .content-block-holder {
    padding-top: 66px; } }
.content-block-holder h2 {
  margin: 0 0 .9em; }
  @media (min-width: 1716px) {
    .content-block-holder h2 {
      margin: 0 0 1.5em; } }
  @media (min-width: 768px) {
    .content-block-holder h2 + p {
      line-height: 1.71428;
      margin: 0 0 2.7em; } }
  @media (min-width: 1716px) {
    .content-block-holder h2 + p {
      margin-top: -20px; } }
  .content-block-holder h2 + p strong {
    font-weight: 400; }

.content-block {
  padding: 42px 28px; }
  @media (min-width: 768px) {
    .content-block {
      margin: 0 0 2.3em; } }
  @media (min-width: 1716px) {
    .content-block {
      padding: 42px 51px; } }
  .content-block .check-list:last-child li:last-child {
    padding: 0; }

.content-block-frame {
  margin: 0 -26px 2.3em; }
  @media (min-width: 768px) {
    .content-block-frame {
      margin: 0 0 2.3em; } }
  @media (min-width: 1716px) {
    .content-block-frame {
      margin: 0 -52px 2.3em; } }
  @media (max-width: 767px) {
    .content-block-frame .multilevel-accordion {
      margin-right: 0;
      margin-left: 0; } }
  .content-block-frame .multilevel-accordion:last-child {
    margin-bottom: 0; }
  .content-block-frame .multilevel-accordion li:last-child {
    padding: 0; }

.no-float[class*="col-"] {
  float: none; }

.transparent {
  background: transparent !important; }

.brand-primary-color {
  color: #050505; }

.white-background {
  background: #fff; }

.white-color {
  color: #fff; }

.dark-background {
  background: #ebebeb; }

.body-bg {
  background: #f9f9f9; }

em.icon-location1,
em.icon-location2 {
  font-size: 42px; }

.full-page {
  background: #f9f9f9;
  padding: 120px 0 70px; }

@keyframes arrowAnim {
  0%, 100% {
    left: 50%; }
  45% {
    left: 100%;
    opacity: 0; }
  50% {
    opacity: 1;
    left: 0; } }
@keyframes arrowAnimLeft {
  0%, 100% {
    right: 50%; }
  45% {
    right: 100%;
    opacity: 0; }
  50% {
    opacity: 1;
    right: 0; } }
@keyframes arrowBottomAnim {
  0%, 100% {
    top: 50%; }
  45% {
    top: 100%;
    opacity: 0; }
  50% {
    opacity: 1;
    top: 0; } }
@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.btn {
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  white-space: normal; }
  .btn:focus {
    outline: none !important; }
  .btn.btn-filter-opener {
    text-align: left;
    font-size: 20px;
    line-height: 1.2;
    padding: 25px 70px 24px 22px;
    letter-spacing: 1px;
    position: relative; }
    .btn.btn-filter-opener:after {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      content: "+";
      right: 26px;
      width: 39px;
      height: 39px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.5);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      letter-spacing: 0;
      margin-top: -1px;
      padding: 0 0 3px; }
  .btn.filter-drop-opener {
    background: 0;
    border-bottom: 1px solid #050505;
    text-align: left;
    box-shadow: none;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #050505;
    text-transform: none;
    padding: 8px 20px 8px 0;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    @media (min-width: 375px) {
      .btn.filter-drop-opener {
        font-size: 15px; } }
    @media (min-width: 768px) {
      .btn.filter-drop-opener {
        font-size: 12px;
        padding: 8px 23px 8px 5px;
        height: 38px; } }
    @media (min-width: 768px) {
      .btn-filter-holder-lg .btn.filter-drop-opener {
        padding: 8px 35px 8px 24px; } }
    .btn.filter-drop-opener:after {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      content: "\e903";
      font-family: 'icomoon';
      right: 0;
      font-size: 15px; }
      @media (min-width: 768px) {
        .btn.filter-drop-opener:after {
          right: 5px; } }
      @media (min-width: 768px) {
        .btn-filter-holder-lg .btn.filter-drop-opener:after {
          right: 17px; } }

.arrow-link-holder {
  width: 100%; }

.arrow-link {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: .5px;
  color: #050505; }
  @media (min-width: 1024px) {
    .arrow-link {
      font-size: 14px;
      letter-spacing: 1px; } }
  .arrow-link:hover {
    color: #050505; }
    .arrow-link:hover .arrow-icon {
      transform: scale(1.2); }
      .arrow-link:hover .arrow-icon:before {
        animation: arrowAnim ease 0.7s;
        animation-delay: .3s; }
  .arrow-link:focus {
    color: #050505;
    outline: none !important; }
  @media (min-width: 768px) {
    .arrow-link.btn-block {
      background: #050505;
      color: #fff;
      padding: 38px 46px; } }
  @media (min-width: 768px) {
    .arrow-link.btn-block .arrow-icon {
      background: #fff;
      color: #050505; } }
  .arrow-link .arrow-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px 0 0;
    max-width: calc(100% - 60px); }
    .arrow-link .arrow-text span {
      text-transform: none; }
  .arrow-link .arrow-icon {
    transition: transform 0.3s ease-in-out;
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #050505;
    color: #fff;
    position: relative;
    overflow: hidden; }
    .arrow-link .arrow-icon:before {
      content: "\e901";
      font-size: 15px;
      font-family: 'icomoon';
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%; }
  .arrow-link.disabled {
    color: #dfdfe0 !important;
    pointer-events: none;
    cursor: default; }
    .arrow-link.disabled .arrow-icon {
      background: #dfdfe0 !important; }
  .arrow-link.arrow-link-left .arrow-text {
    margin: 0 0 0 9px; }
  .arrow-link.arrow-link-left .arrow-icon:before {
    content: "\e902";
    left: auto;
    right: 50%;
    transform: translate(50%, -50%); }
  .arrow-link.arrow-link-left:hover .arrow-icon:before {
    animation: arrowAnimLeft ease 0.7s; }
  .arrow-link.info-color {
    color: #fff; }
    .arrow-link.info-color:hover, .arrow-link.info-color:focus {
      color: #fff; }
    .arrow-link.info-color .arrow-icon {
      background: #fff;
      color: #ed1c21; }
    @media (min-width: 768px) {
      .arrow-link.info-color.btn-block {
        background: #ed1c21;
        color: #fff; } }
    @media (min-width: 768px) {
      .arrow-link.info-color.btn-block .arrow-icon {
        background: #fff;
        color: #ed1c21; } }
  .arrow-link.warning-color {
    color: #ed1c21; }
    .arrow-link.warning-color:hover, .arrow-link.warning-color:focus {
      color: #ed1c21; }
    .arrow-link.warning-color .arrow-icon {
      background: #ed1c21; }
    @media (min-width: 768px) {
      .arrow-link.warning-color.btn-block {
        background: #ed1c21;
        color: #fff; } }
    @media (min-width: 768px) {
      .arrow-link.warning-color.btn-block .arrow-icon {
        background: #fff;
        color: #ed1c21; } }
  .arrow-link.warning-outline-color .arrow-icon {
    background: none;
    border: 1px solid #ed1c21;
    color: #ed1c21; }
  .arrow-link.primary-outline-color .arrow-icon {
    background: none;
    border: 1px solid #050505;
    color: #050505; }
  .arrow-link.info-outline-color .arrow-icon {
    background: none;
    border: 1px solid #fff;
    color: #fff; }
  .arrow-link.arrow-bottom-link .arrow-icon:before {
    content: "\e903"; }
  .arrow-link.arrow-bottom-link:hover .arrow-icon:before {
    animation: arrowBottomAnim ease 0.7s; }
  .arrow-link.arrow-sm {
    font-size: 12px; }
    .arrow-link.arrow-sm:hover .arrow-icon {
      transform: scale(1.2); }
    .arrow-link.arrow-sm .arrow-text {
      max-width: calc(100% - 46px); }
    .arrow-link.arrow-sm .arrow-icon {
      width: 29px;
      height: 29px; }
      .arrow-link.arrow-sm .arrow-icon:before {
        font-size: 11px; }

button.arrow-link {
  white-space: nowrap;
  text-align: center;
  min-height: 38px;
  position: relative;
  padding: 0 47px 0 0;
  text-align: inherit;
  border: 0;
  background: 0;
  outline: none; }
  button.arrow-link:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 38px; }
  button.arrow-link > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%; }
  button.arrow-link:hover .arrow-icon {
    transform: scale(1.2) translate(0, -50%); }
  button.arrow-link.arrow-link-left {
    padding: 0 0 0 47px; }
    button.arrow-link.arrow-link-left .arrow-icon {
      right: auto;
      left: 0; }
  button.arrow-link.arrow-sm {
    padding: 0 35px 0 0;
    min-height: 29px; }
    button.arrow-link.arrow-sm:after {
      min-height: 29px; }
    button.arrow-link.arrow-sm.arrow-link-left {
      padding: 0 0 0 35px; }
  button.arrow-link .arrow-text {
    margin: 0;
    max-width: none !important; }
  button.arrow-link .arrow-icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0; }
    button.arrow-link .arrow-icon:only-child {
      position: relative; }
  @media (min-width: 768px) {
    button.arrow-link.btn-block {
      padding-right: 93px; } }
  @media (min-width: 768px) {
    button.arrow-link.btn-block .arrow-icon {
      right: 46px; } }

.back-to-top {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  width: 38px;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .back-to-top {
      width: 52px; } }
  #footer .back-to-top {
    position: absolute;
    top: 38px;
    right: 28px; }
    @media (min-width: 768px) {
      #footer .back-to-top {
        position: static;
        margin: 9px 60px 0 0; } }
    @media (min-width: 1024px) {
      #footer .back-to-top {
        margin: 9px 8em 0 0; } }
    @media (min-width: 1300px) {
      #footer .back-to-top {
        margin: 9px 10em 0 0; } }
    @media (min-width: 1716px) {
      #footer .back-to-top {
        margin: 9px 19.5em 0 0; } }
  .back-to-top.info-color {
    color: #050505; }
    .back-to-top.info-color .icon-chevron-up {
      border: 1px solid #050505; }
    .back-to-top.info-color:hover .icon-chevron-up, .back-to-top.info-color:focus .icon-chevron-up {
      border-color: #ed1c21; }
  .back-to-top:hover, .back-to-top:focus {
    color: #ed1c21; }
    .back-to-top:hover .icon-chevron-up, .back-to-top:focus .icon-chevron-up {
      border-color: #ed1c21; }
  .back-to-top .icon-chevron-up {
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid #050505;
    font-size: 11px; }
    @media (min-width: 768px) {
      .back-to-top .icon-chevron-up {
        width: 52px;
        height: 52px;
        margin: 0 0 10px;
        font-size: 16px; } }
  .back-to-top span {
    display: none; }
    @media (min-width: 768px) {
      .back-to-top span {
        display: block; } }

.scroll-down {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .scroll-down {
      font-size: 14px; } }
  .main-gallery-box .scroll-down {
    display: none; }
    @media (min-width: 768px) {
      .main-gallery-box .scroll-down {
        position: absolute;
        bottom: 94px;
        left: 15px;
        display: flex;
        margin: 9px 20px 0 0; } }
    @media (min-width: 1024px) {
      .main-gallery-box .scroll-down {
        margin: 9px 52px 0 0;
        bottom: 120px; } }
    @media (min-width: 1300px) {
      .main-gallery-box .scroll-down {
        bottom: 45px;
        left: 46px; } }
    @media (min-width: 1716px) {
      .main-gallery-box .scroll-down {
        left: 98px; } }
  .scroll-down.info-color {
    color: #fff; }
    .scroll-down.info-color .icon-chevron-down {
      border: 1px solid #fff; }
    .scroll-down.info-color:hover .icon-chevron-down, .scroll-down.info-color:focus .icon-chevron-down {
      border-color: #ed1c21; }
  .scroll-down:hover, .scroll-down:focus {
    color: #ed1c21; }
    .scroll-down:hover .icon-chevron-down, .scroll-down:focus .icon-chevron-down {
      border-color: #ed1c21; }
  .scroll-down .icon-chevron-down {
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid #050505;
    margin: 0 20px 0 0;
    font-size: 11px; }
    @media (min-width: 768px) {
      .scroll-down .icon-chevron-down {
        width: 52px;
        height: 52px;
        font-size: 16px; } }
  .scroll-down span {
    padding: 5px 0 0; }

.load-more {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 0 13px;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none; }
  @media (min-width: 1024px) {
    .load-more {
      font-size: 12px;
      padding: 0 0 19px; } }
  .load-more:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    content: "\e903";
    font-family: 'icomoon';
    bottom: 0;
    line-height: 1; }
  .load-more:hover {
    color: #ed1c21; }
  .load-more:focus {
    color: #050505; }

.social-networks {
  text-transform: uppercase;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .social-networks {
      letter-spacing: 2px; } }
  #header .social-networks {
    font-size: 20px;
    border-top: 1px solid #d6e1ec;
    padding: 39px 0 37px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      #header .social-networks {
        display: none; } }
    #header .social-networks a {
      color: #b8c3d4; }
      #header .social-networks a:hover {
        color: #ed1c21; }
  #footer .social-networks {
    font-size: 15px; }
    @media (min-width: 768px) {
      #footer .social-networks {
        font-size: 10px;
        padding: 4px 0 0; } }
    #footer .social-networks a {
      color: inherit; }
      #footer .social-networks a:hover {
        color: #ed1c21; }
  .social-networks.list-inline {
    margin: 0 0 9px; }
    @media (min-width: 768px) {
      .social-networks.list-inline {
        margin: 0 -10px 12px; } }
    @media (min-width: 1024px) {
      .social-networks.list-inline {
        margin: 0 -15px 12px; } }
    .social-networks.list-inline li {
      display: block;
      padding: 0 0 25px; }
      @media (min-width: 768px) {
        .social-networks.list-inline li {
          padding: 0 10px;
          display: inline-block;
          vertical-align: top; } }
      @media (min-width: 1024px) {
        .social-networks.list-inline li {
          padding: 0 15px; } }
  .social-networks li {
    padding: 0 0 29px; }
  .social-networks a {
    text-decoration: none; }
    .social-networks a:hover {
      color: #ed1c21; }

.list {
  color: #050505;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .list {
      font-size: 12px; } }
  .list > li {
    padding: 0 0 32px 36px;
    position: relative; }
    @media (min-width: 1300px) {
      .list > li {
        padding: 0 0 60px 54px; } }
    .list > li:after {
      content: "";
      background: #050505;
      width: 16px;
      height: 1px;
      position: absolute;
      top: 8px;
      left: 0; }
      @media (min-width: 768px) {
        .list > li:after {
          top: 6px; } }
      @media (min-width: 1300px) {
        .list > li:after {
          width: 30px; } }
  .list a {
    color: inherit;
    text-decoration: none; }
    .list a:hover {
      color: #ed1c21; }

.dots-list, .sc-product-features ul {
  color: #050505;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0 0 .6em; }
  @media (min-width: 768px) {
    .dots-list, .sc-product-features ul {
      font-size: 12px;
      margin: 0 0 1.2em; } }
  .dots-list li, .sc-product-features li {
    position: relative;
    padding: 0 0 10px 22px; }
    @media (min-width: 768px) {
      .dots-list li, .sc-product-features li {
        padding: 0 0 12px 22px; } }
    .dots-list li:after, .sc-product-features li:after{
      content: "";
      border: 2px solid #050505;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      position: absolute;
      top: 5px;
      left: 0; }
.dots-list a, .sc-product-features a {
    text-decoration: none;
    color: inherit; }

.breadcrumb {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: .5px;
  margin: 0 -8px 8px;
  display: flex;
  flex-flow: row wrap; }
  @media (min-width: 768px) {
    .breadcrumb {
      font-size: 12px;
      margin: 0 -7px 20px; } }
  .breadcrumb li {
    vertical-align: top;
    padding: 0 8px 3px;
    position: relative; }
    @media (min-width: 768px) {
      .breadcrumb li {
        padding: 0 7px 3px; } }
    .breadcrumb li:before {
      content: "/ ";
      position: absolute;
      top: 0;
      right: -4px;
      padding: 0 !important;
      color: #899dba; }
      @media (min-width: 768px) {
        .breadcrumb li:before {
          right: -3px; } }
  .breadcrumb a {
    color: #899dba;
    text-decoration: none; }
    .breadcrumb a:hover {
      color: #ed1c21; }

.header-become-distributor-box {
  background: #f4f4f4;
  margin: 0 50px;
  padding: 0; }
  .header-become-distributor-box .header-intro-become-distributor {
    padding: 30px 15px; }
    @media (min-width: 1024px) {
      .header-become-distributor-box .header-intro-become-distributor h1 {
        font-size: 34px; } }
    @media (min-width: 1500px) {
      .header-become-distributor-box .header-intro-become-distributor h1 {
        font-size: 54px; } }
    @media (min-width: 600px) {
      .header-become-distributor-box .header-intro-become-distributor {
        padding: 40px; } }
    @media (min-width: 1024px) {
      .header-become-distributor-box .header-intro-become-distributor {
        padding: 30px 15px 0; } }
  .header-become-distributor-box .header-text-become-distributor {
    background: #fff;
    padding: 30px 15px 50px; }
    @media (min-width: 600px) {
      .header-become-distributor-box .header-text-become-distributor {
        padding: 40px; } }
    @media (min-width: 1024px) {
      .header-become-distributor-box .header-text-become-distributor {
        padding: 0 15px 50px;
        background: #f9f9f9; } }
    .header-become-distributor-box .header-text-become-distributor .header-careers-text-color {
      font-size: 15px; }
      @media (min-width: 1024px) {
        .header-become-distributor-box .header-text-become-distributor .header-careers-text-color {
          padding: 0;
          margin: 0; } }
  .header-become-distributor-box img {
    margin: 50px 0 20px; }
  @media (min-width: 750px) {
    .header-become-distributor-box {
      margin: 0 50px;
      padding: 0;
      width: initial; } }
  @media (min-width: 1024px) {
    .header-become-distributor-box {
      width: 55%;
      padding: 20px;
      box-shadow: 10px 0 30px -33px #000;
      background: #f9f9f9 !important;
      margin: 0 50px 0 0; } }
  @media (min-width: 1300px) {
    .header-become-distributor-box {
      background: #f9f9f9 !important;
      width: 57%;
      padding: 40px; } }

.contact-us-become-distributor {
  margin: 50px;
  padding: 0; }
  .contact-us-become-distributor h2 {
    /*font-size: 35px;*/
    font-size: 26px; }
  @media (min-width: 750px) {
    .contact-us-become-distributor {
      margin: 50px;
      width: initial; } }
  @media (min-width: 1024px) {
    .contact-us-become-distributor {
      width: 33%;
      padding: 275px 20px 100px;
      margin: 0; } }

.find-a-distributor,
.find-an-applicator {
  border-bottom: 1px solid #e5ecf3;
  margin-bottom: 25px;
  padding-bottom: 25px; }

.header-tool-samples-box {
  background: #f4f4f4;
  margin: 0 50px;
  padding: 0; }
  .header-tool-samples-box .header-intro-tool-samples {
    padding: 30px 15px;
    border-bottom: 1px solid #d6d6d7; }
    @media (min-width: 1024px) {
      .header-tool-samples-box .header-intro-tool-samples h1 {
        font-size: 34px; } }
    @media (min-width: 1500px) {
      .header-tool-samples-box .header-intro-tool-samples h1 {
        font-size: 54px; } }
    .header-tool-samples-box .header-intro-tool-samples .text-color {
      color: #050505;
      font-weight: 400; }
      @media (min-width: 768px) {
        .header-tool-samples-box .header-intro-tool-samples .text-color {
          font-size: 17px; } }
    @media (min-width: 600px) {
      .header-tool-samples-box .header-intro-tool-samples {
        padding: 40px; } }
    @media (min-width: 768px) {
      .header-tool-samples-box .header-intro-tool-samples {
        border: 0; } }
    @media (min-width: 1024px) {
      .header-tool-samples-box .header-intro-tool-samples {
        padding: 30px 15px 0; } }
  .header-tool-samples-box .header-text-tool-samples {
    padding: 30px 15px 50px; }
    @media (min-width: 600px) {
      .header-tool-samples-box .header-text-tool-samples {
        padding: 40px; } }
    @media (min-width: 1024px) {
      .header-tool-samples-box .header-text-tool-samples {
        padding: 0 15px 50px;
        background: #f9f9f9; } }
    .header-tool-samples-box .header-text-tool-samples .header-careers-text-color {
      font-size: 15px; }
      @media (min-width: 1024px) {
        .header-tool-samples-box .header-text-tool-samples .header-careers-text-color {
          padding: 0;
          margin: 0; } }
  .header-tool-samples-box img {
    margin: 50px 0 20px; }
  @media (min-width: 750px) {
    .header-tool-samples-box {
      margin: 0 50px;
      padding: 0;
      width: initial; } }
  @media (min-width: 1024px) {
    .header-tool-samples-box {
      width: 55%;
      padding: 20px;
      box-shadow: 10px 0 30px -25px #000;
      background: #f9f9f9 !important;
      margin: 0 50px 0 0; } }
  @media (min-width: 1300px) {
    .header-tool-samples-box {
      background: #f9f9f9 !important;
      width: 57%;
      padding: 40px; } }

.gateway-access-tool-samples {
  margin: 50px;
  padding: 0; }
  .gateway-access-tool-samples h2 {
    /*font-size: 35px;*/
    font-size: 26px; }
  .gateway-access-tool-samples .text {
    background: #fff;
    padding: 17px; }
    @media (min-width: 1024px) {
      .gateway-access-tool-samples .text {
        padding: 0; } }
  @media (min-width: 768px) {
    .gateway-access-tool-samples {
      margin: 50px;
      width: initial; } }
  @media (min-width: 1024px) {
    .gateway-access-tool-samples {
      width: 33%;
      padding: 275px 20px 100px;
      margin: 0; } }

.storelocator-panel {
  border: 1px solid #ccc;
  overflow: auto; }

.storelocator-panel .store-list {
  margin: 0;
  padding: 0; }

.storelocator-panel .store-list li,
.storelocator-panel .directions-panel {
  padding: 5px; }

.storelocator-panel .directions-panel {
  font-size: 0.8em; }

.storelocator-panel .store-list li.store:hover {
  cursor: pointer;
  background: #eee; }

.storelocator-panel .store-list li.highlighted,
.storelocator-panel .store-list li.highlighted:hover {
  background: #ccf; }

.storelocator-panel .directions {
  display: none; }

.storelocator-panel .location-search {
  padding: 5px; }

.storelocator-panel .location-search input {
  width: 95%; }

.storelocator-panel .location-search h4 {
  font-size: 0.8em;
  margin: 0;
  padding: 0; }

.storelocator-panel .store-list .no-stores {
  color: grey; }

.storelocator-panel .store .features {
  display: none; }

.storelocator-panel .feature-filter {
  overflow: hidden; }

.storelocator-panel .feature-filter label {
  display: block;
  font-size: 0.8em;
  margin: 0 0.4em;
  float: left; }

.store .title {
  font-weight: bold; }

.store .address,
.store .phone,
.store .web,
.store .misc {
  font-size: 80%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  display: block; }

.store .features {
  overflow: hidden;
  color: grey;
  margin: 0;
  padding: 0;
  font-size: 70%;
  max-width: 250px; }

.store .features li {
  display: inline;
  float: left;
  padding-right: 0.8em; }

.store .web a {
  color: green; }

.store .action {
  font-size: 0.8em;
  color: green;
  margin-right: 0.5em; }

.sc-find-distributor-applicator #map-canvas, .sc-find-distributor-applicator #panel {
  height: 500px; }
.sc-find-distributor-applicator .medallion-name {
  font-weight: 600;
  line-height: 1.9em; }
.sc-find-distributor-applicator .misc {
  font-weight: 600; }
.sc-find-distributor-applicator #panel {
  height: 100%;
  margin: 0 -5px; }
  .sc-find-distributor-applicator #panel .store-list {
    max-height: 500px;
    overflow: auto; }
    @media (max-width: 768px) {
      .sc-find-distributor-applicator #panel .store-list {
        background-color: #f9f9f9;
        display: none;
        margin: -30px 20px 0 0;
        position: absolute;
        z-index: 100; } }
    .sc-find-distributor-applicator #panel .store-list li.store {
      border-bottom: 1px solid #EEEEEE;
      padding: 0 5px 5px; }
      .sc-find-distributor-applicator #panel .store-list li.store:first-child {
        border-top: 1px solid #EEEEEE; }
      @media (max-width: 768px) {
        .sc-find-distributor-applicator #panel .store-list li.store {
          padding: 5px 10px; } }
    .sc-find-distributor-applicator #panel .store-list .no-stores {
      line-height: 1.2em; }
    .sc-find-distributor-applicator #panel .store-list .address, .sc-find-distributor-applicator #panel .store-list .misc, .sc-find-distributor-applicator #panel .store-list .web, .sc-find-distributor-applicator #panel .store-list .phone {
      line-height: 1.4em; }
.sc-find-distributor-applicator #map-canvas .store .features {
  display: none; }
@media (max-width: 768px) {
  .sc-find-distributor-applicator #map-canvas .store {
    font-size: 16px; } }
.sc-find-distributor-applicator .left-bar h1 + .mark-text {
  margin-bottom: 1.3em; }
.sc-find-distributor-applicator .storelocator-panel .location-search input {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.6667;
  color: #050505;
  background-color: transparent;
  background-image: none;
  border-width: 0 0 1px;
  font-size: 20px;
  line-height: 1.2em;
  box-shadow: none;
  padding: 0.3em 0;
  width: 100%; }
  .sc-find-distributor-applicator .storelocator-panel .location-search input::-moz-placeholder {
    color: #d8dde5;
    opacity: 1; }
  .sc-find-distributor-applicator .storelocator-panel .location-search input:-ms-input-placeholder {
    color: #d8dde5; }
  .sc-find-distributor-applicator .storelocator-panel .location-search input::-webkit-input-placeholder {
    color: #d8dde5; }
  .sc-find-distributor-applicator .storelocator-panel .location-search input .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .sc-find-distributor-applicator .storelocator-panel .location-search input:focus {
    border-color: #050505;
    box-shadow: none;
    outline: none; }
.sc-find-distributor-applicator .storelocator-panel .location-search h4 {
  font-weight: bold; }
.sc-find-distributor-applicator .storelocator-panel {
  border: 0; }
.sc-find-distributor-applicator .feature-filter {
  margin-bottom: 10px; }
  .sc-find-distributor-applicator .feature-filter label {
    padding-left: 20px; }
    .sc-find-distributor-applicator .feature-filter label:hover {
      cursor: pointer; }
  .sc-find-distributor-applicator .feature-filter input[type="checkbox"] {
    position: absolute;
    margin: 5px 0 0 -20px; }
@media (max-width: 768px) {
  .sc-find-distributor-applicator .content-frame {
    padding-top: 10px; } }
@media (min-width: 1716px) {
  .sc-find-distributor-applicator .content-frame.no-bg-info {
    padding-left: 24px;
    padding-right: 24px; } }

.sc-find-distributor-applicator.sc-medallion-applicator #panel .feature-filter {
  display: none; }
.sc-find-distributor-applicator.sc-medallion-applicator #panel .store-list li.store:first-child {
  border-top: none; }
@media (max-width: 768px) {
  .sc-find-distributor-applicator.sc-medallion-applicator #panel .store-list {
    margin: -0 20px 0 0; } }

.main-gallery {
  position: relative;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  height: 100%;
  margin: 0; }
  @media (min-width: 1024px) {
    .main-gallery {
      font-size: 18px;
      line-height: 1.333; } }
  .main-gallery .slick-slide {
    height: calc(100vh - 124px);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    min-height: 300px;
    padding: 70px 0 150px; }
    @media (min-width: 768px) {
      .main-gallery .slick-slide {
        padding: 82px 0 113px;
        min-height: 500px; } }
    @media (min-width: 1024px) {
      .main-gallery .slick-slide {
        height: calc(100vh - 100px);
        min-height: 650px; } }
    @media (min-width: 1300px) {
      .main-gallery .slick-slide {
        height: calc(100vh - 48px);
        padding: 75px 0 207px;
        align-items: flex-end; } }
    @media (min-width: 1716px) {
      .main-gallery .slick-slide {
        height: calc(100vh - 23px); } }
  .main-gallery .container-fluid {
    text-align: right; }

   .main-gallery .slide-holder {
    display: inline-block;
    vertical-align: top;
    padding: 2em!important;
    max-width: 400px;
    background: rgba(0,0,0,0.75); }


    @media (min-width: 768px) {
      .main-gallery .slide-holder {
        max-width: 500px; } }
    @media (min-width: 1024px) {
      .main-gallery .slide-holder {
        max-width: 800px; } }
    @media (min-width: 1300px) {
      .main-gallery .slide-holder {
        max-width: 1000px;
        padding-right: 20px; } }
    @media (min-width: 1716px) {
      .main-gallery .slide-holder {
        max-width: 1500px;
        padding-right: 0; } }
  .main-gallery h1 {
    font: 55px/1 "adobe_caslon_pro", Georgia, "Times New Roman", Times, serif;
    color: inherit;
    margin: 0 0 .35em;
    letter-spacing: 2px; }
    @media (min-width: 375px) {
      .main-gallery h1 {
        font-size: 65px; } }
    @media (min-width: 768px) {
      .main-gallery h1 {
        font-size: 100px; } }
    @media (min-width: 1024px) {
      .main-gallery h1 {
        font-size: 150px;
        line-height: .78; } }
    @media (min-width: 1300px) {
      .main-gallery h1 {
        font-size: 180px;
        line-height: .9;
        letter-spacing: 10px;
        margin: 0 0 .2em; } }
    @media screen and (min-width: 1300px) and (max-height: 900px) {
      .main-gallery h1 {
        font-size: 120px; } }
    @media (min-width: 1716px) {
      .main-gallery h1 {
        font-size: 214px;
        line-height: .79;
        letter-spacing: 7px; } }
    @media screen and (min-width: 1716px) and (max-height: 900px) {
      .main-gallery h1 {
        font-size: 150px; } }
  .main-gallery .text {
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 1024px) {
      .main-gallery .text {
        max-width: 600px; } }
  @media (min-width: 1716px) {
    .main-gallery p {
      margin: 0 0 1em; } }

.main-gallery-box {
  position: relative;
  height: calc(100vh - 50px);
  min-height: 350px; }
  @media (min-width: 768px) {
    .main-gallery-box {
      min-height: 574px; } }
  @media (min-width: 1024px) {
    .main-gallery-box {
      height: 100vh;
      min-height: 650px; } }
  @media (min-width: 1300px) {
    .main-gallery-box {
      height: calc(100vh - 48px); } }
  @media (min-width: 1716px) {
    .main-gallery-box {
      height: calc(100vh - 23px); } }

.main-gallery-container {
  height: 100%; }

.gallery-buttons {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 102px;
  height: 30px;
  width: 100%;
  max-width: 1686px;
  padding-left: 28px;
  padding-right: 28px;
  text-align: right; }
  @media (min-width: 1024px) {
    .gallery-buttons {
      bottom: 130px; } }
  @media (min-width: 1300px) {
    .gallery-buttons {
      bottom: 175px;
      margin-right: 105px;
      width: calc(100% - 105px); } }
  @media (min-width: 1716px) {
    .gallery-buttons {
      bottom: 170px; } }
  .gallery-buttons .num-holder {
    position: absolute;
    left: 15px;
    bottom: -8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 3px; }
    @media (min-width: 768px) {
      .gallery-buttons .num-holder {
        left: auto;
        right: 406px;
        bottom: 3px;
        font-size: 11px; } }
    .gallery-buttons .num-holder span {
      padding: 0 12px; }
      @media (min-width: 768px) {
        .gallery-buttons .num-holder span {
          padding: 0 10px; } }
    .gallery-buttons .num-holder .cur-num {
      color: #fff; }
  .gallery-buttons .slick-dots {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .gallery-buttons .slick-dots {
        display: flex;
        left: auto;
        right: 102px;
        bottom: 15px;
        transform: none;
        flex-flow: row nowrap;
        flex-grow: 1;
        width: 288px;
        overflow: hidden; } }
    @media (min-width: 768px) {
      .gallery-buttons .slick-dots li {
        width: 100%;
        padding: 0; } }
    .gallery-buttons .slick-dots li.slick-active button {
      background: #fff; }
    @media (min-width: 768px) {
      .gallery-buttons .slick-dots li.slick-active ~ li button {
        background: rgba(255, 255, 255, 0.4); } }
    .gallery-buttons .slick-dots button {
      background: rgba(255, 255, 255, 0.5); }
      @media (min-width: 768px) {
        .gallery-buttons .slick-dots button {
          width: 100%;
          height: 1px;
          border-radius: 0;
          background: #fff; } }
      .gallery-buttons .slick-dots button:hover {
        background: #fff; }
  @media (max-width: 767px) {
    .gallery-buttons .slick-arrow {
      display: none !important; } }
  @media (min-width: 768px) {
    .gallery-buttons .slick-arrow {
      color: #fff;
      position: absolute;
      bottom: 4px;
      right: 57px;
      margin: 0; } }
  .gallery-buttons .slick-arrow:hover {
    color: #ed1c21; }
  @media (min-width: 768px) {
    .gallery-buttons .slick-arrow.slick-next {
      right: 14px; } }

.right-boxes {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  display: flex;
  flex-grow: 1; }
  @media (min-width: 1300px) {
    .right-boxes {
      width: 34.5%;
      bottom: -48px; } }
  @media (min-width: 1716px) {
    .right-boxes {
      bottom: -23px;
      width: 26%; } }

.box-wrap {
  display: flex;
  width: 100%;
  background: #333;
  color: #fff;
  text-decoration: none;
  position: relative;
  height: 74px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400; }
  @media (min-width: 1024px) {
    .box-wrap {
      height: 100px; } }
  @media (min-width: 1300px) {
    .box-wrap {
      height: 140px; } }
  .box-wrap:nth-child(odd) {
    background: #050505; }
  .box-wrap .box-wrap-holder {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 5px; }
    @media (min-width: 768px) {
      .box-wrap .box-wrap-holder {
        padding-right: 35px; } }
    @media (min-width: 1300px) {
      .box-wrap .box-wrap-holder {
        padding-right: 70px; } }
    @media (min-width: 768px) {
      .box-wrap .box-wrap-holder:after {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        content: "\e901";
        font-family: 'icomoon';
        right: 15px;
        font-size: 16px; } }
    @media (min-width: 1300px) {
      .box-wrap .box-wrap-holder:after {
        right: 40px; } }
  .box-wrap .title {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px; }
    @media (min-width: 375px) {
      .box-wrap .title {
        font-size: 15px; } }
    @media (min-width: 768px) {
      .box-wrap .title {
        font-size: 14px;
        margin: 0 0 6px; } }
  .box-wrap:hover, .box-wrap:focus {
    color: #ed1c21; }
    .box-wrap:hover:after, .box-wrap:focus:after {
      max-height: 100%; }
    .box-wrap:hover p, .box-wrap:focus p {
      opacity: 1; }
  .box-wrap:after {
    transition: max-height 0.3s ease-in-out;
    content: "";
    background: #fff;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    max-height: 0; }
  .box-wrap i {
    font-size: 32px; }
    @media (min-width: 1300px) {
      .box-wrap i {
        font-size: 42px; } }
    .box-wrap i.icon-location2 {
      font-size: 35px; }
      @media (min-width: 1300px) {
        .box-wrap i.icon-location2 {
          font-size: 49px; } }
  .box-wrap .icon-holder {
    width: 50px;
    padding: 0 5px;
    text-align: center;
    position: relative; }
    @media (min-width: 375px) {
      .box-wrap .icon-holder {
        width: 60px; } }
    @media (min-width: 1300px) {
      .box-wrap .icon-holder {
        width: 99px; } }
    @media (min-width: 768px) {
      .box-wrap .icon-holder:after {
        content: "";
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        width: 1px;
        top: -5px;
        bottom: -5px;
        right: 0; } }
    @media (min-width: 1024px) {
      .box-wrap .icon-holder:after {
        top: -18px;
        bottom: -18px; } }
  .box-wrap .text-holder {
    flex: 1 0; }
    @media (min-width: 768px) {
      .box-wrap .text-holder {
        padding: 5px 0 0 20px; } }
    @media (min-width: 1024px) {
      .box-wrap .text-holder {
        padding: 11px 0 0 20px; } }
  .box-wrap p {
    transition: opacity 0.3s ease-in-out;
    margin: 0;
    opacity: .6; }
    @media (max-width: 767px) {
      .box-wrap p {
        display: none; } }

.visual {
  margin-bottom: -63px; }
  @media (min-width: 768px) {
    .visual {
      margin-bottom: -114px; } }

.parallax-holder img {
  display: block;
  height: auto;
  width: 100%; }

.parallax-img {
  position: relative;
  backface-visibility: hidden; }

.products-list {
  max-width: 250px;
  margin-bottom: 52px; }
  @media (min-width: 375px) {
    .products-list {
      max-width: 300px; } }
  @media (min-width: 768px) {
    .products-list {
      max-width: none;
      display: flex;
      flex-flow: row wrap;
      line-height: 1.71428; } }
  @media (min-width: 1716px) {
    .products-list {
      margin: 47px -36px 45px; } }
  .products-list:before, .products-list:after {
    display: none; }
  .products-list .slick-track {
    display: flex !important; }
  .products-list .slick-list {
    overflow: visible;
    margin: 0 -13px; }
  .products-list .slick-slide {
    margin: 0 13px;
    height: auto; }
  @media (max-width: 767px) {
    .products-list .product {
      padding: 25px;
      background: #fff; } }
  @media (min-width: 768px) {
    .products-list .product {
      margin-bottom: 50px; } }
  @media (min-width: 1300px) {
    .products-list .product {
      margin-bottom: 89px; } }
  @media (min-width: 1716px) {
    .products-list .product {
      padding-left: 36px;
      padding-right: 36px; } }
  @media (min-width: 768px) {
    .products-list .product-holder {
      background: #fff;
      height: 100%;
      position: relative;
      padding: 20px 20px 100px; } }
  @media (min-width: 1300px) {
    .products-list .product-holder {
      padding: 66px 46px 190px; } }
  @media (min-width: 1716px) {
    .products-list .product-holder {
      padding: 66px 46px 208px; } }
  .products-list .product-heading {
    display: flex;
    justify-content: space-between;
    padding: 0 0 .7em; }
    @media (min-width: 768px) {
      .products-list .product-heading {
        display: inherit;
        padding: 0; } }
  .products-list h2 {
    word-wrap: break-word;
    width: calc(100% - 100px);
    margin: 0 0 .5em; }
    @media (min-width: 375px) {
      .products-list h2 {
        width: calc(100% - 118px);
        margin: 0 0 .8em;
        padding-top: 20px; } }
    @media (min-width: 768px) {
      .products-list h2 {
        width: auto;
        word-wrap: inherit;
        padding: 0; } }
  .products-list p {
    margin: 0 0 1.2em; }
  .products-list .img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid #e2e2e2;
    background: #fff;
    width: 90px;
    height: 88px; }
    @media (min-width: 375px) {
      .products-list .img {
        width: 108px;
        height: 104px; } }
    @media (min-width: 768px) {
      .products-list .img {
        position: absolute;
        bottom: -10px;
        left: -10px; } }
    @media (min-width: 1300px) {
      .products-list .img {
        width: 180px;
        height: 175px; } }
    @media (min-width: 1716px) {
      .products-list .img {
        width: 216px;
        height: 207px;
        bottom: -24px;
        left: -24px; } }
    .products-list .img:hover img {
      opacity: .8; }
    .products-list .img img {
      transition: opacity 0.3s ease-in-out;
      max-width: none;
      width: 100%;
      display: block; }
  @media (min-width: 768px) {
    .products-list .arrow-link-holder {
      position: absolute;
      bottom: 20px;
      right: 20px;
      width: 58%;
      text-align: right; } }
  @media (min-width: 1300px) {
    .products-list .arrow-link-holder {
      width: 46%; } }
  @media (min-width: 1716px) {
    .products-list .arrow-link-holder {
      bottom: 44px;
      right: 45px;
      width: 50%; } }

.slider-for-nav {
  margin: 0 -24px;
  padding: 0 0 1.5em; }
  @media (min-width: 768px) {
    .slider-for-nav {
      margin: 0;
      position: relative; } }
  @media (min-width: 1716px) {
    .container-sm .slider-for-nav {
      margin: 0 -142px; } }

.slider-for {
  margin: 0; }
  @media (min-width: 768px) {
    .slider-for {
      margin: 0 0 4.3em; } }
  @media (min-width: 768px) {
    .slider-for .slick-slide .caption {
      opacity: 0; } }
  @media (min-width: 768px) {
    .slider-for .slick-active .caption {
      opacity: 1; } }
  .slider-for .img {
    height: 238px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
    @media (min-width: 768px) {
      .slider-for .img {
        height: 350px;
        margin: 0 0 15px; } }
    @media (min-width: 1024px) {
      .slider-for .img {
        height: 400px;
        margin: 0 0 34px; } }
    @media (min-width: 1300px) {
      .slider-for .img {
        height: 664px; } }
  .slider-for .caption {
    display: block;
    font-size: 13px;
    line-height: 17px;
    color: #8d8d8d;
    transition: opacity .2s;
    padding: 26px 25px 0; }
    @media (min-width: 768px) {
      .slider-for .caption {
        padding: 0 0 0 68%;
        font-size: 11px;
        line-height: 18px; } }
    @media (min-width: 1300px) {
      .slider-for .caption {
        padding: 0 5em 0 68%; } }
    .slider-for .caption mark {
      color: #5f6062;
      background: 0; }
  @media (min-width: 768px) {
    .slider-for .slick-dots {
      display: none !important; } }
  @media (max-width: 767px) {
    .slider-for .slick-arrow {
      display: none !important; } }
  @media (min-width: 768px) {
    .slider-for .slick-arrow {
      position: absolute;
      left: 58.1%;
      top: 375px;
      margin: 0; } }
  @media (min-width: 1024px) {
    .slider-for .slick-arrow {
      top: 440px; } }
  @media (min-width: 1300px) {
    .slider-for .slick-arrow {
      top: 701px; } }
  .slider-for .slick-arrow.slick-next {
    left: 61%; }

.slider-nav {
  margin: 0; }
  @media (min-width: 768px) {
    .slider-nav {
      position: absolute;
      left: 0;
      top: 335px;
      width: 53.7%; } }
  @media (min-width: 1024px) {
    .slider-nav {
      top: 380px; } }
  @media (min-width: 1300px) {
    .slider-nav {
      top: 618px; } }
  .slider-nav .slick-slide {
    transition: max-height 0.3s ease-in-out, filter 0.3s ease-in-out;
    height: 80px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    max-height: 80px;
    position: relative;
    filter: grayscale(100%); }
    @media (min-width: 1024px) {
      .slider-nav .slick-slide {
        height: 115px;
        max-height: 115px; } }
    .slider-nav .slick-slide:after {
      transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      background: #fff;
      opacity: .7; }
    .slider-nav .slick-slide.slick-current {
      opacity: 1;
      height: 100px;
      max-height: 100px;
      filter: none; }
      @media (min-width: 1024px) {
        .slider-nav .slick-slide.slick-current {
          height: 139px;
          max-height: 139px; } }
      .slider-nav .slick-slide.slick-current:after {
        opacity: 0; }

@media (min-width: 768px) {
  .bordered-items-container {
    margin: 30px 0; } }

.bordered-items {
  max-width: 250px; }
  @media (min-width: 375px) {
    .bordered-items {
      max-width: 300px; } }
  @media (min-width: 768px) {
    .bordered-items {
      max-width: none;
      display: flex;
      flex-flow: row wrap;
      line-height: 1.71428;
      margin: 0 -15px; } }
  @media (min-width: 1300px) {
    .bordered-items {
      margin: 0 -55px 12px; } }
  .bordered-items:before, .bordered-items:after {
    display: none; }
  .bordered-items .slick-track {
    display: flex !important; }
  .bordered-items .slick-list {
    overflow: visible;
    margin: 0 -13px; }
  .bordered-items .slick-slide {
    margin: 0 13px;
    height: auto; }
  .bordered-items .text-holder {
    background: #fff;
    padding: 33px 25px 28px; }
    @media (min-width: 768px) {
      .bordered-items .text-holder {
        background: 0;
        padding: 0;
        height: auto !important; } }
  .bordered-items h2 {
    font-size: 35px;
    line-height: 37px;
    margin: 0 0 0.5em; }
    @media (min-width: 768px) {
      .bordered-items h2 {
        font-size: 20px;
        line-height: 1.25; } }
    @media (min-width: 1024px) {
      .bordered-items h2 {
        font-size: 26px; } }
  @media (min-width: 1716px) {
    .bordered-items p {
      margin: 0 0 3.2em; } }
  .bordered-items .title-holder {
    padding: 0 0 .3em; }
    @media (min-width: 768px) {
      .bordered-items .title-holder {
        padding: 0 0 1em; } }
  @media (max-width: 767px) {
    .bordered-items .bordered-item {
      padding: 0; } }
  @media (min-width: 768px) {
    .bordered-items .bordered-item {
      padding: 0 15px; } }
  @media (min-width: 1300px) {
    .bordered-items .bordered-item {
      padding: 0 38px; } }
  @media (min-width: 768px) {
    .bordered-items .bordered-item-holder {
      border-top: 1px solid #050505;
      padding: 20px 15px; } }
  @media (min-width: 1024px) {
    .bordered-items .bordered-item-holder {
      padding: 26px 23px; } }

.bordered-item {
  margin: 30px 0; }
  @media (min-width: 768px) {
    .bordered-item {
      padding: 0 15px; } }
  @media (min-width: 1300px) {
    .bordered-item {
      padding: 0 38px; } }
  @media (min-width: 768px) {
    .bordered-item .bordered-item-holder {
      border-top: 1px solid #050505;
      padding: 20px 15px; } }
  @media (min-width: 1024px) {
    .bordered-item .bordered-item-holder {
      padding: 26px 23px; } }
  .bordered-item .title-holder {
    padding: 0 0 .3em; }
    @media (min-width: 768px) {
      .bordered-item .title-holder {
        padding: 0 0 1em; } }
  .bordered-item .text-holder {
    background: #fff;
    padding: 33px 25px 28px; }
    .bordered-item .text-holder .glyphicon {
      margin-right: 15px; }
    @media (min-width: 768px) {
      .bordered-item .text-holder {
        background: 0;
        padding: 0;
        height: auto !important; } }
  .bordered-item h2 {
    font-size: 25px;
    line-height: 37px;
    margin: 0 0 .5em; }
    @media (min-width: 768px) {
      .bordered-item h2 {
        font-size: 20px;
        line-height: 1.25; } }
    @media (min-width: 1024px) {
      .bordered-item h2 {
        font-size: 26px; } }
  .bordered-item p {
    margin: 15px 0; }
    @media (min-width: 1716px) {
      .bordered-item p {
        margin: 0 0 3.2em; } }
  @media (min-width: 768px) {
    .bordered-item.no-border > .bordered-item-holder {
      border: 0;
      padding: 0; } }

.systems-section {
  position: relative;
  padding-bottom: 4em; }
  @media (min-width: 768px) {
    .systems-section {
      display: flex;
      padding-bottom: 8.5em; } }
  @media (min-width: 1716px) {
    .systems-section {
      margin: 0 -30px; } }
  @media (min-width: 768px) {
    .systems-section .text-holder {
      padding-top: 2em; } }
  @media (min-width: 1300px) {
    .systems-section .text-holder {
      padding-top: 6.4em; } }
  @media (min-width: 1024px) {
    .systems-section .text-holder-top {
      padding: 0 4em 3.8em; } }
  @media (min-width: 1716px) {
    .systems-section .text-holder-top {
      padding: 0 22em 3.8em 5em; } }
  .systems-section h1 {
    font-size: 28px;
    width: 52%;
    margin: 15px 0 .5em; }
    @media (min-width: 375px) {
      .systems-section h1 {
        font-size: 35px;
        width: 48%; } }
    @media (min-width: 480px) {
      .systems-section h1 {
        width: 50%; } }
    @media (min-width: 768px) {
      .systems-section h1 {
        margin: 0 0 1em;
        width: auto; } }
    @media (min-width: 1024px) {
      .systems-section h1 {
        font-size: 40px; } }
    @media (min-width: 1300px) {
      .systems-section h1 {
        font-size: 54px; } }
  .systems-section .img-holder {
    position: absolute;
    top: 8px;
    right: -24px;
    width: 60%; }
    @media (min-width: 375px) {
      .systems-section .img-holder {
        width: 61%; } }
    @media (min-width: 480px) {
      .systems-section .img-holder {
        width: 50%; } }
    @media (min-width: 768px) {
      .systems-section .img-holder {
        position: static;
        margin: 0; } }
    @media (min-width: 1300px) {
      .systems-section .img-holder {
        padding-left: 18px; } }
  .systems-section .img {
    margin: 0 0 19px; }
    .systems-section .img img {
      display: block;
      width: 100%;
      max-width: none; }
  .systems-section .text-frame {
    background: #fff;
    padding: 33px 25px 25px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .systems-section .text-frame {
        background: transparent;
        padding: 0; } }
  .systems-section p {
    margin: 0 0 2em; }
    @media (min-width: 1024px) {
      .systems-section p {
        margin: 0 0 2.3em; } }
  @media (min-width: 768px) {
    .systems-section .bg-info {
      background: #f9f9f9;
      box-shadow: 15px 15px 45px rgba(0, 0, 0, 0.15); } }
  @media (min-width: 768px) {
    .systems-section .text-col-holder {
      display: flex;
      align-items: flex-start;
      margin-right: -60%; } }
  @media (min-width: 1024px) {
    .systems-section .text-col-holder {
      margin-right: -35%; } }
  @media (min-width: 1300px) {
    .systems-section .text-col-holder {
      margin-right: -47%; } }
  .systems-section .text-col {
    padding: 31px 25px 25px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .systems-section .text-col {
        width: 42.5%; } }
    @media (min-width: 1300px) {
      .systems-section .text-col {
        padding: 4.2em 4em 4em 5em; } }
    @media (min-width: 768px) {
      .systems-section .text-col:first-child {
        width: 57.5%; } }
    @media (min-width: 1300px) {
      .systems-section .text-col:first-child {
        padding-right: 7em; } }
    .systems-section .text-col .list {
      padding: 4px 0 17px; }
      @media (min-width: 1300px) {
        .systems-section .text-col .list {
          padding: 8px 0 29px; } }
      .systems-section .text-col .list:last-child li:last-child {
        padding-bottom: 0; }

.education-program-text {
  margin: 50px 0; }
  @media (min-width: 1024px) {
    .education-program-text {
      margin-top: 100px; } }

.education-program-section {
  position: relative; }
  @media (min-width: 768px) {
    .education-program-section {
      display: flex;
      padding: 0;
      margin-bottom: -200px; } }
  @media (min-width: 1024px) {
    .education-program-section {
      margin-top: 100px; } }
  @media (min-width: 1300px) {
    .education-program-section {
      margin-bottom: -130px; } }
  @media (min-width: 768px) {
    .education-program-section .text-holder {
      padding: 0; } }
  @media (min-width: 1024px) {
    .education-program-section .text-holder-top {
      padding: 0 4em 3.8em; } }
  @media (min-width: 1716px) {
    .education-program-section .text-holder-top {
      padding: 0 22em 3.8em 5em; } }
  .education-program-section h1 {
    font-size: 28px;
    width: 52%;
    margin: 15px 0 .5em; }
    @media (min-width: 375px) {
      .education-program-section h1 {
        font-size: 35px;
        width: 48%; } }
    @media (min-width: 480px) {
      .education-program-section h1 {
        width: 50%; } }
    @media (min-width: 768px) {
      .education-program-section h1 {
        margin: 0 0 1em;
        width: auto; } }
    @media (min-width: 1024px) {
      .education-program-section h1 {
        font-size: 40px; } }
    @media (min-width: 1300px) {
      .education-program-section h1 {
        font-size: 54px; } }
  .education-program-section .img-holder {
    position: absolute;
    top: 8px;
    right: -24px;
    width: 60%; }
    @media (min-width: 375px) {
      .education-program-section .img-holder {
        width: 61%; } }
    @media (min-width: 480px) {
      .education-program-section .img-holder {
        width: 50%; } }
    @media (min-width: 768px) {
      .education-program-section .img-holder {
        position: static;
        margin: 0; } }
    @media (min-width: 1300px) {
      .education-program-section .img-holder {
        padding-left: 18px; } }
  .education-program-section .img {
    margin: 0 0 19px; }
    .education-program-section .img img {
      display: block;
      width: 100%;
      max-width: none; }
  .education-program-section .text-frame {
    background: #fff;
    padding: 33px 25px 25px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .education-program-section .text-frame {
        background: transparent;
        padding: 0; } }
  .education-program-section p {
    margin: 0 0 2em; }
    @media (min-width: 1024px) {
      .education-program-section p {
        margin: 0 0 2.3em; } }
  .education-program-section .bg-info {
    background: #f9f9f9; }
  @media (min-width: 768px) {
    .education-program-section .text-col-holder {
      display: flex;
      align-items: flex-start;
      margin-right: -60%; } }
  @media (min-width: 1024px) {
    .education-program-section .text-col-holder {
      margin-right: -35%; } }
  @media (min-width: 1300px) {
    .education-program-section .text-col-holder {
      margin-right: -47%; } }
  .education-program-section .text-col {
    position: relative;
    z-index: 2; }
    @media (min-width: 1300px) {
      .education-program-section .text-col {
        padding: 4.2em 4em 4em 5em; } }
    @media (min-width: 1300px) {
      .education-program-section .text-col:first-child {
        padding-right: 7em; } }
    .education-program-section .text-col .list {
      padding: 4px 0 17px; }
      @media (min-width: 768px) {
        .education-program-section .text-col .list {
          padding: 30px 20px; } }
      @media (min-width: 1300px) {
        .education-program-section .text-col .list {
          padding: 8px 0 29px; } }
      .education-program-section .text-col .list:last-child li:last-child {
        padding-bottom: 0; }
  @media (min-width: 1300px) {
    .education-program-section.no-margin {
      margin: 0; } }

.fade-slider {
  position: relative;
  padding: 0 0 2em; }
  .fade-slider .fade-slider-for {
    margin: 0; }
  .fade-slider .fade-slider-nav {
    position: absolute;
    top: 12px;
    left: 0; }
    @media (min-width: 1024px) {
      .fade-slider .fade-slider-nav {
        top: 100px; } }
    @media (min-width: 1300px) {
      .fade-slider .fade-slider-nav {
        top: 161px; } }

.fade-slider-for .slick-slide {
  position: relative; }
  .fade-slider-for .slick-slide img {
    width: 100%;
    max-width: none; }
.fade-slider-for .theme-list {
  position: absolute;
  top: 0;
  right: 0;
  width: 43%; }
  .fade-slider-for .theme-list li {
    margin: 0 0 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }
    @media (min-width: 1024px) {
      .fade-slider-for .theme-list li {
        margin: 0 0 24px; } }
.fade-slider-for .main-img {
  padding: 50px 0 0; }
  @media (min-width: 768px) {
    .fade-slider-for .main-img {
      padding: 50px 40px 0 0; } }
  @media (min-width: 1024px) {
    .fade-slider-for .main-img {
      padding: 150px 70px 0 0; } }
  @media (min-width: 1300px) {
    .fade-slider-for .main-img {
      padding: 209px 94px 0 0; } }

.fade-slider-nav .slick-slide {
  width: 20px !important;
  height: 20px;
  margin: 0 8px 0 0;
  cursor: pointer; }
  @media (min-width: 768px) {
    .fade-slider-nav .slick-slide {
      margin: 0 12px 0 0;
      width: 23px !important;
      height: 24px;
      position: relative; } }
  .fade-slider-nav .slick-slide.slick-current {
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.5); }

.tools-section {
  padding-bottom: 2em; }
  @media (min-width: 1024px) {
    .tools-section {
      padding-bottom: 4em; } }
  .tools-section .text-holder {
    padding-bottom: 2em; }
    @media (min-width: 768px) {
      .tools-section .text-holder {
        padding-top: 40px; } }
    @media (min-width: 1024px) {
      .tools-section .text-holder {
        padding-top: 94px; } }
    @media (min-width: 1716px) {
      .tools-section .text-holder {
        margin-left: -15px; } }
  .tools-section .text-frame {
    background: #fff;
    padding: 33px 25px; }
    @media (min-width: 768px) {
      .tools-section .text-frame {
        background: 0;
        padding: 0; } }
  .tools-section h1 {
    margin: 0 0 .8em; }
    @media (min-width: 1716px) {
      .tools-section h1 {
        margin: 0 0 .4em; } }
  @media (min-width: 1024px) {
    .tools-section .slider-holder {
      padding-right: 4em; } }
  @media (min-width: 1716px) {
    .tools-section .slider-holder {
      padding-right: 10.5em; } }
  .tools-section .list {
    padding: 29px 0 15px; }
    @media (min-width: 1024px) {
      .tools-section .list {
        padding: 40px 0 21px; } }

.left-bar {
  position: relative;
  background: #f9f9f9;
  padding: 33px 26px 0; }
  @media (min-width: 768px) {
    .left-bar {
      background: #fff;
      box-shadow: 0 57px 69px -59px rgba(0, 0, 0, 0.2);
      padding: 33px 26px; } }
  @media (min-width: 1024px) {
    .left-bar {
      padding: 40px 30px; } }
  @media (min-width: 1716px) {
    .left-bar {
      padding: 67px 72px 39px; } }
  .left-bar.step-bar .bar-holder {
    border-top: 0; }
    @media (max-width: 767px) {
      .left-bar.step-bar .bar-holder .bar-frame {
        border-bottom: 0; } }
    @media (max-width: 767px) {
      .left-bar.step-bar .bar-holder .bar-frame .checked-elements:last-child li:last-child {
        border-bottom: 1px solid rgba(0, 70, 136, 0.2); } }
  @media (max-width: 767px) {
    .left-bar.step-bar h1 {
      margin: 0 0 .85em; } }
  @media (max-width: 767px) {
    .left-bar.step-bar .arrow-link-holder {
      display: none; } }
  .left-bar.step-bar .checked-elements {
    border-top: 1px solid rgba(0, 70, 136, 0.2); }
    .left-bar.step-bar .checked-elements + .checked-elements {
      border-top: 0; }
  .left-bar.step-bar .heading-holder + .checked-elements {
    margin-top: 0; }
  .left-bar .breadcrumb:first-child {
    margin-top: -15px; }
    @media (min-width: 1716px) {
      .left-bar .breadcrumb:first-child {
        margin-top: -32px; } }
  .left-bar h1 {
    margin: 0 0 .05em; }
    @media (min-width: 768px) {
      .left-bar h1 {
        margin: 0 0 0.15em;
        font-size: 30px;
        letter-spacing: 1px; } }
    @media (min-width: 1024px) {
      .left-bar h1 {
        font-size: 40px; } }
    @media (min-width: 1300px) {
      .left-bar h1 {
        font-size: 54px;
        letter-spacing: 2px; } }
    .left-bar h1 + .search-result-note {
      margin: 0 0 1.5em; }
      @media (min-width: 768px) {
        .left-bar h1 + .search-result-note {
          margin: 0 0 2.2em; } }
    .left-bar h1 + .mark-text {
      padding-top: 10px;
      margin: 0 0 2.8em; }
      @media (min-width: 1024px) {
        .left-bar h1 + .mark-text {
          padding-top: 17px; } }
  .left-bar .btn-holder {
    margin: 0 -26px 12px; }
  .left-bar .heading-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 23px; }
    @media (min-width: 768px) {
      .left-bar .heading-holder {
        padding: 0 0 1em;
        display: block; } }
    @media (min-width: 1300px) {
      .left-bar .heading-holder {
        padding: 0 0 38px;
        display: flex; } }
    .left-bar .heading-holder .link-remove {
      width: 80px;
      text-align: right; }
      @media (min-width: 768px) {
        .left-bar .heading-holder .link-remove {
          width: auto;
          text-align: left; } }
      @media (min-width: 1300px) {
        .left-bar .heading-holder .link-remove {
          width: 80px;
          text-align: right; } }
    @media (max-width: 767px) {
      .left-bar .heading-holder.heading-holder-warning {
        background: #ed1c21;
        color: #fff;
        margin: -31px -24px 0;
        padding: 24px 24px 23px; } }
    @media (max-width: 767px) {
      .left-bar .heading-holder.heading-holder-warning + .checked-elements {
        border-top: 0; } }
    @media (max-width: 767px) {
      .left-bar .heading-holder.heading-holder-warning h2,
      .left-bar .heading-holder.heading-holder-warning a {
        color: inherit; } }
    @media (min-width: 1300px) {
      .left-bar .heading-holder .link-remove {
        width: 80px;
        text-align: right; } }
    @media (min-width: 1300px) {
      .left-bar .heading-holder + .checked-elements {
        margin-top: -10px; } }
    @media (max-width: 767px) {
      .left-bar .heading-holder + .info-text {
        padding-top: 30px; } }
    @media (min-width: 1300px) {
      .left-bar .heading-holder + .info-text {
        margin-top: -10px; } }
    .left-bar .heading-holder h2 {
      margin: 0;
      padding-right: 5px;
      flex: 1 0; }
      @media (min-width: 768px) {
        .left-bar .heading-holder h2 {
          margin: 0 0 0.5em;
          padding-right: 0; } }
      @media (min-width: 1300px) {
        .left-bar .heading-holder h2 {
          margin: 0;
          padding-right: 5px; } }
  @media (min-width: 768px) {
    .left-bar .bar-reverse {
      display: flex;
      flex-flow: column-reverse nowrap; } }
  .left-bar .bar-holder {
    padding: 0 0 26px; }
    @media (min-width: 768px) {
      .left-bar .bar-holder {
        border-top: 1px solid rgba(0, 70, 136, 0.2); } }
    @media (min-width: 1024px) {
      .left-bar .bar-holder {
        padding: 0 0 37px; } }
  .left-bar .bar-frame {
    border-bottom: 1px solid rgba(0, 70, 136, 0.2);
    padding: 42px 0 21px; }
    @media (min-width: 1024px) {
      .left-bar .bar-frame {
        padding: 19px 0 23px; } }
    .left-bar .bar-frame:first-child {
      padding-top: 0; }
      @media (min-width: 768px) {
        .left-bar .bar-frame:first-child {
          padding-top: 20px; } }
    .left-bar .bar-frame .checked-elements:last-child li:last-child {
      border-bottom: 0;
      margin-bottom: -21px; }
    @media (min-width: 1024px) {
      .left-bar .bar-frame .checked-elements:last-child {
        margin-bottom: -23px; } }
  @media (min-width: 768px) {
    .left-bar .arrow-link-holder {
      text-align: right; } }
  .left-bar .info-text {
    color: #ddd;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 12px; }
    @media (max-width: 767px) {
      .left-bar .info-text {
        color: #afafb0; } }
  .left-bar .info-text-holder {
    border-top: 1px solid rgba(0, 70, 136, 0.2);
    padding: 35px 0 0; }
    @media (max-width: 767px) {
      .left-bar .info-text-holder {
        border-top: 1px; } }
  .left-bar .bar-frame + .info-text-holder,
  .left-bar .checked-elements + .info-text-holder {
    border-top: 0; }

.link-remove {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: .5px; }
  @media (min-width: 768px) {
    .link-remove {
      font-size: 12px;
      letter-spacing: 1px; } }

.search-result-note {
  color: #050505;
  font-size: 13px;
  font-weight: 400; }
  @media (min-width: 1024px) {
    .search-result-note {
      font-size: 12px; } }

.mark-text {
  color: #050505;
  font-weight: 400;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .mark-text {
      font-size: 12px;
      line-height: 1.667; } }

.check-list {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33333;
  color: #050505;
  letter-spacing: 0.5px; }
  @media (min-width: 768px) {
    .check-list {
      font-size: 12px; } }
  @media (min-width: 768px) {
    .check-list.check-list-lg {
      font-size: 16px; } }
  @media (min-width: 768px) {
    .check-list.check-list-lg .jcf-radio,
    .check-list.check-list-lg .jcf-checkbox {
      margin: 0 26px 0 0; } }
  @media (min-width: 768px) {
    .check-list.check-list-lg .label-frame {
      padding: 0; } }
  .check-list.check-list-lg li {
    padding: 0 0 28px; }
  .left-bar .check-list {
    padding: 0 0 0 12px; }
    @media (min-width: 768px) {
      .left-bar .check-list {
        padding: 0; } }
  .check-list label {
    margin: 0;
    overflow: hidden; }
  .check-list .jcf-radio,
  .check-list .jcf-checkbox {
    margin: 0 19px 0 0;
    float: left; }
  .check-list .label-frame {
    display: block;
    overflow: hidden;
    padding: 1px 0 0; }
    @media (min-width: 768px) {
      .check-list .label-frame {
        padding: 3px 0 0; } }
  .check-list li {
    padding: 0 0 28px; }
    @media (min-width: 768px) {
      .check-list li {
        padding: 0 0 15px; } }
    @media (min-width: 1024px) {
      .check-list li {
        padding: 0 0 23px; } }

.checked-elements {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33333;
  letter-spacing: 0.5px; }
  @media (min-width: 768px) {
    .checked-elements {
      font-size: 14px;
      line-height: 1.42857; } }
  .checked-elements.primary-color {
    color: #050505; }
    @media (min-width: 768px) {
      .checked-elements.primary-color {
        font-size: 16px; } }
  .checked-elements li {
    position: relative;
    border-bottom: 1px solid rgba(0, 70, 136, 0.2); }
    @media (min-width: 768px) {
      .checked-elements li {
        display: flex; } }
    .checked-elements li > span {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      width: 100%;
      min-height: 74px;
      padding: 18px 40px 17px 0; }
      @media (min-width: 768px) {
        .checked-elements li > span {
          padding: 10px 40px 10px 0; } }

.icon-remove {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: color 0.3s ease-in-out, border 0.3s ease-in-out;
  right: 0;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 1px solid #5f6062;
  color: #5f6062;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  text-decoration: none; }
  .icon-remove:hover {
    color: #ed1c21;
    border-color: #ed1c21; }

.color-chart-section {
  padding: 50px 0 50px 24px;
  position: relative;
  z-index: 1; }
  @media (min-width: 768px) {
    .color-chart-section .title {
      position: absolute;
      right: -64px;
      bottom: 0; } }
  .color-chart-section .img {
    padding: 0;
    position: absolute;
    right: 0; }
    @media (min-width: 768px) {
      .color-chart-section .img {
        margin-top: 100px;
        margin-bottom: -200px;
        position: relative;
        float: left; } }
    @media (min-width: 1300px) {
      .color-chart-section .img {
        margin-bottom: -400px; } }
  .color-chart-section .color-grid {
    position: absolute;
    top: 150px;
    margin-left: 30px;
    box-shadow: 0px 13px 17px -20px #000; }
    @media (min-width: 535px) {
      .color-chart-section .color-grid {
        margin-left: 20%; } }
    @media (min-width: 768px) {
      .color-chart-section .color-grid {
        top: 65%;
        margin-left: 25%; } }
    .color-chart-section .color-grid .color-item {
      padding: 0;
      float: left;
      width: 115px; }
      @media (min-width: 1024px) {
        .color-chart-section .color-grid .color-item {
          width: 150px; } }
  .color-chart-section .text {
    position: absolute;
    bottom: -590px;
    padding-right: 73px; }
    @media (min-width: 451px) {
      .color-chart-section .text {
        bottom: -479px; } }
    @media (min-width: 768px) {
      .color-chart-section .text {
        position: absolute;
        bottom: -230px;
        right: -72px;
        padding-right: 95px; } }
    @media (min-width: 1024px) {
      .color-chart-section .text {
        position: absolute;
        bottom: -230px;
        right: -72px;
        padding-right: 160px; } }
  @media (min-width: 768px) {
    .color-chart-section {
      padding-bottom: 41px;
      position: relative;
      width: 100%;
      max-width: 1750px;
      padding-left: 24px;
      padding-right: 24px;
      margin-right: auto;
      margin-left: auto;
      margin-top: -30px; } }
  @media (min-width: 1024px) {
    .color-chart-section {
      padding-left: 15px;
      padding-right: 15px;
      margin-top: -55px; } }
  @media (min-width: 1300px) {
    .color-chart-section {
      padding-left: 49px;
      padding-right: 49px;
      padding-bottom: 63px;
      margin-top: 0; } }

.step-list {
  display: flex;
  justify-content: space-between;
  margin: 0 -38px 20px;
  padding-top: 24px; }
  @media (min-width: 768px) {
    .step-list {
      margin: 0 -12px 29px; } }
  .step-list li {
    width: 33.33%;
    overflow: hidden;
    padding: 0 12px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center; }
    .step-list li:first-child {
      align-items: flex-start; }
      .step-list li:first-child .circle:before {
        display: none; }
    .step-list li:last-child {
      align-items: flex-end; }
      .step-list li:last-child .circle:after {
        display: none; }
    .step-list li:only-child {
      align-items: flex-start; }
      .step-list li:only-child .circle:before, .step-list li:only-child .circle:after {
        display: none; }
    .step-list li.step-active .circle {
      border-color: #050505;
      background: #050505;
      color: #ccdae7; }
    .step-list li.step-active ~ li .circle {
      border: 1px solid #ccdae7;
      color: #ccdae7; }
    .step-list li.step-active ~ li .text {
      color: #ccdae7; }
  .step-list .circle {
    display: flex;
    width: 55px;
    height: 55px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: 1px solid #050505;
    color: #050505;
    border-radius: 50%;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    margin: 0 0 11px; }
    @media (min-width: 768px) {
      .step-list .circle {
        width: 53px;
        height: 53px;
        margin: 0 0 27px; } }
    .step-list .circle:before, .step-list .circle:after {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      content: "";
      background: #ccdae7;
      left: calc(100% + 12px);
      width: 9999px;
      height: 1px; }
      @media (min-width: 1300px) {
        .step-list .circle:before, .step-list .circle:after {
          left: calc(100% + 30px); } }
    .step-list .circle:before {
      left: auto;
      right: calc(100% + 12px); }
      @media (min-width: 1300px) {
        .step-list .circle:before {
          left: auto;
          right: calc(100% + 30px); } }
  .step-list .text {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 400;
    color: #050505;
    margin: 0;
    letter-spacing: .5px; }
    @media (min-width: 1024px) {
      .step-list .text {
        font-size: 12px; } }

.bordered-products-list .product {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  border-bottom: 1px solid rgba(0, 70, 136, 0.3);
  padding: 28px 0 25px; }
  @media (min-width: 768px) {
    .bordered-products-list .product {
      line-height: 1.71428;
      display: flex; } }
  @media (min-width: 1716px) {
    .bordered-products-list .product {
      padding: 43px 0 90px; } }
  @media (min-width: 768px) {
    .bordered-products-list .product:first-child {
      padding-top: 28px; } }
.bordered-products-list h2 {
  text-transform: none;
  margin: 0 0 .85em; }
  @media (min-width: 768px) {
    .bordered-products-list h2 {
      margin: 0 0 .9em; } }
.bordered-products-list p {
  margin: 0 0 1.2em; }
  @media (min-width: 768px) {
    .bordered-products-list p {
      margin: 0 0 1.6em; } }
@media (min-width: 375px) {
  .bordered-products-list .img {
    width: 108px;
    height: 104px; } }
@media (min-width: 768px) {
  .bordered-products-list .img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid #e2e2e2;
    background: #fff;
    margin: 0 25px 0 0; } }
@media (min-width: 1024px) {
  .bordered-products-list .img {
    margin: 0 40px 0 0; } }
@media (min-width: 1300px) {
  .bordered-products-list .img {
    width: 180px;
    height: 175px;
    margin: 0 70px 0 0; } }
@media (min-width: 1716px) {
  .bordered-products-list .img {
    width: 192px;
    height: 183px;
    padding: 20px; } }
.bordered-products-list .img:hover img {
  opacity: .8; }
.bordered-products-list .img img {
  transition: opacity 0.3s ease-in-out;
  display: block;
  width: 100%;
  max-width: none; }
@media (min-width: 768px) {
  .bordered-products-list .description {
    flex: 1 0; } }

.filter-drop-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 14px; }
  @media (min-width: 768px) {
    .filter-drop-wrap {
      justify-content: flex-end;
      margin: 0 0 22px; } }
  .filter-drop-wrap + .content-block-holder {
    padding-top: 0; }
  @media (max-width: 767px) {
    .content-frame.no-bg-info .filter-drop-wrap {
      margin: -24px 0 25px; } }
  .filter-drop-wrap .title {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    color: #050505;
    width: 114px;
    margin: 0 10px 0 0;
    letter-spacing: 1px; }
    @media (min-width: 375px) {
      .filter-drop-wrap .title {
        font-size: 20px; } }
    @media (min-width: 768px) {
      .filter-drop-wrap .title {
        font-size: 22px;
        width: auto;
        margin: 0 17px 0 0; } }
  @media (max-width: 767px) {
    .filter-drop-wrap .btn-holder {
      width: 100%; } }

.btn-filter-holder {
  z-index: 15;
  width: 150px; }
  @media (min-width: 768px) {
    .btn-filter-holder {
      position: relative;
      width: 192px; } }
  @media (max-width: 767px) {
    .modal .btn-filter-holder {
      width: auto; } }
  @media (min-width: 768px) {
    .btn-filter-holder.btn-filter-holder-lg {
      width: 264px; } }
  .btn-filter-holder.btn-filter-holder-lg .filter-drop .well {
    padding: 38px 31px; }
  .btn-filter-holder.btn-filter-holder-lg .arrow-link-holder {
    margin-right: -31px;
    margin-left: -31px; }

.btn.filter-drop-opener {
  width: 100%;
  z-index: 10; }
  @media (max-width: 767px) {
    .modal .btn.filter-drop-opener {
      display: none !important; } }

.filter-drop {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 1px;
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  width: 100%;
  height: auto !important;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #050505;
  color: #050505; }
  .filter-drop .well {
    border: 0;
    margin: 0;
    padding: 38px 20px;
    box-shadow: none; }
  .filter-drop .check-list {
    padding: 0 0 7px; }
    .filter-drop .check-list:last-child li:last-child {
      padding: 0; }
    .filter-drop .check-list li {
      padding: 0 0 28px; }
  .filter-drop .label-frame {
    display: block;
    overflow: hidden;
    padding: 4px 0 0; }
  .filter-drop .arrow-link-holder {
    margin: 0 -20px -38px;
    width: auto; }
    @media (max-width: 767px) {
      .filter-drop .arrow-link-holder {
        margin: 0;
        border-top: 1px solid rgba(0, 70, 136, 0.2);
        padding: 25px 0 0; } }
  @media (min-width: 768px) {
    .filter-drop .arrow-link {
      transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
      padding: 29px 12px;
      display: block;
      background: #ed1c21;
      color: #fff;
      text-align: center;
      width: 100%;
      min-height: 0; } }
  @media (min-width: 768px) {
    .filter-drop .arrow-link:after {
      min-height: 0; } }
  @media (min-width: 768px) {
    .filter-drop .arrow-link:hover {
      background: #fca626;
      color: #fff; } }
  @media (min-width: 768px) {
    .filter-drop .arrow-link:focus {
      color: #fff; } }
  @media (min-width: 768px) {
    .filter-drop .arrow-link .arrow-icon {
      display: none; } }

@media (max-width: 767px) {
  .modal[data-body-class="modal-filters-open"] .title {
    margin: 0 0 23px; } }
@media (max-width: 767px) {
  .modal[data-body-class="modal-filters-open"] .filter-drop {
    display: block !important;
    position: static;
    box-shadow: none;
    border: 0; } }
@media (max-width: 767px) {
  .modal[data-body-class="modal-filters-open"] .filter-drop ul {
    margin: 0 0 -16px; } }
@media (max-width: 767px) {
  .modal[data-body-class="modal-filters-open"] .filter-drop ul li {
    padding: 0 0 28px; } }
@media (max-width: 767px) {
  .modal[data-body-class="modal-filters-open"] .filter-drop .well {
    padding: 0 13px; } }
@media (max-width: 767px) {
  .modal[data-body-class="modal-filters-open"] .filter-drop .arrow-link-holder {
    margin: 0 -11px; } }

.video-block {
  margin-bottom: 2em; }
  @media (min-width: 1024px) {
    .video-block {
      display: flex;
      flex-flow: row-reverse nowrap;
      align-items: center;
      margin-bottom: 4em; } }
  @media (min-width: 1024px) {
    .video-block:before, .video-block:after {
      display: none; } }
  .video-block h1 {
    margin: 0 0 .68em; }
    @media (min-width: 1024px) {
      .video-block h1 {
        margin: 0 0 .8em; } }
  .video-block p {
    margin: 0 0 1.3em; }
  .video-block .video-holder {
    margin: 0 -26px; }
    @media (min-width: 768px) {
      .video-block .video-holder {
        margin: 0; } }
    @media (min-width: 1716px) {
      .video-block .video-holder {
        margin-right: -32px; } }
  .video-block .video-text {
    padding: 0 0 36px; }
    @media (min-width: 1716px) {
      .video-block .video-text {
        padding-left: 80px; } }

.tabs-block-video {
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .tabs-block-video {
      padding-bottom: 0 0 3em;
      display: flex;
      align-items: center; } }
  @media (min-width: 768px) {
    .tabs-block-video:before, .tabs-block-video:after {
      display: none; } }
  .tabs-block-video h1 {
    margin: 0 0 .4em; }
    @media (min-width: 768px) {
      .tabs-block-video h1 {
        margin: 0 0 .45em; } }
  .tabs-block-video .tab-heading {
    padding: 0 0 10px; }
    @media (min-width: 768px) {
      .tabs-block-video .tab-heading {
        line-height: 1.71428; } }
    @media (min-width: 1716px) {
      .tabs-block-video .tab-heading {
        padding: 0 22px 3.8em; } }
    .tabs-block-video .tab-heading p {
      margin: 0 0 .5em; }
  @media (min-width: 1716px) {
    .tabs-block-video .tab-text {
      margin: 0 -30px 0 0; } }
  @media (min-width: 1716px) {
    .tabs-block-video .right-tabs {
      padding-left: 54px;
      padding-bottom: 90px; } }
  @media (max-width: 767px) {
    .tabs-block-video .arrow-link-holder {
      text-align: left; } }

.counter-list-holder {
  overflow: hidden;
  margin: 0 0 3.3em; }
  @media (min-width: 1024px) {
    .counter-list-holder {
      margin: 0 0 4.9em; } }

.counter-list {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  counter-reset: newCounter;
  margin: 0 0 -1px -1px;
  padding: 0;
  font-size: 13px;
  line-height: 1.2307;
  letter-spacing: .5px; }
  @media (min-width: 1024px) {
    .counter-list {
      display: flex;
      flex-flow: row wrap; } }
  @media (min-width: 1716px) {
    .counter-list {
      font-size: 12px;
      line-height: 1.6667; } }
  .counter-list li {
    position: relative;
    background: #ebebeb;
    border: solid #dbdbdc;
    border-width: 0 0 1px 1px;
    cursor: pointer; }
    @media (min-width: 1024px) {
      .counter-list li {
        width: 50%;
        display: flex; } }
    .counter-list li:before {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      counter-increment: newCounter;
      content: counters(newCounter,".") " /";
      left: 33px;
      font-size: 10px;
      margin-top: 2px; }
      @media (min-width: 1716px) {
        .counter-list li:before {
          font-size: 9px;
          left: 74px; } }
    .counter-list li:after {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      content: "0";
      left: 26px;
      font-size: 10px;
      margin-top: 2px; }
      @media (min-width: 1716px) {
        .counter-list li:after {
          font-size: 9px;
          left: 67px; } }
    .counter-list li:nth-child(9) ~ :after {
      display: none; }
    .counter-list li:nth-child(9) ~ :before {
      left: 26px; }
    .counter-list li.hover .hover-text {
      visibility: visible;
      transform: scale(1);
      opacity: 1; }
      .counter-list li.hover .hover-text:after {
        transform: scale(1); }
  .counter-list .title {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 15px;
    text-transform: uppercase;
    left: 53px; }
    @media (min-width: 1716px) {
      .counter-list .title {
        font-size: 14px;
        left: 94px; } }
  .counter-list p {
    margin: 0 0 .5em; }
    .counter-list p:last-child {
      margin: 0; }
  .counter-list .hover-text {
    transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    padding: 15px 27px 11px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    position: relative;
    z-index: 2;
    width: 100%; }
    @media (min-width: 1716px) {
      .counter-list .hover-text {
        font-weight: 400;
        padding: 27px 69px 24px; } }
    .counter-list .hover-text:after {
      transition: transform 0.3s ease-in-out;
      content: "";
      background: #f3f3f3;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transform: scale(0); }
  .counter-list .hover-text-holder {
    position: relative;
    z-index: 2; }

.systems-list {
  max-width: 250px;
  margin-bottom: 3.9em; }
  @media (min-width: 375px) {
    .systems-list {
      max-width: 300px; } }
  @media (min-width: 768px) {
    .systems-list {
      max-width: none; } }
  @media (min-width: 1024px) {
    .systems-list {
      margin-bottom: 6.5em; } }
  .systems-list .slick-track {
    display: flex !important; }
  .systems-list .slick-list {
    overflow: visible;
    margin: 0 -13px; }
  .systems-list .slick-slide {
    margin: 0 13px;
    height: auto; }
  .systems-list .systems-row {
    position: relative;
    padding: 25px 25px 35px; }
    @media (max-width: 767px) {
      .systems-list .systems-row {
        background: #fff; } }
    @media (min-width: 768px) {
      .systems-list .systems-row {
        padding: 22px 0 22px 147px;
        border-bottom: 1px solid rgba(0, 70, 136, 0.1);
        line-height: 1.71428;
        min-height: 254px; } }
    @media (min-width: 1300px) {
      .systems-list .systems-row {
        display: flex;
        align-items: center; } }
    @media (min-width: 1716px) {
      .systems-list .systems-row {
        padding-left: 258px; } }
  @media (min-width: 1300px) {
    .systems-list .description {
      width: 60%;
      /*padding-top: 28px;*/ 
    } }
  @media (min-width: 1716px) {
    .systems-list .description {
      width: 66%; } }
  @media (min-width: 1300px) {
    .systems-list .arrow-link-holder {
      width: 40%;
      padding-top: 10px; } }
  @media (min-width: 1716px) {
    .systems-list .arrow-link-holder {
      width: 34%; } }
  .systems-list .systems-heading {
    display: flex;
    justify-content: space-between;
    padding: 0 0 .7em; }
    @media (min-width: 768px) {
      .systems-list .systems-heading {
        display: inherit;
        padding: 0; } }
  .systems-list h2 {
    word-wrap: break-word;
    width: calc(100% - 100px);
    margin: 0 0 .5em; }
    @media (min-width: 375px) {
      .systems-list h2 {
        width: calc(100% - 118px);
        margin: 0 0 .8em;
        padding-top: 20px; } }
    @media (min-width: 768px) {
      .systems-list h2 {
        width: auto;
        word-wrap: inherit;
        padding: 0;
        text-transform: none;
        color: #5f6062;
        font-weight: 400;
        font-size: 16px;
        margin: 0 0 .18em; } }
  .systems-list p {
    margin: 0 0 1.2em; }
  .systems-list .img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid #e2e2e2;
    background: #fff;
    width: 90px;
    height: 88px; }
    @media (min-width: 375px) {
      .systems-list .img {
        width: 100px;
        height: 150px;; } }
    @media (min-width: 768px) {
      .systems-list .img {
        width: 120px;
        height: 150px;
        position: absolute;
        top: 21px;
        left: 0; } }
    @media (min-width: 1716px) {
      .systems-list .img {
        left: 72px;
        width: 150px;
        height: 210px; } }
    .systems-list .img:hover img {
      opacity: .8; }
    .systems-list .img img {
      transition: opacity 0.3s ease-in-out;
      width: 100%;
      display: block;
      max-width: none; }

.sidebar {
  margin: 0 0 3.7em; }
  @media (min-width: 768px) {
    .sidebar {
      background: #fff;
      box-shadow: 0 57px 69px -59px rgba(0, 0, 0, 0.2);
      padding: 33px 26px;
      margin: 9.5em 0 3.7em 0; } }
  @media (min-width: 1024px) {
    .sidebar {
      padding: 40px 30px; } }
  @media (min-width: 1716px) {
    .sidebar {
      padding: 64px 72px;
      margin: 9.5em 0 3.7em 10em; } }
  .sidebar .title {
    display: block;
    font-weight: 400;
    color: #ed1c21;
    font-size: 15px;
    letter-spacing: .5px;
    margin: 0 0 1em; }
    @media (min-width: 768px) {
      .sidebar .title {
        font-size: 16px; } }
    @media (min-width: 1024px) {
      .sidebar .title {
        margin: 0 0 1.2em; } }
  .sidebar .sidebar-holder {
    padding: 0 0 41px; }
    @media (min-width: 1024px) {
      .sidebar .sidebar-holder {
        padding: 0 0 55px; } }
    .sidebar .sidebar-holder:last-child {
      padding: 0; }
    .sidebar .sidebar-holder .links-list:last-child {
      margin: 0; }
  @media (min-width: 1024px) {
    .sidebar h2.h2 {
      font-weight: 400;
      padding: 0 0 1.1em;
      margin: 0 0 1.7em; } }
  .sidebar h3 {
    text-transform: none;
    font-size: 20px;
    margin: 0 0 .7em; }
    @media (min-width: 1024px) {
      .sidebar h3 {
        font-size: 22px;
        margin: 0 0 1.1em; } }
    .sidebar h3 + .title {
      margin-top: -9px; }
      @media (min-width: 1024px) {
        .sidebar h3 + .title {
          font-size: 14px;
          margin-top: -13px; } }
  .sidebar .img {
    max-width: 216px;
    margin: 0 auto 4em; }
    @media (min-width: 1716px) {
      .sidebar .img {
        max-width: 258px;
        margin: 0 auto 3.2em; } }

@media (min-width: 768px) {
  .links-list {
    margin: 0 0 1.7em; } }
.links-list a {
  text-decoration: none; }
.links-list .list-group-item {
  border-width: 1px 0;
  position: relative;
  padding: 25px 30px 25px 0; }
  @media (min-width: 768px) {
    .links-list .list-group-item {
      padding: 16px 35px 16px 0; } }
  .links-list .list-group-item:after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: color 0.3s ease-in-out, border 0.3s ease-in-out;
    content: "\e903";
    font-family: 'icomoon';
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #050505;
    color: #050505;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0; }
    @media (min-width: 768px) {
      .links-list .list-group-item:after {
        width: 29px;
        height: 29px;
        font-size: 13px; } }
  .links-list .list-group-item:hover:after {
    border-color: #ed1c21;
    color: #ed1c21; }

.table-block {
  display: flex; }
  .table-block th {
    color: #050505;
    font-weight: normal;
    font-size: 14px; }
  .table-block .table {
    margin: 0;
    font-size: 14px;
    line-height: 15px;
    font-weight: 300;
    letter-spacing: 1px; }
    @media (max-width: 767px) {
      .table-block .table {
        font-size: 13px; } }
    .table-block .table tr {
      border-bottom: 1px solid #efefef; }
    @media (min-width: 768px) {
      .table-block .table thead tr {
        border-bottom: 0; } }
    .table-block .table td,
    .table-block .table th {
      border: none;
      padding: 18px 5px; }
      @media (max-width: 767px) {
        .table-block .table td,
        .table-block .table th {
          line-height: 16px;
          padding: 32px 10px 31px 29px; } }
      @media (min-width: 768px) {
        .table-block .table td:first-child,
        .table-block .table th:first-child {
          padding-left: 0; } }
    .table-block .table th {
      padding: 10px 0 17px; }
      @media (max-width: 767px) {
        .table-block .table th {
          padding: 23px 0 14px;
          font-size: 13px; } }
  @media (max-width: 767px) {
    .table-block .table-holder {
      border-right: 2px solid #ebebeb;
      width: 50%;
      margin-right: 1%; } }
  @media (min-width: 768px) {
    .table-block .table-holder {
      width: 50%; }
      .table-block .table-holder .jcf-scrollable-wrapper {
        width: 100% !important;
        height: auto !important; }
        .table-block .table-holder .jcf-scrollable-wrapper .jcf-scrollbar {
          display: none !important; } }
  @media (min-width: 768px) {
    .table-block .table-holder + .table-holder {
      width: 50%; } }
  @media (max-width: 767px) {
    .table-block .table-holder + .table-holder {
      border: none;
      margin: 0;
      width: 49%; } }

.scroll-table {
  text-align: center; }
  @media (max-width: 767px) {
    .scroll-table {
      overflow: auto; } }
  @media (min-width: 768px) {
    .scroll-table {
      width: 100% !important;
      height: auto !important; } }
  @media (max-width: 767px) {
    .scroll-table .table {
      width: 340px;
      min-width: 340px; } }
  .scroll-table .table th {
    font-size: 12px;
    font-weight: 300;
    color: #050505;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    width: 20%;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .scroll-table .table th {
        padding: 23px 0 14px;
        font-size: 13px; } }
  .scroll-table .table td {
    vertical-align: middle; }
    @media (max-width: 767px) {
      .scroll-table .table td {
        padding: 32px 0 31px; } }

@media (max-width: 767px) {
  .table-holder .jcf-scrollable-wrapper .jcf-scrollbar-horizontal {
    bottom: auto;
    top: 0;
    background: #dfdfe0;
    height: 0;
    z-index: 1; }
    .table-holder .jcf-scrollable-wrapper .jcf-scrollbar-horizontal:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      background: #dfdfe0;
      height: 3px;
      z-index: -1; }
    .table-holder .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-slider {
      top: -3px; }
      .table-holder .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-slider .jcf-scrollbar-handle {
        background: #050505; }
    .table-holder .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-handle {
      height: 3px; }
    .table-holder .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-dec,
    .table-holder .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
      width: 0;
      height: 0;
      background: none; }
  .table-holder .jcf-scrollable-wrapper .jcf-scrollbar-vertical {
    display: none !important; } }

.texture-tool-section {
  margin-top: 620px;
  position: relative; }
  @media (min-width: 768px) {
    .texture-tool-section {
      margin-top: 400px; } }
  @media (min-width: 1300px) {
    .texture-tool-section {
      margin-top: 500px; } }
  .texture-tool-section h1 {
    display: inline-block; }
    @media (min-width: 768px) {
      .texture-tool-section h1 {
        padding-left: 14px; } }
    @media (min-width: 1024px) {
      .texture-tool-section h1 {
        padding-left: 50px; } }
  @media (min-width: 768px) {
    .texture-tool-section .img {
      float: right;
      margin-right: -40px; } }
  @media (min-width: 1300px) {
    .texture-tool-section .img {
      margin-right: -90px; } }
  .texture-tool-section .texture-grid .texture-item {
    padding: 0 0 0 5px;
    margin-top: -25px;
    box-shadow: 0px 15px 19px -18px #000; }
  @media (min-width: 768px) {
    .texture-tool-section .texture-grid {
      float: right;
      margin-right: 300px; } }
  @media (min-width: 1024px) {
    .texture-tool-section .texture-grid {
      margin-top: -100px; } }
  @media (min-width: 1300px) {
    .texture-tool-section .texture-grid {
      margin-top: -170px;
      margin-right: 570px; } }
  .texture-tool-section .text {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .texture-tool-section .text {
        position: absolute; } }
    @media (min-width: 1024px) {
      .texture-tool-section .text {
        padding: 0 50px;
        margin: 0; } }

.tabs-list {
  display: none; }
  @media (min-width: 768px) {
    .tabs-list {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      font-size: 13px;
      line-height: 19px;
      text-transform: uppercase;
      text-decoration: none;
      margin: 0 -10px 42px;
      padding: 0; } }
  @media (min-width: 1024px) {
    .tabs-list {
      font-size: 15px;
      line-height: 21px;
      margin: 0 -20px 42px; } }
  @media (min-width: 1300px) {
    .tabs-list {
      font-size: 18px;
      line-height: 20px; } }
  @media (min-width: 1716px) {
    .tabs-list {
      font-size: 22px;
      line-height: 28px;
      margin: 0 40px 42px; } }
  @media (min-width: 768px) {
    .tabs-list.tabs-list-second {
      display: block;
      font-size: 14px;
      line-height: 16px;
      font-weight: 400;
      margin: 0; } }
  .tabs-list.tabs-list-second li {
    width: 100%;
    padding: 0; }
    .tabs-list.tabs-list-second li.active a {
      background: #fff;
      border-bottom-color: rgba(0, 70, 136, 0.2);
      padding-left: 40px; }
      @media (min-width: 1300px) {
        .tabs-list.tabs-list-second li.active a {
          padding-left: 70px; } }
      .tabs-list.tabs-list-second li.active a:after {
        opacity: 1; }
    .tabs-list.tabs-list-second li:last-child a {
      border: 0; }
    .tabs-list.tabs-list-second li a {
      display: block;
      text-align: left;
      padding: 20px 15px;
      color: #050505;
      position: relative; }
      @media (min-width: 1300px) {
        .tabs-list.tabs-list-second li a {
          padding: 37px 25px; } }
      .tabs-list.tabs-list-second li a:hover {
        border-bottom-color: rgba(0, 70, 136, 0.2);
        color: #050505;
        background: #fff; }
      .tabs-list.tabs-list-second li a:after {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        content: "\e902";
        font-family: 'icomoon';
        left: 15px;
        opacity: 0; }
      @media (min-width: 1300px) {
        .tabs-list.tabs-list-second li a {
          left: 25px; } }
  .tabs-list li {
    width: 33.33%;
    padding: 0 10px;
    display: flex; }
    @media (min-width: 1024px) {
      .tabs-list li {
        padding: 0 20px; } }
    @media (min-width: 1716px) {
      .tabs-list li {
        padding: 0 35px; } }
    .tabs-list li.active a {
      border-bottom-color: #050505;
      color: #050505; }
  .tabs-list a {
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    text-align: center;
    padding: 0 5px 14px;
    text-decoration: none;
    color: rgba(0, 70, 136, 0.4);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 70, 136, 0.2);
    letter-spacing: 1px; }
    @media (min-width: 1024px) {
      .tabs-list a {
        padding: 0 10px 14px; } }
    .tabs-list a:hover {
      border-bottom-color: #050505;
      color: #050505; }

.tab-content {
  margin: 0 0 20px; }

.tab-opener {
  display: block;
  font-size: 20px;
  line-height: 24px;
  margin: 0 24px 18px;
  padding: 0 50px 19px 0;
  text-decoration: none;
  position: relative;
  border: solid #050505;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .tab-opener {
      display: none; } }
  .tab-opener:hover, .tab-opener:focus {
    color: #050505; }
  .tab-opener:hover .icon-open-close {
    background: #050505;
    opacity: 1; }
    .tab-opener:hover .icon-open-close:after, .tab-opener:hover .icon-open-close:before {
      background: #fff; }
  .tab-opener.tab-opener-second {
    white-space: nowrap;
    text-align: center;
    background: #fff;
    margin: 0 0 -1px;
    padding: 15px 70px 15px 24px;
    border-width: 1px 0;
    border-color: #ccdae7;
    min-height: 114px;
    text-align: left;
    text-transform: uppercase; }
    .tab-opener.tab-opener-second:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 0;
      min-height: 82px; }
    .tab-opener.tab-opener-second > * {
      white-space: normal;
      display: inline-block;
      vertical-align: middle;
      max-width: 99%; }
    .tab-opener.tab-opener-second .icon-open-close {
      right: 24px;
      margin-top: 0; }
    .active .tab-opener.tab-opener-second {
      background: #050505;
      color: #fff;
      border-color: #050505; }
  .tab-opener .icon-open-close {
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out;
    position: absolute;
    right: 0;
    top: 50%;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 1px solid #050505;
    transform: translate(0, -50%);
    opacity: 0.6;
    margin-top: -8px; }
    .active .tab-opener .icon-open-close {
      border-color: #fff; }
    .tab-opener .icon-open-close:after, .tab-opener .icon-open-close:before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: #050505;
      width: 14px;
      height: 2px; }
      .active .tab-opener .icon-open-close:after, .active .tab-opener .icon-open-close:before {
        background: #fff; }
    .tab-opener .icon-open-close:after {
      width: 2px;
      height: 14px;
      transform: translate(-50%, -50%), rotate(90deg); }
      .active .tab-opener .icon-open-close:after {
        display: none; }

@media (min-width: 768px) {
  .js-tab-hidden {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important; } }

@media (min-width: 768px) {
  .tab-holder {
    position: static !important;
    width: 100% !important; } }
.tab-holder .tab-text {
  padding: 0 24px 26px; }
  @media (min-width: 768px) {
    .tab-holder .tab-text {
      padding: 0 0 26px; } }
  @media (min-width: 1716px) {
    .tab-holder .tab-text {
      padding: 0 0 40px; } }
.tab-holder .video-holder {
  margin: 0 -24px 23px; }
  @media (min-width: 768px) {
    .tab-holder .video-holder {
      margin: 0 0 25px;
      box-shadow: -40px 57px 69px -59px rgba(0, 0, 0, 0.3); } }

.tab-section-block {
  display: flex;
  flex-direction: column; }
  @media (max-width: 767px) {
    .tab-section-block {
      margin: 0 -24px; } }

.accordion-block {
  overflow: hidden; }
  @media (max-width: 767px) {
    .accordion-block {
      margin: 0 -24px 3em; } }
  @media (min-width: 768px) {
    .accordion-block {
      margin: 0 0 4em; } }
  .accordion-block .tab-frame {
    background: #fff;
    margin: 0 0 12px; }
    @media (min-width: 768px) {
      .accordion-block .tab-frame {
        padding: 20px 15px;
        margin: 0 0 22px; } }
    @media (min-width: 1024px) {
      .accordion-block .tab-frame {
        padding: 36px 42px 41px; } }
    .accordion-block .tab-frame p:last-child {
      margin: 0; }
  @media (min-width: 768px) {
    .accordion-block .table-holder {
      width: 30%; } }
  @media (min-width: 1024px) {
    .accordion-block .table-holder {
      width: 50%; } }
  @media (min-width: 768px) {
    .accordion-block .table-holder + .table-holder {
      width: 70%; } }
  @media (min-width: 1024px) {
    .accordion-block .table-holder + .table-holder {
      width: 50%; } }
  .accordion-block .slide-text {
    padding: 24px; }
    @media (min-width: 768px) {
      .accordion-block .slide-text {
        padding: 10px; } }
    @media (min-width: 1024px) {
      .accordion-block .slide-text {
        padding: 5px; } }

.accordion-opener {
  white-space: nowrap;
  text-align: center;
  display: block;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  margin: 0 0 12px;
  text-decoration: none;
  position: relative;
  border: solid #050505;
  background: #fff;
  padding: 15px 70px 15px 24px;
  border-width: 1px 0;
  border-color: #ccdae7;
  min-height: 114px;
  text-align: left; }
  .accordion-opener:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 82px; }
  .accordion-opener > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%; }
  @media (min-width: 768px) {
    .accordion-opener {
      margin: 12px 0 0;
      font-size: 22px;
      min-height: 90px;
      padding: 15px 80px 15px 48px;
      border: 0; } }
  @media (min-width: 1024px) {
    .accordion-opener {
      margin: 24px 0 0; } }
  .accordion-opener:hover .icon-open-close {
    background: #050505;
    opacity: 1; }
    .accordion-opener:hover .icon-open-close:after, .accordion-opener:hover .icon-open-close:before {
      background: #fff; }
  @media (min-width: 768px) {
    .accordion-opener:after {
      min-height: 60px; } }
  .accordion-opener:hover, .accordion-opener:focus {
    color: #050505; }
  .active .accordion-opener {
    background: #050505;
    color: #fff;
    border-color: #050505; }
  .accordion-opener .icon-open-close {
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out;
    position: absolute;
    right: 21px;
    top: 50%;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 1px solid #050505;
    transform: translate(0, -50%);
    opacity: 0.6; }
    @media (min-width: 768px) {
      .accordion-opener .icon-open-close {
        right: 39px; } }
    .active .accordion-opener .icon-open-close {
      border-color: #fff; }
    .accordion-opener .icon-open-close:after, .accordion-opener .icon-open-close:before {
      transition: background 0.3s ease-in-out;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: #050505;
      width: 14px;
      height: 2px; }
      .active .accordion-opener .icon-open-close:after, .active .accordion-opener .icon-open-close:before {
        background: #fff; }
    .accordion-opener .icon-open-close:after {
      width: 2px;
      height: 14px;
      transform: translate(-50%, -50%), rotate(90deg); }
      .active .accordion-opener .icon-open-close:after {
        display: none; }

.carousel-container {
  padding: 0 0 2.5em; }
  @media (min-width: 768px) {
    .carousel-container {
      padding: 0 0 3.3em; } }
  .carousel-container.all-slides-loaded .load-more {
    display: none; }
  .carousel-container .heading {
    background: #ed1c21;
    color: #fff;
    display: flex; }
    .carousel-container .heading .heading-title {
      text-transform: uppercase;
      font-size: 15px;
      line-height: 1.2;
      letter-spacing: .5px; }
      @media (min-width: 768px) {
        .carousel-container .heading .heading-title {
          font-size: 14px;
          margin-right: auto;
          flex: 1 0; } }
      @media (min-width: 1024px) {
        .carousel-container .heading .heading-title {
          letter-spacing: 1.5px; } }
    .carousel-container .heading .heading-holder {
      padding: 15px 25px;
      min-height: 76px;
      width: 100%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center; }
      @media (min-width: 768px) {
        .carousel-container .heading .heading-holder {
          flex-flow: row nowrap;
          align-items: center; } }
      @media (min-width: 1716px) {
        .carousel-container .heading .heading-holder {
          padding: 15px 5em;
          min-height: 91px; } }
    .carousel-container .heading .arrow-link-holder {
      width: 160px;
      margin: 0 0 0 10px;
      text-align: right; }
  .carousel-container .carousel-box {
    margin: 0; }
    .carousel-container .carousel-box .table {
      margin: 0; }
  @media (max-width: 767px) {
    .carousel-container .carousel-slide {
      width: auto !important;
      left: auto !important;
      float: none;
      opacity: 1 !important; } }
  .carousel-container .carousel-slide.slick-current ~ .slick-slide {
    display: none; }
  .carousel-container .carousel-slide + .carousel-slide .table > tbody > tr:first-child > td {
    border-top: 0; }
  @media (max-width: 767px) {
    .carousel-container .slick-track {
      width: auto !important; } }
  @media (min-width: 768px) {
    .carousel-container .load-more {
      display: none; } }
  .carousel-container .buttons-holder {
    position: relative;
    padding: 2em 0; }
    @media (min-width: 768px) {
      .carousel-container .buttons-holder {
        padding: 1.85em 110px 1.9em;
        text-align: center; } }
  .carousel-container .slick-arrow {
    position: absolute;
    top: 1.7em;
    left: 0;
    width: 100px;
    text-align: left;
    text-indent: 0;
    height: auto;
    margin: 0;
    display: block;
    overflow: visible; }
    .carousel-container .slick-arrow.slick-disabled {
      opacity: .5;
      pointer-events: none;
      cursor: default; }
    .carousel-container .slick-arrow:before {
      display: none; }
    .carousel-container .slick-arrow .arrow-link {
      font-size: 14px; }
      .carousel-container .slick-arrow .arrow-link .arrow-icon {
        width: 29px;
        height: 29px; }
      .carousel-container .slick-arrow .arrow-link.arrow-sm:hover .arrow-icon {
        transform: scale(1.2) translate(0, -50%); }
    .carousel-container .slick-arrow.btn-next {
      left: auto;
      right: 0;
      text-align: right; }
  .carousel-container .slick-dots {
    padding: 2px 0 0;
    font-size: 12px; }
    @media (max-width: 767px) {
      .carousel-container .slick-dots {
        display: none !important; } }
    .carousel-container .slick-dots li {
      padding: 0 11px;
      display: inline-block;
      vertical-align: top; }
      .carousel-container .slick-dots li.slick-active button {
        opacity: 1;
        text-decoration: underline;
        background: 0; }
    .carousel-container .slick-dots button {
      border: 0;
      background: 0;
      color: #5f6062;
      opacity: .5;
      padding: 0;
      text-indent: 0;
      border-radius: 0;
      width: auto;
      height: auto; }
      .carousel-container .slick-dots button:hover {
        background: 0;
        color: #5f6062;
        opacity: 1; }

@media (max-width: 767px) {
  .table.carousel-table {
    background: #e9e9ea; } }
.table.carousel-table .title {
  display: block;
  font-weight: 400;
  line-height: 1.2307;
  margin: 0 0 .5em;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .table.carousel-table .title {
      font-size: 16px;
      margin: 0 0 .15em; } }
.table.carousel-table tr:last-child {
  border-bottom: 1px solid rgba(0, 70, 136, 0.1); }
.table.carousel-table tr > td {
  vertical-align: middle;
  padding: 35px 24px;
  font-size: 13px;
  line-height: 1.5384; }
  @media (min-width: 768px) {
    .table.carousel-table tr > td {
      font-size: 14px;
      padding: 19px 24px; } }
  .table.carousel-table tr > td:first-child {
    padding-right: 0; }
    @media (min-width: 1716px) {
      .table.carousel-table tr > td:first-child {
        padding-left: 5em; } }
  @media (min-width: 1716px) {
    .table.carousel-table tr > td:last-child {
      padding-right: 2.5em; } }
.table.carousel-table .link {
  color: #5f6062;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .table.carousel-table .link {
      font-size: 14px; } }
.table.carousel-table p {
  margin: 0; }

.download-link {
  margin-top: 2em; }
  .download-link a {
    text-transform: uppercase;
    font-weight: 400; }

@media (max-width: 767px) {
  .bordered-box {
    font-size: 13px;
    line-height: 1.5384;
    padding: 0 0 2em; } }
@media (min-width: 768px) {
  .bordered-box {
    line-height: 1.71428;
    padding: 33px 26px;
    border-top: 1px solid rgba(0, 70, 136, 0.4); } }
@media (min-width: 1024px) {
  .bordered-box {
    padding: 40px 30px; } }
@media (min-width: 1716px) {
  .bordered-box {
    padding: 49px 72px; } }
.bordered-box h3 {
  text-transform: none;
  margin: 0 0 1em; }
  @media (min-width: 768px) {
    .bordered-box h3 {
      margin: 0 0 1.1em; } }
.bordered-box p:last-child {
  margin: 0; }

.multilevel-accordion {
  margin: 0 -34px 2em; }
  @media (min-width: 768px) {
    .multilevel-accordion {
      margin: 0 0 2em; } }
  .multilevel-accordion > li {
    padding: 0 0 12px; }
    @media (min-width: 1024px) {
      .multilevel-accordion > li {
        padding: 0 0 24px; } }
    .multilevel-accordion > li > .opener {
      background: #fff;
      border-color: rgba(0, 70, 136, 0.2); }
      @media (min-width: 768px) {
        .multilevel-accordion > li > .opener {
          border-color: #fff;
          min-height: 91px;
          font-size: 22px; }
          .multilevel-accordion > li > .opener:after {
            min-height: 61px; } }
      @media (min-width: 1024px) {
        .multilevel-accordion > li > .opener {
          font-size: 26px; } }
      .multilevel-accordion > li > .opener:hover .icon-open-close:after, .multilevel-accordion > li > .opener:hover .icon-open-close:before {
        background: #fff; }
    .multilevel-accordion > li > .opener-tools {
      border-color: #e3eaf1 !important; }
      .multilevel-accordion > li > .opener-tools img {
        width: 50px;
        margin-right: 20px; }
      .multilevel-accordion > li > .opener-tools .truncate {
        text-overflow: ellipsis;
        width: 70%;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        margin: 0 !important; }
        @media (min-width: 600px) {
          .multilevel-accordion > li > .opener-tools .truncate {
            text-overflow: initial;
            width: initial;
            white-space: initial;
            overflow: initial; } }
    .multilevel-accordion > li > .accordion-slide > ul > li > .opener {
      background: #dfdfe0; }
    .multilevel-accordion > li.active > .opener {
      background: #050505;
      color: #fff;
      border-color: #050505; }
      .multilevel-accordion > li.active > .opener .icon-open-close {
        border-color: #fff; }
        .multilevel-accordion > li.active > .opener .icon-open-close:before {
          background: #fff; }
        .multilevel-accordion > li.active > .opener .icon-open-close:after {
          display: none; }
      @media (min-width: 768px) {
        .multilevel-accordion > li.active > .opener .icon-folder-open-o {
          color: #fff; } }
    .multilevel-accordion > li.active > .opener-tools {
      background: #fff;
      color: #050505;
      border: none; }
      .multilevel-accordion > li.active > .opener-tools .icon-open-close {
        border-color: #050505; }
        .multilevel-accordion > li.active > .opener-tools .icon-open-close:before {
          background: #050505; }
        .multilevel-accordion > li.active > .opener-tools .icon-open-close:after {
          display: none; }
      @media (min-width: 768px) {
        .multilevel-accordion > li.active > .opener-tools .icon-folder-open-o {
          color: #fff; } }
      .multilevel-accordion > li.active > .opener-tools .truncate {
        text-overflow: initial;
        white-space: initial;
        overflow: initial;
        position: relative;
        top: 20px; }
        @media (min-width: 600px) {
          .multilevel-accordion > li.active > .opener-tools .truncate {
            top: 0; } }
      .multilevel-accordion > li.active > .opener-tools:hover .icon-open-close:after, .multilevel-accordion > li.active > .opener-tools:hover .icon-open-close:before {
        background: #fff; }
    .multilevel-accordion > li.tool-tab.active {
      border-top: 1px solid #e3eaf1;
      border-bottom: 1px solid #e3eaf1;
      padding: 0;
      margin-bottom: 24px; }
  .multilevel-accordion .opener {
    white-space: nowrap;
    text-align: center;
    display: block;
    background: #e3eaf1;
    padding: 20px;
    text-decoration: none;
    font-size: 20px;
    line-height: 1.25;
    padding: 15px 70px 15px 34px;
    min-height: 114px;
    text-align: left;
    letter-spacing: 1px;
    position: relative;
    border: solid #e3eaf1;
    border-width: 1px 0;
    margin: 0 0 -1px; }
    .multilevel-accordion .opener:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 0;
      min-height: 82px; }
    .multilevel-accordion .opener > * {
      white-space: normal;
      display: inline-block;
      vertical-align: middle;
      max-width: 99%; }
    @media (min-width: 768px) {
      .multilevel-accordion .opener {
        min-height: 68px;
        font-size: 22px; }
        .multilevel-accordion .opener:after {
          min-height: 38px; } }
    @media (min-width: 1024px) {
      .multilevel-accordion .opener {
        padding-left: 49px;
        padding-right: 95px; } }
    .multilevel-accordion .opener:hover, .multilevel-accordion .opener:focus {
      color: #ed1c21; }
    .multilevel-accordion .opener:hover .icon-open-close {
      background: #ed1c21;
      border: 1px solid #ed1c21;
      opacity: 1; }
         .multilevel-accordion li.active .opener:hover .icon-open-close {
            background: #050505;
         }
         .sc-products .multilevel-accordion li.active .opener:hover .icon-open-close,
         .sc-category.multilevel-accordion li.active .opener:hover .icon-open-close {
            background: #ed1c21;
         }

        .multilevel-accordion .accordion-slide li .opener:hover .icon-open-close {
            background: #ed1c21;
        }

        .multilevel-accordion .accordion-slide li.active .opener:focus .icon-open-close:after {
            color: #ed1c21;
        }
          .multilevel-accordion .accordion-slide li.active .opener:hover .icon-open-close:after {
            color: #fff;
        }
      .multilevel-accordion .opener:hover .icon-open-close:after, .multilevel-accordion .opener:hover .icon-open-close:before {
        color: #fff; }
    .multilevel-accordion .opener .icon-folder-open-o {
      display: inline-block;
      vertical-align: top;
      margin: 3px 10px 0 0; }
      @media (min-width: 768px) {
        .multilevel-accordion .opener .icon-folder-open-o {
          color: #9c9d9e; } }
    .multilevel-accordion .opener .icon-open-close {
      transition: background 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out;
      position: absolute;
      right: 21px;
      top: 50%;
      width: 38px;
      height: 38px;
      border-radius: 100%;
      border: 1px solid #050505;
      transform: translate(0, -50%);
      opacity: 0.6; }
      @media (min-width: 1024px) {
        .multilevel-accordion .opener .icon-open-close {
          right: 50px; } }
      .active .multilevel-accordion .opener .icon-open-close {
        border-color: #fff; }
      .multilevel-accordion .opener .icon-open-close:after, .multilevel-accordion .opener .icon-open-close:before {
        transition: background 0.3s ease-in-out;
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #050505;
        width: 14px;
        height: 2px; }
        .active .multilevel-accordion .opener .icon-open-close:after, .active .multilevel-accordion .opener .icon-open-close:before {
          background: #fff; }
      .multilevel-accordion .opener .icon-open-close:after {
        width: 2px;
        height: 14px;
        transform: translate(-50%, -50%), rotate(90deg); }
        .active .multilevel-accordion .opener .icon-open-close:after {
          display: none; }
  .multilevel-accordion ul > li > .opener .icon-open-close {
    border: 0;
    opacity: 1; }
    .multilevel-accordion ul > li > .opener .icon-open-close:before {
      display: none; }
    .multilevel-accordion ul > li > .opener .icon-open-close:after {
      content: "\e903";
      background: 0;
      transform: translate(-50%, -50%);
      width: auto;
      height: auto;
      color: #050505;
      font-size: 16px; }
  .multilevel-accordion ul > li.active > .opener .icon-open-close:after {
    transform: translate(-50%, -50%) rotate(180deg); }
  .multilevel-accordion .accordion-slide.border-section {
    padding: 37px 35px;
    background: #fff; }
    .multilevel-accordion .accordion-slide.border-section .section {
      border-top: 1px solid #e3eaf1;
      padding-top: 20px; }
    @media (min-width: 1024px) {
      .multilevel-accordion .accordion-slide.border-section {
        padding: 29px 49px; } }
    .multilevel-accordion .accordion-slide.border-section .slide-text, .multilevel-accordion .accordion-slide.border-section .slide-images {
      background: #fff;
      padding: 0 !important; }
      @media (min-width: 1024px) {
        .multilevel-accordion .accordion-slide.border-section .slide-text, .multilevel-accordion .accordion-slide.border-section .slide-images {
          padding: 0 !important; } }
      .multilevel-accordion .accordion-slide.border-section .slide-text p:last-child, .multilevel-accordion .accordion-slide.border-section .slide-images p:last-child {
        margin: 0; }
      .multilevel-accordion .accordion-slide.border-section .slide-text .check-list:last-child li:last-child, .multilevel-accordion .accordion-slide.border-section .slide-images .check-list:last-child li:last-child {
        padding: 0; }
  .multilevel-accordion .slide-text, .multilevel-accordion .slide-images {
    background: #fff;
    padding: 37px 35px; }
    @media (min-width: 1024px) {
      .multilevel-accordion .slide-text, .multilevel-accordion .slide-images {
        padding: 29px 49px; } }
    .multilevel-accordion .slide-text p:last-child, .multilevel-accordion .slide-images p:last-child {
      margin: 0; }
    .multilevel-accordion .slide-text .check-list:last-child li:last-child, .multilevel-accordion .slide-images .check-list:last-child li:last-child {
      padding: 0; }
    .multilevel-accordion .slide-text.question-tab, .multilevel-accordion .slide-images.question-tab {
      background: #f9f9f9; }
      @media (min-width: 768px) {
        .multilevel-accordion .slide-text.question-tab, .multilevel-accordion .slide-images.question-tab {
          background: #fff; } }
  .multilevel-accordion .row.slide-images {
    margin: 0 !important; }
    .multilevel-accordion .row.slide-images .tool-item {
      padding: 0;
      font-size: 10px; }
      .multilevel-accordion .row.slide-images .tool-item img {
        padding: 0; }
      .multilevel-accordion .row.slide-images .tool-item .tool-item-name {
        display: none;
        position: absolute;
        background: white;
        left: 0;
        right: 0;
        padding: 0 10px;
        margin-top: -10px;
        font-size: 10px; }
        .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close {
          position: absolute;
          right: 21px;
          top: 50%;
          opacity: 0.6; }
          .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: #747576;
            width: 14px;
            height: 2px; }
            @media (min-width: 1024px) {
              .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:after {
                width: 10px; } }
            @media (min-width: 1300px) {
              .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:after {
                width: 14px; } }
          .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: #747576;
            width: 14px;
            height: 2px; }
            @media (min-width: 1024px) {
              .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:before {
                width: 10px; } }
            @media (min-width: 1300px) {
              .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:before {
                width: 14px; } }
          .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:after {
            width: 2px;
            height: 14px; }
            @media (min-width: 1024px) {
              .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:after {
                height: 10px; } }
            @media (min-width: 1300px) {
              .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close:after {
                height: 14px; } }
          @media (min-width: 1024px) {
            .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close {
              right: 10px; } }
          @media (min-width: 1300px) {
            .multilevel-accordion .row.slide-images .tool-item .tool-item-name .icon-open-close {
              right: 15px; } }
        @media (min-width: 1024px) {
          .multilevel-accordion .row.slide-images .tool-item .tool-item-name {
            font-size: 8px;
            padding: 0 8px; } }
        @media (min-width: 1300px) {
          .multilevel-accordion .row.slide-images .tool-item .tool-item-name {
            font-size: 10px;
            padding: 0 8px; } }
      .multilevel-accordion .row.slide-images .tool-item.texture:hover {
        transform: none;
        background: #fff;
        cursor: default;
        transition: none; }
        .multilevel-accordion .row.slide-images .tool-item.texture:hover img {
          transform: none; }
      .multilevel-accordion .row.slide-images .tool-item:hover {
        cursor: pointer; }
      @media (min-width: 768px) {
        .multilevel-accordion .row.slide-images .tool-item:hover {
          transform: scale(1.5);
          z-index: 9999999;
          background: #fff;
          transition: all 0.2s linear; }
          .multilevel-accordion .row.slide-images .tool-item:hover img {
            transform: scale(0.8); }
          .multilevel-accordion .row.slide-images .tool-item:hover .tool-item-name {
            display: block; } }
  .multilevel-accordion .questions {
    border-bottom: 1px solid #e3eaf1;
    padding: 20px 0; }
    .multilevel-accordion .questions .title {
      color: #747576;
      font-weight: 500; }
  .multilevel-accordion .slide-list {
    font-size: 15px;
    line-height: 1;
    font-weight: 400; }
    @media (min-width: 768px) {
      .multilevel-accordion .slide-list {
        font-size: 16px; } }
    .multilevel-accordion .slide-list > li {
      padding: 35px 35px 45px;
      border-bottom: 1px solid rgba(0, 70, 136, 0.2);
      background: #fff; }
      @media (min-width: 768px) {
        .multilevel-accordion .slide-list > li {
          display: flex;
          justify-content: space-between; } }
      @media (min-width: 1024px) {
        .multilevel-accordion .slide-list > li {
          padding: 33px 49px 15px; } }
      .multilevel-accordion .slide-list > li:last-child {
        border: 0; }
  .multilevel-accordion .slide-list-holder {
    padding: 0 0 12px; }
    @media (min-width: 768px) {
      .multilevel-accordion .slide-list-holder {
        padding: 0;
        flex: 1 0; } }
  .multilevel-accordion .title {
    display: block;
    color: #050505;
    margin: 0 0 7px; }
    @media (min-width: 768px) {
      .multilevel-accordion .title {
        margin: 0 0 10px; } }
  .multilevel-accordion .size {
    display: block;
    text-transform: uppercase;
    color: #b8c3d4;
    margin: 0 0 6px; }
 .multilevel-accordion .size:hover {
     color: #ed1c21;
 }


    @media (min-width: 768px) {
      .multilevel-accordion .size {
        font-size: 12px; } }
  .multilevel-accordion .link {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 768px) {
      .multilevel-accordion .link {
        margin: 0 0 0 10px;
        font-size: 14px;
        width: 70px;
        text-align: right; } }

.sc-tag-groups .multilevel-accordion {
  margin: 0; }
  .sc-tag-groups .multilevel-accordion .opener {
    color: #ed1c21;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .5px;
    min-height: unset;
    padding: 0; }
    .sc-tag-groups .multilevel-accordion .opener:hover .icon-open-close {
      background: #ed1c21; }
    .sc-tag-groups .multilevel-accordion .opener .icon-open-close {
      border-color: #ed1c21;
      height: 30px;
      right: 0;
      width: 30px; }
      .sc-tag-groups .multilevel-accordion .opener .icon-open-close:before, .sc-tag-groups .multilevel-accordion .opener .icon-open-close:after, .sc-tag-groups .multilevel-accordion .opener .icon-open-close:hover {
        background: #ed1c21; }
  .sc-tag-groups .multilevel-accordion li {
    padding-bottom: 0; }
    .sc-tag-groups .multilevel-accordion li.active > .opener {
      background: #fff;
      border-color: #fff;
      color: #ed1c21; }
      @media (max-width: 767px) {
        .sc-tag-groups .multilevel-accordion li.active > .opener {
          background: transparent; } }
    @media (max-width: 767px) {
      .sc-tag-groups .multilevel-accordion li > .opener {
        background: transparent;
        border: none; } }

/* Submittals widget */
.sc-submittal .link,
.sc-submittal .icon-remove,
.sc-submittal .jcf-radio,
.sc-submittal input[type="radio"] {
  cursor: pointer; }

.sc-submittal .link.disabled,
.sc-submittal .icon-remove.disabled,
.sc-submittal .jcf-disabled,
.sc-submittal .jcf-disabled input[type="radio"],
.sc-submittal .arrow-link[disabled="disabled"] {
  cursor: default; }

.sc-submittal .left-bar .info-text {
  margin: 0; }

.sc-submittal .step-list span.disabled {
  cursor: default; }

.sc-submittal .step-list .circle {
  cursor: pointer; }

.sc-submittal .arrow-link {
  cursor: pointer; }

.sc-submittal .jcf-radio.jcf-checked.jcf-disabled {
  background: #050505 !important; }

.sc-submittal .jcf-radio.jcf-unchecked.jcf-disabled {
  background: transparent !important; }

.sc-submittal .btn[disabled] {
  cursor: default;
  opacity: unset; }

.sc-submittal .check-list label {
  padding-left: 2px; }

.sc-submittal .second-modal {
  z-index: 1000; }

@media (min-width: 768px) {
  .sc-submittal .multilevel-accordion .title {
    margin: 0; } }
.sc-submittal .multilevel-accordion .slide-list > li {
  padding: 20px 35px; }
  @media (min-width: 1024px) {
    .sc-submittal .multilevel-accordion .slide-list > li {
      padding: 20px 49px; } }

@media (min-width: 768px) {
    .sc-submittal .sc-document-cart.sc-scrollable {
        max-height: 380px;
        overflow: auto;
        padding-right: 10px;
    }
}

.sc-submittal .none-border-bottom {
    border-bottom: none !important;
}

.sc-submittal .none-border-top {
    border-top: none !important;
}

.sc-submittal .accordion-slide.sc-scrollable {
    max-height: 400px;
    overflow: auto;
}


.sc-submittal .left-bar .inline-row {
    padding: 0;
}

@media (max-width: 691px){
    .sc-submittal .left-bar .inline-row {
       display: flex;
       margin: -25px;
       padding: 35px 0;
     }
     .sc-submittal .left-bar .inline-row p {
       margin-right: 15px;
     }
}



/* Download Center Widget */
.sc-download-center-widget .arrow-link,
.sc-download-center-widget .icon-remove,
.sc-download-center-widget .link,
.sc-download-center-widget .link-remove {
  cursor: pointer; }

@media (min-width: 768px) {
    .sc-download-center-widget .sc-document-cart.sc-scrollable {
        max-height: 380px;
        overflow: auto;
        padding-right: 10px;
    }
}

.sc-download-center-widget .accordion-slide.sc-scrollable {
    max-height: 450px;
    overflow: auto;
}

.sc-download-center-widget .btn-warning {
    background-color: #ed1c21;
    border-color: #ed1c21;
}

.block-education-program-logos {
  margin: 30px 0;
  padding: 40px; }
  .block-education-program-logos .list-logos {
    display: flex;
    padding: 0; }
    .block-education-program-logos .list-logos li {
      list-style: none;
      padding: 10px 15px 10px 0; }
      @media (min-width: 480px) {
        .block-education-program-logos .list-logos li {
          padding-right: 40px; } }

.education-programs-block {
  margin: 40px 0;
  padding-left: 40px; }
  .education-programs-block .intro-programs-block {
    margin-bottom: 40px; }
  .education-programs-block .multilevel-accordion li .accordion-slide {
    border-bottom: 1px solid #c7d5e2; }
    @media (min-width: 768px) {
      .education-programs-block .multilevel-accordion li .accordion-slide {
        border: 0; } }
    .education-programs-block .multilevel-accordion li .accordion-slide .slide-text {
      background: #f9f9f9; }
      @media (min-width: 768px) {
        .education-programs-block .multilevel-accordion li .accordion-slide .slide-text {
          background: #fff; } }
      .education-programs-block .multilevel-accordion li .accordion-slide .slide-text .subtitle {
        font-weight: 400; }
      @media (min-width: 768px) {
        .education-programs-block .multilevel-accordion li .accordion-slide .slide-text .dots-list  {
          border-bottom: 1px solid #c7d5e2;
          padding-bottom: 40px; } }

@media (min-width: 768px) {
  .container-study-case {
    background: #ebebeb; } }
.container-study-case.body-bg {
  background: #f9f9f9; }

.dark-bg-study-case {
  position: relative;
  padding: 40px 40px 0 40px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .dark-bg-study-case {
      padding: 0 70px;
      margin: 0; } }
  @media (min-width: 1024px) {
    .dark-bg-study-case {
      margin: 0; } }
  @media (min-width: 1716px) {
    .dark-bg-study-case {
      margin: 0 auto; } }

.dark-bg-text-study-case {
  background: #fff;
  z-index: 1;
  margin-top: 100px;
  padding: 30px; }
  .dark-bg-text-study-case h1 {
    position: absolute;
    top: -90px;
    left: 10px; }
    @media (min-width: 768px) {
      .dark-bg-text-study-case h1 {
        position: relative;
        top: 0;
        padding: 0;
        left: 0; } }
  @media (min-width: 768px) {
    .dark-bg-text-study-case {
      background: transparent;
      margin-top: 5px;
      max-width: 589px;
      padding: 30px 0;
      margin-left: -5px;
      padding-right: 25px; } }
  @media (min-width: 1024px) {
    .dark-bg-text-study-case {
      background: transparent;
      margin-top: 60px;
      padding-right: 70px; } }
  @media (min-width: 1300px) {
    .dark-bg-text-study-case {
      margin-top: 100px;
      padding-right: 120px;
      padding-left: 30px; } }
  @media (min-width: 1716px) {
    .dark-bg-text-study-case {
      padding-left: 70px; } }

.dark-bg-image-study-case {
  position: absolute;
  top: 53px;
  right: 0;
  width: 60%;
  padding: 0;
  margin: 0; }
  @media (min-width: 1300px) {
    .dark-bg-image-study-case img {
      float: right; } }
  @media (min-width: 1716px) {
    .dark-bg-image-study-case img {
      margin-right: -150px; } }
  @media (min-width: 480px) {
    .dark-bg-image-study-case {
      width: 50%; } }
  @media (min-width: 600px) {
    .dark-bg-image-study-case {
      width: 40%; } }
  @media (min-width: 700px) {
    .dark-bg-image-study-case {
      width: 30%; } }
  @media (min-width: 768px) {
    .dark-bg-image-study-case {
      width: 50%;
      position: relative;
      top: 0;
      right: -60px; } }
  @media (min-width: 1300px) {
    .dark-bg-image-study-case {
      right: -15%; } }

/* STUDY CASE TABS */
.container-tabs-study-case {
  padding: 0 40px; }
  .container-tabs-study-case .js-tab-hidden {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important; }
  @media (min-width: 768px) {
    .container-tabs-study-case {
      margin-top: -100px; } }
  @media (min-width: 900px) {
    .container-tabs-study-case {
      margin-top: -150px; } }
  @media (min-width: 1024px) {
    .container-tabs-study-case {
      margin-top: -150px;
      padding: 0 0 0 118px; } }
  @media (min-width: 1300px) {
    .container-tabs-study-case {
      margin-top: -15%; } }
  .container-tabs-study-case.spaces {
    padding: 0 41px; }
    @media (min-width: 769px) {
      .container-tabs-study-case.spaces {
        padding: 0 40px 0 65px; } }
    @media (min-width: 1301px) {
      .container-tabs-study-case.spaces {
        padding: 0 40px 0 95px;
        max-width: 1724px; } }
    @media (min-width: 1717px) {
      .container-tabs-study-case.spaces {
        padding-left: 137px;
        margin: -15% auto 0; } }

.description-tabs-study-case {
  padding: 30px;
  color: #fff; }
  @media (min-width: 768px) {
    .description-tabs-study-case {
      width: 46.333333%;
      padding: 40px; } }
  @media (min-width: 1024px) {
    .description-tabs-study-case {
      width: 40.333333%;
      max-width: 462.22px;
      padding: 50px; } }
  @media (min-width: 1716px) {
    .description-tabs-study-case {
      max-width: 100%;
      padding: 70px; } }
  .description-tabs-study-case h2 {
    text-transform: capitalize; }
  .description-tabs-study-case .arrow-link-holder .arrow-link .arrow-icon {
    background: #fff;
    color: #ed1c21; }

.list-tabs-study-case {
  padding: 40px; }
  @media (min-width: 768px) {
    .list-tabs-study-case {
      width: 50.666667%; } }
  @media (min-width: 1024px) {
    .list-tabs-study-case {
      width: 45.666667%;
      padding: 50px;
      max-width: 523.33px; } }
  @media (min-width: 1300px) {
    .list-tabs-study-case {
      padding: 75px 50px 0 100px; } }
  @media (min-width: 1716px) {
    .list-tabs-study-case {
      max-width: 100%; } }
  .list-tabs-study-case li {
    list-style: none;
    margin-bottom: 30px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    display: block; }
    .list-tabs-study-case li span {
      border-bottom: 1px solid #050505;
      width: 30px;
      float: left;
      color: #050505;
      margin: -20px -50px; }
    @media (min-width: 910px) {
      .list-tabs-study-case li {
        margin-bottom: 50px; }
        .list-tabs-study-case li:last-child {
          margin: 0; } }
    @media (min-width: 1024px) {
      .list-tabs-study-case li {
        display: block;
        margin-bottom: 60px; } }
    @media (min-width: 1716px) {
      .list-tabs-study-case li {
        display: block; } }

.container-video-study-case {
  margin: 50px 15px; }
  @media (min-width: 768px) {
    .container-video-study-case {
      margin: 100px 34px 0 34px; } }
  @media (min-width: 1300px) {
    .container-video-study-case {
      margin: 100px 34px 0 65px; } }
  @media (min-width: 1716px) {
    .container-video-study-case {
      margin: 0 auto;
      max-width: 1724px;
      padding: 122px; } }
  .container-video-study-case .video-holder {
    padding: 0;
    margin: 0 -19px; }
    @media (min-width: 768px) {
      .container-video-study-case .video-holder {
        margin: 0; } }
    @media (min-width: 1024px) {
      .container-video-study-case .video-holder {
        padding-left: 65px;
        margin-right: 20px; } }
    @media (min-width: 1300px) {
      .container-video-study-case .video-holder {
        margin-right: 50px; } }

.row-blue-study-case {
  padding: 40px;
  text-align: center;
  margin: 100px 0; }
  @media (min-width: 768px) {
    .row-blue-study-case {
      padding: 60px; } }
  .row-blue-study-case p {
    max-width: 500px;
    display: block;
    margin: 0 auto; }
  .row-blue-study-case span {
    border-bottom: 1px solid #fff;
    width: 60px;
    color: #fff;
    padding: 0 20px; }

.img-row-study-case {
  margin: 50px 0; }
  .img-row-study-case .text {
    padding: 26px; }
    .img-row-study-case .text .item {
      padding: 0;
      margin: 0; }
      @media (min-width: 768px) {
        .img-row-study-case .text .item {
          padding: 0 30px 0 0; } }
    @media (min-width: 768px) {
      .img-row-study-case .text {
        padding: 49px 49px 100px 49px;
        background: #ebebeb; } }
    @media (min-width: 1300px) {
      .img-row-study-case .text {
        padding: 50px 50px 150px; } }
    .img-row-study-case .text.row {
      margin: 0; }
  @media (min-width: 768px) {
    .img-row-study-case {
      margin: 100px 0;
      margin-bottom: -90px; } }
  @media (min-width: 1716px) {
    .img-row-study-case {
      margin: 100px auto -100px;
      max-width: 1724px; } }

.search-results.container-fluid {
  max-width: 1686px; }
.search-results h1 {
  margin: 0 0 0.15em; }
.search-results .heading-block.heading-block-results {
  width: 100%;
  background: #fff; }
.search-results .heading-block-results {
  background: #fff; }
  @media (min-width: 768px) {
    .search-results .heading-block-results {
      margin: 0; } }
@media (min-width: 768px) {
  .search-results .result-holder {
    border-top: 1px solid #050505;
    padding: 20px 15px; } }
@media (min-width: 1024px) {
  .search-results .result-holder {
    padding: 26px 23px; } }
.search-results .arrow-link-holder {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5ecf3; }
.search-results .arrow-link .arrow-icon:before {
  content: "\e903"; }
.search-results .pagination-container {
  position: relative; }
  .search-results .pagination-container button {
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    display: inline-block;
    vertical-align: top;
    text-indent: -9999px;
    overflow: hidden;
    background: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    z-index: 10;
    color: #727374;
    outline: none;
    position: absolute;
    top: 0;
    right: 40px;
    margin: 0; }
    .search-results .pagination-container button:hover {
      color: #050505; }
    .search-results .pagination-container button.next-page {
      right: 0; }
    .search-results .pagination-container button:before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "\e902";
      font-family: "icomoon";
      text-indent: 0;
      font-size: 18px; }
    .search-results .pagination-container button.next-page:before {
      content: "\e901"; }
  .search-results .pagination-container .pagination {
    border-bottom: 1px solid #ccd5de;
    padding: 0 63px 9px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    right: 0;
    top: 3px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none; }
    @media (max-width: 767px) {
      .search-results .pagination-container .pagination {
        display: none; } }
    @media (min-width: 768px) {
      .search-results .pagination-container .pagination {
        border-bottom: 1px solid #ccd5de;
        padding: 0 63px 9px 0;
        margin: 0;
        justify-content: flex-start;
        position: absolute;
        right: 0;
        top: 3px;
        width: 100%; } }
    .search-results .pagination-container .pagination a {
      border: none; }
      @media (min-width: 768px) {
        .search-results .pagination-container .pagination a {
          width: 29px;
          height: 21px;
          text-align: center;
          text-indent: 0;
          background: 0 !important;
          font-size: 10px;
          color: #a3b2c9;
          position: relative;
          border-radius: 0;
          overflow: visible; } }
      .search-results .pagination-container .pagination a:before {
        content: "0"; }
      .search-results .pagination-container .pagination a:hover {
        color: #050505; }
    @media (min-width: 768px) {
      .search-results .pagination-container .pagination li {
        padding: 0 28px 0 0; } }
    @media (min-width: 768px) {
      .search-results .pagination-container .pagination li.active a {
        color: #050505; } }
    @media (min-width: 768px) {
      .search-results .pagination-container .pagination li.active a:after {
        content: "";
        background: #050505;
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        height: 1px; } }
.search-results .bordered-result:last-child .arrow-link-holder {
  border-color: transparent;
  margin-bottom: 0; }
.search-results .search-results-footer {
  padding: 0 25px 100px 25px; }
  @media (min-width: 768px) {
    .search-results .search-results-footer {
      background: #fff; } }
  @media (min-width: 1716px) {
    .search-results .search-results-footer {
      padding: 0 73px 100px 73px; } }

.bordered-result {
  padding: 0 30px; }
  @media (min-width: 1716px) {
    .bordered-result {
      padding: 0 72px; } }
  @media (min-width: 768px) {
    .bordered-result .result-holder {
      border-top: 1px solid #050505;
      padding: 20px 15px; } }
  @media (min-width: 1024px) {
    .bordered-result .result-holder {
      padding: 26px 23px; } }
  .bordered-result h2 {
    font-size: 25px;
    line-height: 37px;
    margin: 0 0 .5em;
    text-transform: none; }
    @media (min-width: 768px) {
      .bordered-result h2 {
        font-size: 20px;
        line-height: 1.25; } }
    @media (min-width: 1024px) {
      .bordered-result h2 {
        font-size: 26px; } }
  .bordered-result p {
    margin-bottom: 15px;
    line-height: 1.71428; }
  @media (min-width: 768px) {
    .bordered-result.no-border > .result-holder {
      border: 0;
      padding: 0; } }

.modal-open.modal-filters-open {
  overflow: visible;
  padding: 0 !important; }
  .modal-open.modal-filters-open .modal-backdrop {
    display: none; }

.modal-color-chart-container {
  padding: 0; }
  .modal-color-chart-container img {
    width: 100%;
    margin-bottom: 20px; }

.modal-color-chart {
  padding: 30px !important; }

.modal .modal-dialog.modal-dialog-color-chart {
  margin: 0 auto; }
  .modal .modal-dialog.modal-dialog-color-chart .modal-body {
    padding: 50px 50px 20px 50px; }
  @media (min-width: 480px) {
    .modal .modal-dialog.modal-dialog-color-chart {
      width: 50%; } }
  @media (min-width: 768px) {
    .modal .modal-dialog.modal-dialog-color-chart {
      width: 30%; } }
  @media (min-width: 1300px) {
    .modal .modal-dialog.modal-dialog-color-chart {
      width: 25%; } }
.modal .modal-dialog {
  top: 50%;
  margin: 62px 25px; }
  @media (min-width: 768px) {
    .modal .modal-dialog {
      margin: 62px auto; } }
  @media (min-width: 1024px) {
    .modal .modal-dialog {
      width: 721px; } }
.modal.in .modal-dialog {
  transform: translate(0, -60%); }
.modal.in .modal-dialog.modal-dialog-color-chart {
  transform: translate(0, -40%); }
.modal .modal-body {
  padding: 25px 26px 30px; }
  @media (min-width: 1024px) {
    .modal .modal-body {
      padding: 66px 70px 58px; } }
@media (min-width: 768px) {
  .modal .modal-content-text {
    line-height: 1.71428; } }
.modal .modal-content-text h2 {
  margin: 0 0 1em; }
  @media (min-width: 1024px) {
    .modal .modal-content-text h2 {
      margin: 0 0 .9em; } }
.modal .modal-content-text p:last-child {
  margin: 0; }
.modal .close {
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out;
  position: absolute;
  right: 0;
  top: -39px;
  text-shadow: none;
  color: #fff;
  font-size: 17px;
  opacity: 1; }
  @media (min-width: 768px) {
    .modal .close {
      background: #fff;
      color: #050505;
      top: -56px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .modal .close .icon-close {
    font-weight: 400; }
  .modal .close:hover {
    opacity: .5; }
    @media (min-width: 768px) {
      .modal .close:hover {
        opacity: .7; } }

@media (min-width: 768px) {
  .modal[data-body-class="modal-filters-open"] {
    position: static;
    display: block !important;
    opacity: 1;
    overflow: visible;
    width: 100%; } }
@media (min-width: 768px) {
  .modal[data-body-class="modal-filters-open"].modal-collapse .modal-body {
    display: flex;
    justify-content: flex-end;
    align-items: center; } }
@media (max-width: 767px) {
  .modal[data-body-class="modal-filters-open"].modal-collapse .modal-content {
    background: #fff; } }
.modal[data-body-class="modal-filters-open"] .modal-dialog {
  transform: none;
  margin: 62px 25px;
  top: auto; }
  @media (min-width: 768px) {
    .modal[data-body-class="modal-filters-open"] .modal-dialog {
      width: 100%;
      margin: 0; } }
  .modal[data-body-class="modal-filters-open"] .modal-dialog.in .modal-dialog {
    transform: none; }
  @media (max-width: 767px) {
    .modal[data-body-class="modal-filters-open"] .modal-dialog:after {
      content: "";
      background: rgba(0, 0, 0, 0.4);
      position: absolute;
      top: -999px;
      left: -999px;
      right: -999px;
      bottom: -999px; } }
.modal[data-body-class="modal-filters-open"] .modal-body {
  padding: 30px 24px 37px; }
  @media (min-width: 768px) {
    .modal[data-body-class="modal-filters-open"] .modal-body {
      padding: 0; } }
.modal[data-body-class="modal-filters-open"] .modal-content {
  z-index: 10;
  background: 0; }
  @media (max-width: 767px) {
    .modal[data-body-class="modal-filters-open"] .modal-content {
      background: #ebebeb; } }
@media (min-width: 768px) {
  .modal[data-body-class="modal-filters-open"] .close {
    display: none; } }

.modal-content {
  box-shadow: none;
  border: 0; }

#footer {
  color: #050505;
  border-top: 1px solid #ed1c21;  
  font-weight: 400;
  font-size: 13px;
  position: relative; }
  @media (min-width: 768px) {
    #footer {
      font-size: 11px; } }
  #footer .text-right {
    text-align: left; }
    @media (min-width: 768px) {
      #footer .text-right {
        text-align: right; } }
  #footer [class^='col'] {
    position: static; }
    @media (min-width: 768px) {
      #footer [class^='col'] {
        position: relative; } }
    #footer [class^='col'].bottom-footer-frame {
      position: relative; }

.footer-list {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  margin: 0; }
  @media (min-width: 768px) {
    .footer-list {
      font-size: 10px;
      flex: 1 0; } }
  @media (min-width: 1024px) {
    .footer-list {
      letter-spacing: 2px; } }
  .footer-list.multi-columns {
    margin: 0; }
    @media (min-width: 1024px) {
      .footer-list.multi-columns {
        column-count: 3;
        column-gap: 30px; } }
    @media (min-width: 1716px) {
      .footer-list.multi-columns {
        column-gap: 100px; } }
  .footer-list li {
    padding: 0 0 26px; }
    @media (min-width: 768px) {
      .footer-list li {
        padding: 0 0 11px; } }
    .footer-list li.active a {
      color: #ed1c21; }
  .footer-list a {
    color: inherit;
    text-decoration: none;
    color: #050505; }
    .footer-list a:hover {
      color: #ed1c21; }

.footer-contact {
  padding: 0 40px 38px 0;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .footer-contact {
      padding: 0 0 20px; } }
  .footer-contact a {
    color: #050505;
    text-decoration: none; }
    .footer-contact a:hover {
      color: #ed1c21; }
    .footer-contact a.tel-link {
      font-weight: 300;
      font-size: 21px;
      line-height: 1.6; }
      @media (min-width: 768px) {
        .footer-contact a.tel-link {
          font-size: 26px;
          line-height: .5; } }
    .footer-contact a.email-link {
      font-size: 14px; }
      @media (min-width: 768px) {
        .footer-contact a.email-link {
          font-size: 11px; } }
  .footer-contact .title {
    display: block; }
    @media (min-width: 768px) {
      .footer-contact .title {
        margin: 0 0 12px; } }

.top-footer {
  padding: 41px 0 6px; }
  @media (min-width: 768px) {
    .top-footer {
      padding: 52px 0 25px; } }
  @media (min-width: 1024px) {
    .top-footer {
      padding: 52px 0 50px; } }

.bottom-footer {
  position: relative;
  padding: 33px 0 17px; }
  @media (min-width: 768px) {
    .bottom-footer {
      padding: 47px 0 48px; } }
  .bottom-footer:before {
    content: "";
    background: #f1f1f1;
    position: absolute;
    top: 0;
    height: 1px;
    right: 28px;
    left: 28px; }

.bottom-footer-frame {
  padding-top: 31px; }
  @media (min-width: 768px) {
    .bottom-footer-frame {
      padding-top: 0; } }
  .bottom-footer-frame:before {
    content: "";
    background: #050505;
    position: absolute;
    top: 0;
    height: 1px;
    right: 15px;
    left: 15px; }
    @media (min-width: 768px) {
      .bottom-footer-frame:before {
        display: none; } }

.footer-logo {
  width: 64px;
  margin: 0 0 7px; }
  @media (min-width: 768px) {
    .footer-logo {
      width: 100px; } }
  @media (min-width: 768px) {
    .footer-logo {
      margin: 0 20px 0 0; } }
  @media (min-width: 1024px) {
    .footer-logo {
      margin: 0 40px 0 0; } }
  @media (min-width: 1300px) {
    .footer-logo {
      margin: 0 62px 0 0; } }
  @media (min-width: 1716px) {
    .footer-logo {
      margin: 0 15em 0 0; } }

@media (min-width: 768px) {
  .copyright {
    flex: 1 0;
    margin: 0; } }

@media (min-width: 768px) {
  .gorizontal-list {
    display: flex;
    align-items: center; } }
@media (min-width: 768px) {
  .gorizontal-list.top-align {
    align-items: flex-start; } }
@media (min-width: 1716px) {
  .gorizontal-list.top-align {
    padding: 0 12em 0 0; } }

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





/*SC Category and SC Product widgets*/
.sc-categories .products-list .img img,
.sc-category .systems-list .img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

@media (min-width: 1300px) {
    .sc-category .systems-list .arrow-link-holder {
        padding-left: 20px;
    }
}

@media (min-width: 768px) {
    .sc-product-features  {
        border-bottom: 1px solid #050505;
        padding-bottom: 40px; 
    } 
}
.sc-category .breadcrumb a, .sc-category li:before,
.sc-products .breadcrumb a, .sc-products li:before,
.sc-products .breadcrumb > li + li:before {
    color: #050505;
}
.sc-category .breadcrumb a:hover,
.sc-products .breadcrumb a:hover { 
    color: #ed1c21;
}
.sc-products .heading-text {
    margin-bottom: 40px;
}
.sc-product-features ul {
    list-style: none;
    padding-left: 0;
}
.sc-product-features h3 {
    margin: 0 0 1.4em;
}
@media (min-width: 1024px) {
    .sc-product-features h3 {
        margin: 0 0 1.5em;
    }
}
.sc-product-features li:after {
    top: 2px;
}
.sc-products h2.bordered-title, .sc-category h2.bordered-title {
    border-bottom: 1px solid #050505;
}
.sc-products .sidebar .img {
    height: 216px;
    width: 216px;
    margin: 0 auto 4em; 
}
@media (min-width: 1716px) {
    .sc-products .sidebar .img {
        height: 258px;
        width: 258px;
        margin: 0 auto 3.2em; 
    } 
}
.sc-products .sidebar img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

/*Grout Calculator*/
.sc-grout-calculator {
    margin-left: -24px;
    margin-right: -24px;
}
@media (min-width: 768px) {
  .sc-grout-calculator {
    margin: 0;
    padding: 0;
  }
}

.sc-grout-calculator .container-frame {
  background: #fff;
  padding: 0 24px;
}

.sc-grout-calculator .container-frame+.container-frame {
  margin-top: 25px;
}

@media (min-width: 1716px){
  .sc-grout-calculator .container-frame {
    padding: 30px 72px;
  }
}

.sc-grout-calculator .table > thead > tr > th {
  border: none;
  color: #ed1c21;
  font-weight: normal;
  font-size: 14px;
  height: 48px;
  padding: 10px 0 17px;
}

.sc-grout-calculator .table tbody > tr {
  border-bottom: 1px solid #efefef;
}

.sc-grout-calculator td {
  font-size: 12px;
  letter-spacing: 1px;
  width: 50%;
}

.sc-grout-calculator img {
  display: block;
  margin: 0 auto;
}

.sc-grout-calculator input {
  text-align: center;
}

.sc-grout-calculator .filter-dropdown-btn,
.sc-grout-calculator .dropdown-menu .li-dropdown-item {
  font-size: 12px;
  padding: 2px 12px;
  text-transform: none;
}

.sc-grout-calculator .filter-dropdown-btn .btn:active, 
.sc-grout-calculator .filter-dropdown-btn .btn.active {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.sc-grout-calculator .filter-dropdown-btn:hover {
  background-color: #fff;
}

.sc-grout-calculator .dropdown-menu .li-dropdown-item {
  border-bottom: 1px solid transparent;
} 

.sc-grout-calculator .dropdown-menu .li-dropdown-item.active, 
.sc-grout-calculator .dropdown-menu .li-dropdown-item:hover {
  border-bottom-color: #ed1c21;
}
.sc-grout-calculator .dropdown-menu .li-dropdown-item:hover {
  cursor: pointer;
} 

.sc-grout-calculator .arrow-link  {
  text-decoration: underline;
  font-weight: 300;
  color: #ed1c21 
}

.sc-grout-calculator .arrow-link:hover {
  cursor: pointer;
}