@charset "UTF-8";
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

html {
  scroll-behavior: smooth; }
  html.no-scroll {
    overflow: hidden; }
    html.no-scroll .page,
    html.no-scroll body {
      overflow: hidden; }

html,
body {
  overflow-x: hidden;
  font-family: "HelveticaNeue", Arial, sans-serif;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  letter-spacing: 1.3px; }

@media (min-width: 1024px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-border-radius: 100px; }
  ::-webkit-scrollbar:hover {
    background-color: rgba(0, 0, 0, 0.09); }
  ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 100px; }
  ::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.61);
    -webkit-border-radius: 100px; } }

body {
  color: #000000;
  margin: auto;
  background-color: #fff;
  background-repeat: repeat;
  background-size: cover;
  font-size: 16px;
  letter-spacing: normal; }
  @media (max-width: 768px) {
    body {
      width: auto; } }

body.columbus_body {
  background-image: url("/wp-content/themes/columbus//assets/images/alt_bg.jpg"); }

p {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000000;
  font-family: "HelveticaNeue", Arial, sans-serif; }
  p.gray {
    color: #bcbcbc; }
  @media (max-width: 420px) {
    p {
      margin-top: 5px; } }

h1 {
  font-size: 38px; }

h2 {
  font-size: 34px; }

h3 {
  font-size: 30px; }

h4 {
  font-size: 30px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 16px; }

h1,
h2 {
  line-height: 1.5;
  margin-bottom: 35px;
  color: #000000; }
  @media (max-width: 767px) {
    h1,
    h2 {
      font-size: 30px;
      margin-bottom: 24px; } }
  @media (max-width: 420px) {
    h1,
    h2 {
      font-size: 24px;
      margin-bottom: 22px; } }

h3 {
  line-height: 1.3;
  margin-bottom: 25px;
  color: #000000; }

h4 {
  margin: 5px 0;
  line-height: 1.5;
  color: #000000; }

h5 {
  margin: 5px 0;
  line-height: 1.2;
  color: #000000; }

h6 {
  margin-top: 10px;
  margin-top: 20px;
  line-height: 1.2;
  color: #000000; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  position: relative; }
  h1.no-margin-bottom,
  h2.no-margin-bottom,
  h3.no-margin-bottom,
  h4.no-margin-bottom,
  h5.no-margin-bottom,
  h6.no-margin-bottom,
  p.no-margin-bottom {
    margin-bottom: 0px; }
  h1.white,
  h2.white,
  h3.white,
  h4.white,
  h5.white,
  h6.white,
  p.white {
    color: #000000; }
  h1.xl,
  h2.xl,
  h3.xl,
  h4.xl,
  h5.xl,
  h6.xl,
  p.xl {
    font-size: 36px; }
  h1.dark,
  h2.dark,
  h3.dark,
  h4.dark,
  h5.dark,
  h6.dark,
  p.dark {
    color: #000000; }
  h1.center,
  h2.center,
  h3.center,
  h4.center,
  h5.center,
  h6.center,
  p.center {
    text-align: center; }
  h1.white,
  h2.white,
  h3.white,
  h4.white,
  h5.white,
  h6.white,
  p.white {
    color: #fff; }
  h1.bold,
  h2.bold,
  h3.bold,
  h4.bold,
  h5.bold,
  h6.bold,
  p.bold {
    font-weight: bold; }
  h1.ts,
  h2.ts,
  h3.ts,
  h4.ts,
  h5.ts,
  h6.ts,
  p.ts {
    font-size: 8px; }
  h1.tms,
  h2.tms,
  h3.tms,
  h4.tms,
  h5.tms,
  h6.tms,
  p.tms {
    font-size: 10px; }
  h1.xs,
  h2.xs,
  h3.xs,
  h4.xs,
  h5.xs,
  h6.xs,
  p.xs {
    font-size: 12px; }
  h1.sm,
  h2.sm,
  h3.sm,
  h4.sm,
  h5.sm,
  h6.sm,
  p.sm {
    font-size: 16px; }
  h1.md,
  h2.md,
  h3.md,
  h4.md,
  h5.md,
  h6.md,
  p.md {
    font-size: 20px; }
  h1.l,
  h2.l,
  h3.l,
  h4.l,
  h5.l,
  h6.l,
  p.l {
    font-size: 30px; }
  h1.xl,
  h2.xl,
  h3.xl,
  h4.xl,
  h5.xl,
  h6.xl,
  p.xl {
    font-size: 34px; }
  h1.xll,
  h2.xll,
  h3.xll,
  h4.xll,
  h5.xll,
  h6.xll,
  p.xll {
    font-size: 38px; }

a {
  text-decoration: none; }

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px; }
  table th,
  table td {
    font-size: 16px !important;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: left;
    border: 1px solid gray; }
  table th {
    text-align: left;
    font-size: 16px;
    background-color: #fff;
    color: #000000;
    padding: 18px 30px; }
    @media (max-width: 768px) {
      table th {
        padding: 10px; } }
  table td {
    font-size: 12px;
    padding: 15px 30px; }
    @media (max-width: 768px) {
      table td {
        padding: 10px; } }

input {
  min-width: 30%; }

ul li {
  line-height: normal; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.btn,
button,
a.btn {
  min-width: 30%;
  min-width: 200px;
  padding: 10px 30px;
  border-radius: 0px;
  margin-bottom: 10px;
  margin-top: 15px;
  background-color: #30c3f1;
  line-height: 1.2;
  font-size: 12px;
  outline: none;
  font-family: "HelveticaNeueLTStd-BdCn", Arial, sans-serif;
  cursor: pointer;
  color: #FFFFFF;
  letter-spacing: 1.2px;
  background-position: center;
  transition: background 0.8s;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .btn:hover,
  button:hover,
  a.btn:hover {
    background: #30c3f1 radial-gradient(circle, transparent 1%, #ffffff54 1%) center/15000%; }
  .btn:active,
  .btn focus,
  button:active,
  button focus,
  a.btn:active,
  a.btn focus {
    background-color: #6eb9f7;
    background-size: 100%;
    transition: background 0s; }
  .btn + .btn:not(.btn_yellow),
  button + .btn:not(.btn_yellow),
  a.btn + .btn:not(.btn_yellow) {
    margin-left: 20px; }
    @media only screen and (max-width: 420px) {
      .btn + .btn:not(.btn_yellow),
      button + .btn:not(.btn_yellow),
      a.btn + .btn:not(.btn_yellow) {
        margin-left: 0px; } }
  .btn_grey,
  button_grey,
  a.btn_grey {
    display: block;
    color: #000000;
    width: 100%;
    height: 35px;
    background-color: #D7D7D7;
    border-radius: 0px; }
    .btn_grey:hover,
    button_grey:hover,
    a.btn_grey:hover {
      color: #FFFFFF; }
  .btn_sm,
  button_sm,
  a.btn_sm {
    min-width: 100px; }
  .btn_xs,
  button_xs,
  a.btn_xs {
    min-width: 45px;
    font-size: 8px;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1;
    padding: 5px; }
  .btn_link:active, .btn_link:focus, .btn_link:hover,
  button_link:active,
  button_link:focus,
  button_link:hover,
  a.btn_link:active,
  a.btn_link:focus,
  a.btn_link:hover {
    color: #FFFFFF; }
  .btn_yellow,
  button_yellow,
  a.btn_yellow {
    margin-left: 7px; }
    .btn_yellow:before,
    button_yellow:before,
    a.btn_yellow:before {
      content: "";
      position: absolute;
      left: -7px;
      right: -7px;
      top: -7px;
      bottom: -7px;
      background-color: transparent;
      border-radius: 2px;
      -webkit-transition: border 0.3s linear;
      -moz-transition: border 0.3s linear;
      -o-transition: border 0.3s linear;
      transition: border 0.3s linear; }
    .btn_yellow:active, .btn_yellow:focus, .btn_yellow:hover,
    button_yellow:active,
    button_yellow:focus,
    button_yellow:hover,
    a.btn_yellow:active,
    a.btn_yellow:focus,
    a.btn_yellow:hover {
      color: #11231d !important; }
  .btn:active, .btn:focus, .btn:hover,
  button:active,
  button:focus,
  button:hover,
  a.btn:active,
  a.btn:focus,
  a.btn:hover {
    box-shadow: -1px 2px 9px 1px rgba(82, 144, 201, 0.25);
    outline: none; }
  @media only screen and (max-width: 1024px) {
    .btn,
    button,
    a.btn {
      padding: 10px 15px; } }

/*.ripple {
  background-position: center;
  transition: background 0.8s;
}
.ripple:hover {
  background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
}
.ripple:active {
  background-color: #6eb9f7 !important;
  background-size: 100%;
  transition: background 0s;
}*/
.ripple {
  position: relative; }

/*
.ripple:hover > .wave2{
  animation: ripple-in2 2s;
}
*/
.wave2 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  transform: scale(0);
  opacity: 0.5; }

@keyframes ripple-in2 {
  0% {
    transform: scaleX(0); }
  20% {
    transform: scaleX(1);
    opacity: 0.3; }
  100% {
    transform: scaleX(1);
    opacity: 0; } }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.cke_editable {
  padding: 20px; }
  .cke_editable h1 {
    font-weight: 500;
    font-size: 50px;
    margin: 20px 0; }
  .cke_editable table {
    width: 98%; }

.cke {
  margin-bottom: 0 !important; }

.cke_show_borders a {
  color: #30c3f1; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.apparel__doc {
  display: flex; }
  .apparel__doc img {
    width: 50px !important; }
    @media (max-width: 767px) {
      .apparel__doc img {
        height: 50px;
        object-fit: contain; } }
  .apparel__doc a {
    font-style: italic;
    font-style: italic;
    vertical-align: middle;
    margin: 5px 0 5px 0px;
    text-decoration: underline; }
    @media (max-width: 767px) {
      .apparel__doc a {
        margin: 0px; } }

@media (max-width: 767px) {
  .apparel__banner-img {
    position: unset; } }

.apparel__banner-img img {
  width: 100%;
  height: 300px;
  object-fit: contain; }
  @media (max-width: 830px) {
    .apparel__banner-img img {
      width: 300px;
      height: 300px;
      object-fit: contain; } }
  @media (max-width: 767px) {
    .apparel__banner-img img {
      width: 100%;
      height: 200px; } }

.apparel__banner-content {
  margin: 50px auto; }
  @media (max-width: 830px) {
    .apparel__banner-content {
      margin: 20px auto; } }
  .apparel__banner-content h1 {
    color: #1f5f8e;
    font-family: "HelveticaNeueLTStd-BdCn", Arial, sans-serif;
    margin-bottom: 20px;
    line-height: normal;
    font-weight: 800; }
    @media (max-width: 830px) {
      .apparel__banner-content h1 {
        font-size: 30px; } }
    @media (max-width: 767px) {
      .apparel__banner-content h1 {
        font-size: 20px;
        margin-top: 10px; } }
  .apparel__banner-content .solution__feature-list {
    justify-content: space-around;
    width: 70%; }
    @media (max-width: 830px) {
      .apparel__banner-content .solution__feature-list {
        width: 100%;
        flex-wrap: wrap;
        min-height: auto !important; } }

.apparel__feature-wrap {
  margin: 50px auto; }

.apparel__feature {
  margin-bottom: 50px;
  display: block; }
  .apparel__feature h3 {
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 700;
    color: #1f5f8e;
    margin-top: 25px; }
  .apparel__feature .apparel__feature-right {
    float: right; }
    @media (max-width: 767px) {
      .apparel__feature .apparel__feature-right {
        margin-bottom: 20px; } }
  .apparel__feature .apparel__feature-left {
    float: left; }
    @media (max-width: 767px) {
      .apparel__feature .apparel__feature-left {
        margin-bottom: 20px; } }
  .apparel__feature-right img {
    width: 100%; }
  .apparel__feature-left img {
    width: 100%; }

.solution_padding50 {
  padding: 50px auto; }

.solution__feature h5 {
  background: linear-gradient(to top, #013362, #64bfeb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

@media (max-width: 830px) {
  .solution__feature-list {
    width: 100%;
    flex-wrap: wrap; } }

.solution__feature-hoverImg {
  opacity: 0;
  transition: .1s all;
  display: none;
  width: auto !important; }

.solution__feature-sideImages:hover .solution__feature-img, .solution__feature-singleimg:hover .solution__feature-img {
  opacity: 0;
  display: none;
  transition: .1s all; }

.solution__feature-sideImages:hover .solution__feature-hoverImg, .solution__feature-singleimg:hover .solution__feature-hoverImg {
  opacity: 1;
  display: block;
  margin: auto; }

.grad-border {
  height: 1px;
  width: 85%;
  margin: 0 auto;
  display: flex; }

.left-border, .right-border {
  width: 50%;
  border-bottom: 2px solid #695f52;
  display: inline-block; }

.left-border {
  border-image: linear-gradient(270deg, #b3b3b3, #fff) 1; }

.right-border {
  border-image: linear-gradient(90deg, #b3b3b3, #fff) 1; }

.g-overflow-hidden {
  overflow: hidden; }

.feature__block-wrap h4 {
  background: linear-gradient(to top, #013362, #64bfeb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.hide-login span {
  display: none; }

.hide-login .notification {
  display: none; }

.swiper {
  background: #315E97; }

.dashboard__view h6 {
  margin: 18px 0 !important;
  color: white;
  font-size: 16px; }

.dashboard__search {
  display: flex;
  justify-content: flex-end; }
  .dashboard__search .primary-nav__links {
    margin-bottom: 0;
    padding: 11px 21px 11px 0; }
  .dashboard__search .primary-nav__links-anchor {
    color: white !important; }
    .dashboard__search .primary-nav__links-anchor:hover {
      color: white !important; }
  .dashboard__search .primary-nav__links-item_right {
    border-right: 1px solid white !important; }
  .dashboard__search .g-noborder_right {
    border-right: none !important; }
  .dashboard__search .notification__block:first-child {
    margin: 6px 10px !important; }

.dashboard .feature__wrapper {
  height: auto !important; }

.dashboard .feature__detail {
  background: none;
  border: none;
  box-shadow: inset 0px 6px 7px 4px #dee2e6; }
  .dashboard .feature__detail h4 {
    margin-bottom: 0 !important;
    font-size: 18px;
    border-bottom: none !important;
    color: #003264 !important;
    -webkit-text-fill-color: unset;
    text-align: left !important; }

.small-dialog .select2-container--default .select2-selection--single {
  background-color: #FFFFFF !important;
  border-radius: 6px !important;
  box-shadow: inset 0px 6px 7px -3px #dee2e6;
  border: 1px solid #dadada !important; }

.small-dialog .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000000 transparent transparent transparent !important; }

.jsEditUserProfileForm .select2-container {
  margin-bottom: 18px; }

.jsEditUserProfileForm .error {
  color: red !important;
  bottom: 0px !important;
  position: initial !important;
  left: 0;
  display: block;
  text-transform: unset !important;
  font-size: 12px !important;
  font-weight: unset !important;
  margin: auto;
  transform: translateY(-15px); }

.page_assignCapability .form-wrapper input[type=checkbox] {
  min-width: auto !important;
  margin-bottom: 0;
  vertical-align: middle; }

.page_assignCapability .form-wrapper label {
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 16px; }

#activityTable tr td img {
  width: 16px;
  transition: .3s all; }
  #activityTable tr td img:hover {
    transform: scale(1.1); }

#activityTable tr td:nth-child(5) {
  text-align: center; }

.detail-list {
  list-style: none;
  padding: 20px 15px; }
  .detail-list li {
    font-size: 16px;
    margin-bottom: 12px; }
    .detail-list li.active {
      color: #2196F3;
      font-weight: 600; }

#userTable td {
  font-size: 12px !important; }

.dataTables_length select {
  margin: 0 5px 010px; }

.dashboard__feature .primary-nav__links-item a {
  color: white !important; }
  .dashboard__feature .primary-nav__links-item a:hover, .dashboard__feature .primary-nav__links-item a:active, .dashboard__feature .primary-nav__links-item a:focus {
    color: white !important; }

#send_email {
  margin-bottom: 0;
  vertical-align: middle !important;
  min-width: auto !important; }

.tabs__field .form-wrapper label {
  font-size: 16px !important; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.form__input-wrapper, .form__select-wrapper,
form__input-wrapper,
form__select-wrapper {
  position: relative;
  margin-bottom: 20px; }

.form_normal .error {
  transform: translate(0); }

input,
select,
textarea {
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 2.6;
  letter-spacing: 0.5px;
  background-color: #FFFFFF;
  border: 0;
  outline: none !important;
  margin-bottom: 25px;
  border-radius: 5px;
  padding: 5px 20px; }

input[type='email'],
input[type='number'],
input[type='password'],
input[type='text'],
input[type='text'],
textarea,
ul.tag-editor,
select {
  color: #000000;
  width: 100%;
  border: 1px solid #dadada;
  border-radius: 10px;
  box-shadow: inset 0px 6px 7px -3px rgba(0, 0, 0, 0.25);
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  -webkit-transition: all 250ms "ease-in";
  -moz-transition: all 250ms "ease-in";
  -o-transition: all 250ms "ease-in";
  transition: all 250ms "ease-in";
  transition-property: box-shadow, border; }
  input[type='email'].has-error, input[type='email'].has-error:focus,
  input[type='number'].has-error,
  input[type='number'].has-error:focus,
  input[type='password'].has-error,
  input[type='password'].has-error:focus,
  input[type='text'].has-error,
  input[type='text'].has-error:focus,
  input[type='text'].has-error,
  input[type='text'].has-error:focus,
  textarea.has-error,
  textarea.has-error:focus,
  ul.tag-editor.has-error,
  ul.tag-editor.has-error:focus,
  select.has-error,
  select.has-error:focus {
    box-shadow: 0 0 3px #f02d44; }
  input[type='email']:disabled,
  input[type='number']:disabled,
  input[type='password']:disabled,
  input[type='text']:disabled,
  input[type='text']:disabled,
  textarea:disabled,
  ul.tag-editor:disabled,
  select:disabled {
    background-color: #f3f3f3;
    color: #b3abab; }

select {
  min-width: 70px;
  width: auto; }

/* Custom checkbox END */
label {
  font-size: 12px;
  text-align: left;
  margin-bottom: 10px; }

textarea {
  resize: none;
  height: 180px;
  line-height: 1.5; }
  textarea:focus {
    height: 180px; }

.custom-select {
  height: 50px; }

button.dashed {
  outline: 0 none;
  font-size: 18px;
  text-align: left;
  color: #635327;
  line-height: 2.6;
  padding: 0 40px;
  border-radius: 60px;
  background-color: #f7f7f7;
  border: dashed 2px #635327;
  margin-bottom: 30px; }

button.has-error {
  border: dashed 2px #f02d44;
  background-color: #ffe7e7; }
  button.has-error:focus, button.has-error:hover {
    border: dashed 2px #f02d44 !important; }

.row .col-md-6 {
  position: relative; }

label.error {
  position: absolute;
  bottom: 0;
  left: 5px; }

.form__group.row label.error,
.form__input-wrapper.row label.error,
.form__select-wrapper.row label.error {
  left: 19px; }

.form__select-wrapper label.error {
  bottom: 5px; }

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }

/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

#checkbox-error + label.error {
  bottom: -22px; }

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

.disabled {
  cursor: not-allowed; }

input:-ms-input-placeholder {
  line-height: normal; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  line-height: normal; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.header__feature {
  margin-top: 20px; }
  @media (max-width: 767px) {
    .header__feature {
      display: none; } }
  .header__feature-itemlist {
    display: flex;
    justify-content: space-evenly;
    background: #ebebeb; }
  .header__feature-item h6 {
    font-size: 12px;
    margin: 8px auto;
    padding: 0 15px;
    border-right: 2px solid; }
    @media (max-width: 830px) {
      .header__feature-item h6 {
        font-size: 10px; }
        .header__feature-item h6 a {
          min-height: 24px; } }
  .header__feature-item.active a::after, .header__feature-item.active a::before {
    width: 100% !important;
    left: 0; }
  .header__feature-item:last-child h6 {
    border-right: none; }
  .header__feature-item .primary-nav__links-anchor {
    position: relative; }
    .header__feature-item .primary-nav__links-anchor:hover {
      color: #696969 !important; }
      .header__feature-item .primary-nav__links-anchor:hover::after, .header__feature-item .primary-nav__links-anchor:hover::before {
        width: 100% !important;
        left: 0; }
    .header__feature-item .primary-nav__links-anchor::after, .header__feature-item .primary-nav__links-anchor::before {
      content: "";
      position: absolute;
      top: calc(100% + 5px);
      width: 0;
      right: 0;
      height: 3px; }
    .header__feature-item .primary-nav__links-anchor::before {
      transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s;
      background: #c2eaf7; }
    .header__feature-item .primary-nav__links-anchor::after {
      transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
      background: #30c3f1; }
    .header__feature-item .primary-nav__links-anchor_logout::after, .header__feature-item .primary-nav__links-anchor_logout::before {
      content: "";
      position: absolute;
      top: calc(100% + 2px);
      width: 0;
      right: 0;
      height: 3px; }

#mobileNavbar {
  background-image: linear-gradient(to top, #013362, #64bfeb), linear-gradient(to bottom, #fff, #fff); }
  #mobileNavbar ul li a {
    color: white; }
    #mobileNavbar ul li a:hover {
      color: #30c3f1; }
    #mobileNavbar ul li a.active {
      color: #003264;
      font-size: 600; }
  #mobileNavbar .navbar-mobile__dropdown {
    position: relative; }
  #mobileNavbar .navbar-mobile__main-menu li {
    font-size: 16px; }
  #mobileNavbar .navbar-mobile__main-menu_sub {
    margin-top: 20px;
    padding-bottom: 10px; }
    #mobileNavbar .navbar-mobile__main-menu_sub h5 {
      font-size: 20px;
      color: white;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 15px; }

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  right: 0;
  top: 7px; }

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.text-white {
  color: white; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

a,
.g-pseudo {
  color: #000000;
  display: inline-block;
  font-family: "HelveticaNeue", Arial, sans-serif;
  word-wrap: break-word;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer; }
  a.bold,
  .g-pseudo.bold {
    font-family: "HelveticaNeue", Arial, sans-serif;
    font-weight: bold; }
  a.black,
  .g-pseudo.black {
    color: #000000;
    font-family: "HelveticaNeue", Arial, sans-serif; }
  a.active,
  .g-pseudo.active {
    color: #30c3f1; }
  a:hover, a:focus, a:active,
  .g-pseudo:hover,
  .g-pseudo:focus,
  .g-pseudo:active {
    color: #30c3f1;
    transition: 0.3s;
    text-decoration: none !important; }

a.large,
.g-pseudo.xl {
  font-size: 24px; }
  @media only screen and (max-width: 420px) {
    a.large,
    .g-pseudo.xl {
      font-size: 16px; } }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.web__info {
  width: 65%;
  margin: 50px auto 80px;
  text-align: center; }
  @media (max-width: 830px) {
    .web__info {
      width: 100%;
      margin: 50px auto auto; } }
  @media (max-width: 767px) {
    .web__info {
      width: 100%;
      margin: 30px auto auto; } }
  .web__info h1 {
    background: linear-gradient(to top, #013362, #31BFEE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 30px;
    line-height: normal;
    font-family: "HelveticaNeue", Arial, sans-serif; }
    @media (max-width: 767px) {
      .web__info h1 {
        font-size: 30px; } }
  .web__info p {
    font-family: "HelveticaNeue", Arial, sans-serif; }

.web__sub-para {
  color: black;
  font-weight: 600;
  margin-top: 20px;
  font-family: "HelveticaNeue", Arial, sans-serif; }

.web__logos {
  margin-bottom: 50px; }
  .web__logos img {
    height: 150px;
    width: 100%;
    object-fit: contain; }
    @media (max-width: 767px) {
      .web__logos img {
        height: 80px; } }
  .web__logos .border-right {
    border-right: 1.5px solid #a49f9f9e !important; }

.web__col-left {
  position: relative; }
  @media (max-width: 830px) {
    .web__col-left {
      margin-bottom: 20px; } }

.web__col-register {
  position: absolute;
  top: 30%;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto; }
  @media (max-width: 830px) {
    .web__col-register {
      position: initial; } }
  .web__col-register h5 {
    font-weight: 700;
    text-align: center;
    font-family: "HelveticaNeue", Arial, sans-serif; }
    .web__col-register h5 a {
      color: #30C3F1; }
  .web__col-register_center {
    position: unset; }
  .web__col-register #secondary {
    margin-top: 25px; }
    .web__col-register #secondary h2 {
      font-weight: 700;
      text-align: center;
      font-family: "HelveticaNeue", Arial, sans-serif;
      margin-bottom: 5px;
      font-size: 30px;
      color: #003264; }
    .web__col-register #secondary form {
      text-align: center; }
    .web__col-register #secondary a {
      font-weight: 700;
      text-align: center;
      font-family: "HelveticaNeue", Arial, sans-serif;
      color: #30C3F1;
      font-size: 20px; }

.web__col-right {
  text-align: center; }
  .web__col-right img {
    height: 100px;
    width: 75% !important; }
    @media (max-width: 767px) {
      .web__col-right img {
        height: 50px !important; } }

.login__title {
  color: #C0C0C0;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px; }
  @media (max-width: 767px) {
    .login__title {
      margin-bottom: 20px; } }

@media (max-width: 767px) {
  .login__form_update .form {
    margin-top: 0px; } }

.login__form_update .form label {
  line-height: 32px; }
  @media (max-width: 830px) {
    .login__form_update .form label {
      text-align: left !important; } }

.login__form_update .form__input-wrapper {
  display: block;
  position: relative;
  margin-bottom: 25px; }
  @media (max-width: 767px) {
    .login__form_update .form__input-wrapper {
      margin-bottom: 20px; } }
  .login__form_update .form__input-wrapper_btn {
    display: flex !important;
    margin: 20px auto; }
    .login__form_update .form__input-wrapper_btn input {
      height: auto !important; }
    .login__form_update .form__input-wrapper_btn .btn {
      border-radius: 0px !important;
      line-height: 10px;
      padding: 15px 30px;
      border: none !important;
      text-align: center !important;
      background-image: linear-gradient(to top, #013362, #64bfeb), linear-gradient(to bottom, #fff, #fff); }
  .login__form_update .form__input-wrapper_checkbox {
    display: inherit;
    text-align: right; }
    .login__form_update .form__input-wrapper_checkbox label {
      text-align: initial !important;
      min-width: 128px !important; }
    .login__form_update .form__input-wrapper_checkbox input[type="radio"] {
      min-width: auto;
      -webkit-appearance: none;
      appearance: none;
      background-color: #fff;
      margin: 0; }
    .login__form_update .form__input-wrapper_checkbox input[type="radio"] + label {
      display: inline-block;
      cursor: pointer; }
    .login__form_update .form__input-wrapper_checkbox input[type='radio'] {
      box-sizing: border-box;
      appearance: none;
      background: white;
      outline: 2px solid #333;
      border: 1px solid black;
      width: 18px;
      /* position: absolute; */
      height: 18px;
      top: 4px; }
    .login__form_update .form__input-wrapper_checkbox input[type="radio"]:checked + label:before {
      content: "✔";
      font-family: 'lucida grande';
      font-size: 16px;
      line-height: 0px;
      text-align: center;
      top: 9px;
      position: absolute;
      left: -17%; }
    .login__form_update .form__input-wrapper_checkbox label {
      margin: 0px 0px 0px 25px !important;
      position: relative; }
  .login__form_update .form__input-wrapper .select-dropdown {
    position: relative;
    display: inline-block;
    width: 100%; }
    @media (max-width: 767px) {
      .login__form_update .form__input-wrapper .select-dropdown {
        width: 100%; } }
  .login__form_update .form__input-wrapper .select2-selection {
    min-height: 30px !important; }
  .login__form_update .form__input-wrapper .select2-container--default .select2-selection--single {
    background-color: white !important; }
  .login__form_update .form__input-wrapper .select2-selection--single {
    color: #000000;
    width: 100%;
    border: 1px solid #fff !important;
    border-radius: 5px !important;
    height: 30px !important;
    line-height: 35px;
    font-size: 14px; }
  .login__form_update .form__input-wrapper .select2-selection__rendered {
    line-height: 20px; }
  .login__form_update .form__input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent !important;
    top: 50%;
    border-width: 10px 5px 0 5px; }
  .login__form_update .form__input-wrapper label {
    margin: auto;
    vertical-align: middle;
    text-align: start; }
    @media (max-width: 767px) {
      .login__form_update .form__input-wrapper label {
        text-align: center; } }
  .login__form_update .form__input-wrapper input {
    width: 100%;
    display: inline-block !important;
    height: 30px;
    line-height: initial;
    border-radius: 5px;
    text-align: left !important; }
    @media (max-width: 767px) {
      .login__form_update .form__input-wrapper input {
        text-align: center !important;
        width: 100%; } }

.login__footer {
  margin: auto;
  text-align: center; }

.login__links_update {
  display: flex;
  justify-content: center; }
  @media (max-width: 767px) {
    .login__links_update {
      display: inherit; } }
  .login__links_update a {
    padding: 0 5px; }

.dashboard__swiper .jsSwiper {
  background-size: cover; }

.dashboard .btn {
  border-radius: 0px !important;
  padding: 10px 30px !important; }

.dashboard__title {
  display: flex;
  justify-content: space-between;
  z-index: 1;
  background-image: linear-gradient(to top, #013362, #64bfeb); }
  @media (max-width: 830px) {
    .dashboard__title {
      display: block; } }
  @media (max-width: 767px) {
    .dashboard__title {
      flex-wrap: wrap;
      padding-bottom: 10px; } }

.dashboard__option {
  display: flex;
  justify-content: flex-start; }
  @media (max-width: 767px) {
    .dashboard__option {
      display: block; } }

.dashboard__section {
  position: relative; }

.dashboard__view {
  display: flex;
  justify-content: space-between;
  z-index: auto; }
  .dashboard__view:nth-child(2) {
    background-image: linear-gradient(to top, #013362, #64bfeb); }
  @media (max-width: 767px) {
    .dashboard__view_sm {
      display: block; } }
  .dashboard__view_ext .notification__list {
    left: auto !important;
    right: 0; }
  .dashboard__view h6 {
    margin: 10px 0;
    color: white; }
  .dashboard__view .follow_inline {
    display: flex;
    justify-content: right;
    width: 100%; }
    @media (max-width: 830px) {
      .dashboard__view .follow_inline {
        justify-content: left;
        margin-left: 0; } }
    @media (max-width: 767px) {
      .dashboard__view .follow_inline {
        justify-content: left;
        margin-left: 0; } }
    .dashboard__view .follow_inline h6 {
      color: white !important;
      margin: 3px 0; }
  .dashboard__view .switch_ext input:checked + .slider {
    background-color: #ffffff; }
  .dashboard__view .switch_ext .slider::before {
    background-color: #003264; }
  .dashboard__view .divide {
    margin: 10px;
    line-height: initial;
    color: white; }
  .dashboard__view .notification__check {
    z-index: -1; }
  .dashboard__view .notification__notify {
    margin: 10px 0; }
    @media (max-width: 767px) {
      .dashboard__view .notification__notify {
        display: flex;
        justify-content: flex-end;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0; } }
  .dashboard__view .notification__section {
    position: relative; }
  .dashboard__view .notification__block {
    cursor: pointer;
    display: flex; }
    .dashboard__view .notification__block:first-child {
      margin-right: 10px; }
    .dashboard__view .notification__block img {
      width: 16px;
      height: 16px;
      object-fit: contain;
      margin: 3px 0px; }
    .dashboard__view .notification__block i {
      margin: 4px auto; }
  .dashboard__view .notification__digit {
    line-height: normal;
    margin: 2px 8px;
    color: white; }
  .dashboard__view .notification__list {
    background: white;
    position: absolute;
    z-index: 10;
    border-radius: 8px;
    text-align: left;
    width: 200px;
    font-size: 10px;
    transition: 0.3s ease-in-out;
    max-height: 165px !important;
    overflow-y: scroll;
    padding: 10px;
    top: 25px;
    left: 0;
    border: 1px solid #dadada;
    box-shadow: inset 0px 6px 7px -3px #dadada; }
    .dashboard__view .notification__list_msg ul li {
      padding: 5px;
      border-bottom: 1px dashed; }
    .dashboard__view .notification__list_msg ul p {
      margin: 5px 0px; }
      .dashboard__view .notification__list_msg ul p:nth-child(2) {
        text-align: right; }
    .dashboard__view .notification__list ul {
      padding-left: 10px;
      list-style: none; }
      .dashboard__view .notification__list ul li {
        padding: 5px 0px 0px;
        border-bottom: 1px dashed;
        position: relative; }
        .dashboard__view .notification__list ul li:last-child {
          border-bottom: none; }
    @media (max-width: 830px) {
      .dashboard__view .notification__list {
        right: 0;
        left: auto; } }
    .dashboard__view .notification__list .read-all {
      border-top: 1px solid black; }

.dashboard__slider {
  display: flex;
  justify-content: center;
  padding: 0;
  background-position: center; }
  @media (max-width: 767px) {
    .dashboard__slider {
      flex-wrap: wrap; } }
  .dashboard__slider-img {
    background-size: contain;
    width: 40%;
    min-height: 315px;
    background-repeat: no-repeat;
    background-position: left bottom; }
    @media (max-width: 830px) {
      .dashboard__slider-img {
        min-height: 270px; } }
    .dashboard__slider-img img {
      min-height: 356px; }
      @media (max-width: 830px) {
        .dashboard__slider-img img {
          width: 300px;
          height: 300px;
          object-fit: contain;
          min-height: auto !important; } }
  .dashboard__slider-content {
    text-align: left;
    padding: 20px 20px;
    width: 60%; }
    .dashboard__slider-content h1 {
      color: white;
      margin: 0;
      text-transform: uppercase;
      line-height: normal;
      font-weight: 700; }
      @media (max-width: 1280px) {
        .dashboard__slider-content h1 {
          font-size: 25px; } }
    .dashboard__slider-content h3 {
      line-height: normal;
      color: white; }
      @media (max-width: 1280px) {
        .dashboard__slider-content h3 {
          font-size: 17px; } }
    .dashboard__slider-content p {
      color: white; }
      @media screen and (max-width: 1180px) and (orientation: landscape) {
        .dashboard__slider-content p {
          min-height: 109px; } }
      @media (max-width: 830px) {
        .dashboard__slider-content p {
          font-size: 14px; } }
    .dashboard__slider-content .slider-btn {
      cursor: pointer;
      float: right; }
      .dashboard__slider-content .slider-btn button {
        padding: 10px !important;
        border-radius: 12px;
        background: white; }

.dashboard__feature {
  width: 100%; }
  .dashboard__feature-wrap {
    padding: 10px 0;
    width: 100%;
    display: inherit;
    border-style: solid;
    z-index: 0;
    border-width: 1px;
    border-image-source: linear-gradient(to top, #20577f, #129cbe);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #013362, #64bfeb); }
    @media (max-width: 767px) {
      .dashboard__feature-wrap {
        display: initial; } }
  .dashboard__feature-item {
    position: relative;
    border-right: 1px solid #30C3F1; }
    .dashboard__feature-item:last-child {
      border-right: none; }
    @media (max-width: 767px) {
      .dashboard__feature-item {
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .dashboard__feature-item a {
        width: 100%;
        text-align: center; } }
    .dashboard__feature-item img {
      border-style: none;
      height: 100px;
      object-fit: contain;
      vertical-align: middle;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 0;
      left: 0;
      width: 150px; }
      @media (max-width: 830px) {
        .dashboard__feature-item img {
          width: 100px;
          height: 80px; } }
      @media (max-width: 767px) {
        .dashboard__feature-item img {
          position: relative; } }
  .dashboard__feature .news {
    color: white;
    background: #003264;
    padding: 10px; }
    .dashboard__feature .news__header h6 {
      margin: 0;
      color: white; }
    .dashboard__feature .news__header span {
      font-size: 12px; }
    .dashboard__feature .news__title p {
      color: white;
      font-weight: 500; }
    .dashboard__feature .news__view-all {
      color: white; }
      .dashboard__feature .news__view-all span {
        font-size: 12px; }

.solution {
  margin-top: 20px; }
  .solution__wrapper h1 {
    text-align: center;
    font-weight: 700;
    color: #003264; }
    @media (max-width: 830px) {
      .solution__wrapper h1 {
        margin-bottom: 0px; } }
  @media (max-width: 767px) {
    .solution__block {
      margin-bottom: 20px; } }
  .solution__block img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    margin-bottom: 30px; }
    @media (max-width: 830px) {
      .solution__block img {
        height: 145px; } }
  .solution__block h4 {
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    color: #003264;
    line-height: normal;
    margin-bottom: 20px; }
    @media (max-width: 830px) {
      .solution__block h4 {
        font-size: 18px; } }
    @media (max-width: 767px) {
      .solution__block h4 {
        font-size: 17px; } }
  .solution__feature {
    margin-top: 20px;
    text-align: center; }
    .solution__feature .solution__feature-use_center {
      display: none; }
    .solution__feature:nth-child(2) .solution__feature-use_second-none {
      display: none; }
    .solution__feature:nth-child(2) .solution__feature-use_center {
      display: block;
      width: 100%; }
    @media (max-width: 767px) {
      .solution__feature {
        margin-bottom: 25px; } }
    .solution__feature h5 {
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 20px; }
      @media (max-width: 830px) {
        .solution__feature h5 {
          min-height: 48px; } }
    .solution__feature p {
      text-align: center; }
    .solution__feature-list {
      display: flex;
      justify-content: center;
      margin-bottom: 35px; }
      @media (max-width: 830px) {
        .solution__feature-list {
          margin-bottom: 25px;
          min-height: 339px; } }
      @media (max-width: 767px) {
        .solution__feature-list {
          justify-content: space-around;
          margin-bottom: 20px; } }
    .solution__feature-use {
      text-align: center;
      width: 120px; }
      .solution__feature-use img {
        height: 70px;
        width: 50px;
        object-fit: contain; }
      .solution__feature-use h6 {
        font-size: 13px;
        color: black;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        min-height: 35px;
        margin: 10px 0 0; }
      .solution__feature-use .solution__feature-singleimg {
        width: 120px; }
        .solution__feature-use .solution__feature-singleimg img {
          width: 60px; }
    .solution__feature:nth-child(3) .solution__feature-use img {
      width: 40px; }
    .solution__feature:nth-child(3) .solution__feature-use:nth-child(5) img {
      width: 25px; }
    .solution__feature:nth-child(3) .solution__feature-use:last-child img {
      width: 25px; }

@media (max-width: 830px) {
  .feature__block-wrap .iframe-block_lg {
    display: none; } }

.feature__block-wrap .iframe-block_sm {
  display: none; }
  @media (max-width: 830px) {
    .feature__block-wrap .iframe-block_sm {
      display: block; } }

.feature__block-wrap iframe {
  width: 100%;
  height: 100%; }

@media (max-width: 767px) {
  .feature__block-wrap {
    margin-bottom: 30px; }
    .feature__block-wrap iframe {
      width: 100%; } }

.feature__block-wrap h4 {
  text-align: center;
  border-bottom: 1px solid #696969;
  font-weight: 700;
  margin-bottom: 20px;
  color: #003264;
  text-transform: uppercase; }
  @media (max-width: 830px) {
    .feature__block-wrap h4 {
      font-size: 20px; } }

.swiper {
  width: 100%;
  height: 100%; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.swiper-pagination-bullet {
  background: white !important; }

.product .feature__wrapper {
  margin: auto auto 10px !important; }

.product__block {
  margin-bottom: 30px; }
  .product__block h5 {
    font-weight: 600; }
    @media (max-width: 767px) {
      .product__block h5 {
        font-size: 18px; } }
  .product__block p {
    margin: 0; }

@media (max-width: 830px) {
  #login-form-update .form__input-wrapper label {
    min-width: 96px; } }

#registerform-update .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 38%; }

.btn_end-use {
  background-color: #008FC2 !important; }
  .btn_end-use:active, .btn_end-use:focus, .btn_end-use:hover {
    color: #FFFFFF; }

.columbus_login {
  background-image: url(/wp-content/themes/columbus/assets/images/layer-6.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover; }

.error-404 {
  padding: 15px;
  text-align: center; }
  .error-404 header {
    margin: 20px 0; }
    .error-404 header h1 {
      margin: 20px 0;
      font-size: 28px;
      /* padding: 15px; */
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      background: linear-gradient(to top, #013362, #31BFEE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .error-404 header p {
      font-weight: 600; }

.logo__header-icon_new img {
  width: 200px; }
  @media (max-width: 767px) {
    .logo__header-icon_new img {
      width: 90px; } }

.messages__digit {
  line-height: normal;
  margin: 2px 8px;
  color: white; }

.messages__date {
  font-size: 6px; }

.messages__approval {
  justify-content: space-between;
  border-top: 1px solid;
  padding-top: 5px; }
  .messages__approval a {
    color: white !important; }
    .messages__approval a:hover {
      color: #30c3f1; }

.page_ext {
  background-image: url("/wp-content/themes/columbus/assets/images/bg-login.png") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .page_ext-landing {
    background-position: bottom; }

.page_login .select2-container--default .select2-selection--multiple, .page_login .login__form_update .form__input-wrapper .select2-container--default .select2-selection--single {
  background-color: #FFFFFF !important;
  border-radius: 6px !important;
  box-shadow: inset 0px 6px 7px -3px #dee2e6;
  border: 1px solid #dadada !important; }

.page_login .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  font-size: 14px !important; }

.page_login .select2-selection--multiple:before {
  content: "";
  position: absolute;
  right: 7px;
  top: 45%;
  margin-right: 10px;
  border-top: 10px solid #1d1a1a;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.buttonPicker {
  position: relative; }

.pickr {
  top: -20px;
  visibility: hidden; }

.pcr-interaction input {
  min-width: auto !important; }

.pcr-last-color {
  min-width: auto !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

.pcr-button {
  position: absolute !important;
  width: 100% !important;
  height: 35px !important;
  left: 0; }

.pcr-swatches button {
  top: auto !important;
  left: auto !important;
  min-width: auto !important;
  padding: 0 6px !important; }

/*magnific popup*/
.mfp-content {
  background-color: transparent; }

.mfp-inline-holder .mfp-content {
  border-radius: 8px;
  overflow: hidden; }

.mfp-close {
  min-width: auto !important;
  right: 0;
  left: auto;
  top: 0;
  width: auto !important;
  position: absolute;
  margin: 0;
  right: 10px;
  padding: 0 20px;
  opacity: 1;
  color: white !important; }
  .mfp-close:hover, .mfp-close:focus {
    box-shadow: none;
    color: white !important;
    opacity: 1 !important;
    background: none !important; }

.mfp-content-wrapper {
  border-radius: 8px;
  overflow: hidden;
  margin-top: 20px; }

.mfp-content .modal-body {
  border-radius: 0;
  -webkit-box-shadow: 1px 2px 26px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 2px 26px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 2px 26px -2px rgba(0, 0, 0, 0.75); }

.mfp-content .modal-footer {
  background-color: white; }

/*end*/
.small-dialog {
  position: relative;
  width: 40% !important;
  margin: auto; }
  .small-dialog .error {
    color: red !important;
    bottom: 0px !important;
    position: initial !important;
    left: 0;
    display: block;
    text-transform: unset !important;
    font-size: 12px !important;
    font-weight: unset !important;
    margin: auto;
    transform: translateY(-15px); }
  .small-dialog .modal-body {
    box-shadow: none !important; }
    .small-dialog .modal-body .select2-search__field {
      margin: 0 !important; }
    .small-dialog .modal-body .select2-selection, .small-dialog .modal-body .select2-selection--multiple {
      margin-bottom: 18px !important; }

.large-dialog {
  position: relative;
  width: 100% !important;
  margin: auto; }
  .large-dialog .mfp-close {
    display: none !important; }

.mfp-hide {
  display: none; }

/**
 * Fade-zoom animation for first dialog
 */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.1 !important; }

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0; }

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg); }

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  box-shadow: 1px 2px 26px -2px rgba(134, 124, 124, 0.75);
  padding-left: 0;
  padding-right: 0; }

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg); }

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0; }

.modal-footer .btn_sm {
  padding: 8px 12px !important;
  margin: 0 !important; }

.modal-footer a.btn {
  color: white !important; }
  .modal-footer a.btn:hover {
    color: white !important; }

.small-dialog_full {
  width: 70% !important; }

.print__button-block button {
  border-radius: 10px; }

@media print {
  /* All your print styles go here */
  #header,
  #footer,
  #nav {
    display: none !important; }
  body {
    -webkit-print-color-adjust: exact !important;
    transform: scale(1); }
  ::-webkit-scrollbar-thumb {
    display: none !important; }
  .g-icon_product {
    background-image: url(./sprite.png);
    background-position: -596px -364px;
    width: 14px;
    height: 21px; }
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    width: 100%; }
  .col-sm-11,
  .col-md-11,
  .col-lg-11 {
    width: 91.66666667%; }
  .col-sm-10,
  .col-md-10,
  .col-lg-10 {
    width: 83.33333333%; }
  .col-sm-9,
  .col-md-9,
  .col-lg-9 {
    width: 75%; }
  .col-sm-8,
  .col-md-8,
  .col-lg-8 {
    width: 66.66666667%; }
  .col-sm-7,
  .col-md-7,
  .col-lg-7 {
    width: 58.33333333%; }
  .col-sm-6,
  .col-md-6,
  .col-lg-6 {
    width: 50%; }
  .col-sm-5,
  .col-md-5,
  .col-lg-5 {
    width: 41.66666667%; }
  .col-sm-4,
  .col-md-4,
  .col-lg-4 {
    width: 33.33333333%; }
  .col-sm-3,
  .col-md-3,
  .col-lg-3 {
    width: 25%; }
  .col-sm-2,
  .col-md-2,
  .col-lg-2 {
    width: 16.66666667%; }
  .col-sm-1,
  .col-md-1,
  .col-lg-1 {
    width: 8.33333333%; }
  .print__button-block {
    display: none !important; }
  .col-sm-4 .pg2__dyes h6,
  .col-md-4 .pg2__dyes h6,
  .col-lg-4 .pg2__dyes h6 {
    color: white !important;
    padding: 6px 8px; }
  .card__icons {
    display: none !important; }
  .card-header h6 {
    line-height: 35px; }
  .printButtonBlock {
    display: none !important; }
  .datasheet {
    display: none !important;
    margin-bottom: 20px !important; }
  .products__range i {
    margin: 3px 5px !important; }
  html,
  body,
  .page {
    overflow: visible !important;
    height: auto; } }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

@keyframes loader {
  from {
    transform: rotate(0deg) scale(1, 1);
    border-radius: 0px; }
  to {
    transform: rotate(360deg) scale(0, 0);
    border-radius: 50px; } }

@-webkit-keyframes loader {
  from {
    -webkit-transform: rotate(0deg) scale(1, 1);
    border-radius: 0px; }
  to {
    -webkit-transform: rotate(360deg) scale(0, 0);
    border-radius: 50px; } }

.lesstext {
  margin-bottom: 0px; }

.moretext {
  display: none;
  margin-top: 0px; }

.banner {
  width: 100%;
  margin-bottom: 20px; }
  .banner__image {
    height: 200px; }
    .banner__image img {
      width: 100%;
      max-height: 200px;
      object-position: top;
      object-fit: cover; }
  .banner__content {
    height: 200px;
    background-color: #003264;
    position: relative; }
  .banner__para {
    color: #FFFFFF;
    position: absolute;
    right: 25px;
    bottom: 25px;
    left: 25px; }
    .banner__para p,
    .banner__para h5,
    .banner__para h4,
    .banner__para h6 {
      color: #FFFFFF;
      text-align: right !important; }
  .banner_sm {
    max-height: 250px;
    border-radius: 10px;
    overflow: hidden; }

/*//logo*/
.logo {
  width: 100%;
  margin: 50px 0; }
  .logo__search-input {
    float: right;
    margin: 24px 0; }
    .logo__search-input .active {
      color: #30c3f1 !important; }
    .logo__search-input ul {
      list-style-type: none;
      margin-bottom: 0; }
      .logo__search-input ul li {
        font-size: 8px;
        display: inline-block;
        padding-left: 5px;
        border-left: 1px solid #acacac; }
        .logo__search-input ul li:nth-child(1), .logo__search-input ul li:last-child {
          border-left: none; }
    .logo__search-input input {
      height: 35px;
      margin-bottom: 0 !important;
      border-radius: 8px !important; }
  .logo__header {
    text-align: center; }
    .logo__header_full {
      margin-bottom: 25px; }
    .logo__header img {
      width: 150px; }
    .logo__header-icon {
      float: left;
      vertical-align: middle; }
      .logo__header-icon img {
        width: 150px; }

.button {
  width: 100%;
  margin: 15px 0 15px; }
  .button__block-normal {
    width: 100%;
    text-align: right; }
    .button__block-normal_left {
      text-align: left;
      padding: 15px; }
      .button__block-normal_left button {
        margin: 0 !important; }
    .button__block-normal button {
      border: 1px solid #c4c4c4;
      background-color: #d9d9d9;
      width: auto;
      position: initial;
      color: #000000;
      text-transform: uppercase;
      min-width: initial;
      padding: 5px 10px;
      margin: auto 5px;
      cursor: pointer; }

.datasheet {
  width: 100%;
  text-align: right;
  margin-top: 15px; }
  .datasheet h6 {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle; }

/*// modification in popup*/
.modal {
  background-color: rgba(235, 229, 229, 0.13) !important;
  max-width: 100% !important; }

.blocker {
  background-color: rgba(235, 229, 229, 0.13); }

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

.modal {
  transition: visibility 0s linear 0.3s, opacity 0.3s; }

.modal,
.modal-box {
  z-index: 900; }

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(0);
  opacity: 1; }

.modal-body {
  background-color: #FFFFFF;
  box-shadow: 0px 16px 35px 0 rgba(13, 18, 32, 0.2);
  overflow: hidden;
  border-radius: 10px !important; }
  .modal-body .logo {
    margin: 30px 0; }
    .modal-body .logo__update {
      margin: 10px 0; }

.modal-sandbox {
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent; }

.modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  overflow: auto; }

.modal-box {
  position: relative;
  width: 80%;
  margin: auto;
  animation-name: modalbox;
  animation-duration: .4s;
  animation-timing-function: cubic-bezier(0, 0, 0.3, 1.6); }

.modal-backdrop {
  z-index: 0; }

.modal-dialog {
  border-radius: 8px;
  overflow: hidden; }

.modal-header {
  position: relative;
  background-color: #30c3f1; }
  .modal-header .close {
    min-width: auto !important;
    right: 0;
    left: auto;
    top: 10px;
    position: absolute;
    margin: 0;
    padding: 0 20px;
    opacity: 1;
    color: white; }
    .modal-header .close:hover, .modal-header .close:focus {
      box-shadow: none;
      color: white !important;
      opacity: 1 !important; }

.modal-title {
  color: #FFFFFF; }

.modal-body {
  box-shadow: none; }
  .modal-body label {
    color: #003264;
    text-align: left;
    display: block;
    margin-bottom: 2px;
    text-transform: CAPITALIZE;
    font-weight: 600;
    font-size: 17px; }
  .modal-body input {
    border-radius: 0;
    min-height: 35px;
    width: 100%;
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 18px;
    border: 1px solid #dadada;
    box-shadow: inset 0px 6px 7px -3px rgba(0, 0, 0, 0.25); }
  .modal-body textarea {
    border-radius: 0;
    height: 100px;
    padding-left: 10px; }

.modal-footer {
  padding: 0; }

/* Animation */
@-webkit-keyframes modalbox {
  0% {
    top: -250px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }

@keyframes modalbox {
  0% {
    top: -250px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }

.modal-trigger,
button {
  top: 50%;
  left: 50%;
  padding: 15px;
  background: transparent;
  color: #000000;
  border: 1px solid #c4c4c4;
  text-decoration: none;
  display: inline-block !important; }

.modal-trigger {
  -webkit-transform: translate(-25%, -25%);
  -ms-transform: translate(-25%, -25%);
  -o-transform: translate(-25%, -25%);
  transform: translate(-25%, -25%);
  transition: ease .2s; }

.modal-trigger:hover {
  padding: 15px; }

.products__block {
  max-width: 425px; }
  .products__block_left {
    border-right: 1.5px solid #acacac;
    padding-right: 4px; }
  .products__block-update {
    max-width: 580px;
    padding-left: 40px; }

.products__actions {
  float: right; }
  .products__actions i:hover {
    color: #30c3f1; }

.products__notify {
  display: inline-block;
  background: #ededed;
  width: 30px;
  height: 23px;
  text-align: center;
  border-radius: 10px; }
  .products__notify .g-icon_notify {
    display: none !important; }
  .products__notify.subscribed .g-icon_no-notify {
    display: none !important; }
  .products__notify.subscribed .g-icon_notify {
    display: inline-block !important; }

.products__range {
  margin-bottom: 5px; }
  .products__range-list {
    height: 400px;
    overflow: auto; }
    .products__range-list::-webkit-scrollbar {
      width: 4px !important;
      height: 8px; }
  .products__range h6 {
    font-size: 14px;
    text-transform: uppercase; }
  .products__range.selected h6 {
    color: #31c4f3; }
  .products__range-title {
    font-weight: 600; }
  .products__range i {
    margin: 0 5px 0; }
  .products__range h6 {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle; }

.products__tabs ul li a {
  min-width: 150px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  padding: 10px; }

.tabs {
  border-bottom: none; }
  .tabs__subfield {
    font-style: italic; }
  .tabs__content {
    padding: 15px; }
    .tabs__content_purple {
      background-color: #92278f; }
    .tabs__content_red {
      background-color: #c80101; }
    .tabs__content_orange {
      background-color: #ff8a01; }
  .tabs__panel {
    background-color: #FFFFFF;
    padding: 15px; }
    .tabs__panel .pg2__dyes.selected {
      background-color: #2196F3; }
      .tabs__panel .pg2__dyes.selected .wave2 {
        animation: ripple-in2 2s; }
    .tabs__panel .pg2__dyes h6 {
      font-weight: 500 !important; }
    .tabs__panel .pg2 a {
      display: block !important; }

/*toggle*/
.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
  vertical-align: middle;
  margin: 5px;
  line-height: inherit; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.follow {
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 30px; }
  .follow .color__code {
    position: absolute;
    right: 0px;
    vertical-align: middle;
    padding-top: 6px;
    color: #31c4f3;
    cursor: default; }
  .follow h6 {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase; }
    .follow h6.cyan {
      color: #31c4f3; }
  .follow label {
    display: inline-block; }
  .follow_inline {
    display: inline-block;
    margin-left: 10px; }
    .follow_inline h6 {
      color: #000000 !important; }

.enduse__advance {
  margin-bottom: 20px; }

.card {
  margin-bottom: 5px;
  border: none;
  cursor: pointer; }
  .card-header {
    padding: 5px 10px !important;
    border-bottom: none; }
    .card-header h6 {
      margin: 0;
      color: white;
      font-weight: 600;
      display: inline-block;
      font-size: 12px; }
  .card .collapsed .fa-plus {
    background-color: #f8f9fa;
    color: black; }
  .card .collapsed .fa-minus {
    background-color: #acacac;
    color: white; }
  .card__icons {
    float: right;
    display: inline-block;
    vertical-align: middle;
    transform: translateY(-1px); }
    .card__icons .fa-minus {
      background-color: #f8f9fa;
      color: black; }
    .card__icons i {
      margin: 0 5px;
      color: #FFFFFF;
      padding: 6px;
      background-color: #acacac;
      font-size: 10px;
      border-radius: 50%;
      height: 21px;
      width: 21px;
      text-align: center; }
  .card__advance-title h2 {
    margin-bottom: 0px;
    margin-top: 20px; }
  .card__advance .card-header h6 {
    color: #000000;
    text-transform: uppercase; }
  .card__advance .card__icons {
    position: relative; }
    .card__advance .card__icons .g-downarrow {
      position: absolute;
      top: 5px;
      right: 0; }
  .card__advance .tabs__panel {
    /*padding:30px 25px;*/
    background-color: transparent; }
  .card__advance .tabs__field {
    margin: 10px 0; }
    .card__advance .tabs__field h6 {
      font-weight: 600;
      color: #003264 !important;
      position: relative; }
    .card__advance .tabs__field_value h6 {
      font-weight: 600;
      color: #003264 !important;
      position: relative; }
      .card__advance .tabs__field_value h6 span {
        font-weight: 600;
        font-style: initial !important;
        color: #003264 !important;
        position: absolute;
        right: 0; }
    .card__advance .tabs__field_value:first-child {
      margin-top: 20px; }
    .card__advance .tabs__field h6 {
      margin: 0 0 10px;
      text-transform: uppercase;
      color: #003264; }
      .card__advance .tabs__field h6 span {
        color: #A2B4C7;
        font-style: italic;
        text-transform: lowercase; }
  .card__advance .tabs__title h5 {
    text-transform: uppercase;
    margin: 0 0 10px;
    border-bottom: 2px solid #003264;
    color: #003264; }
    .card__advance .tabs__title h5 span {
      font-style: italic; }

/*popup*/
.popup__title_search h4, .popup__title_compare h4 {
  color: #003264;
  text-align: left;
  margin: 0 0 20px;
  font-size: 25px; }

.popup__title_compare h4 {
  border-bottom: 2px solid #003264; }

.popup__result {
  margin-bottom: 20px; }
  .popup__result:last-child {
    margin-bottom: 30px; }
  .popup__result-no h6 {
    color: #5e5e5e;
    font-weight: 600;
    margin: 5px 0 15px; }
  .popup__result-list h6 {
    margin: 0 0 20px; }
  .popup__result-item {
    margin: 5px 0 20px;
    display: none; }
    .popup__result-item:nth-child(1), .popup__result-item:nth-child(2), .popup__result-item:nth-child(3) {
      display: block; }
    .popup__result-item a.status {
      margin-right: 5px;
      cursor: auto; }
      .popup__result-item a.status i {
        margin-left: 0px; }
    .popup__result-item h6 {
      color: #62C1EF;
      margin-bottom: 0;
      text-transform: uppercase; }
    .popup__result-item p {
      margin-top: 0; }
    .popup__result-item img {
      width: 50px; }
  .popup__result-brief h6 {
    margin: 0; }
  .popup__result h5.purple {
    color: #92278f;
    border-bottom: 1px solid #92278f; }
  .popup__result h5.red {
    color: #c80101;
    border-bottom: 1px solid #c80101; }
  .popup__result h5.orange {
    color: #ff8a01;
    border-bottom: 1px solid #ff8a01; }
  .popup__result h5.blue {
    color: #808080;
    border-bottom: 1px solid #808080; }
  .popup__result h5.grey {
    color: #808080;
    border-bottom: 1px solid #808080; }

.button__block {
  display: flex;
  justify-content: space-between;
  padding: 15px; }
  .button__block button {
    border-radius: 0 !important;
    padding: 8px 12px;
    margin: 0;
    text-transform: uppercase; }
  .button__block h6 {
    margin: 5px 0;
    color: #FFFFFF;
    font-weight: 500 !important;
    text-transform: uppercase; }
  .button__block_normal {
    display: block;
    margin: 20px auto;
    border-top: 3px solid #003264;
    border-bottom: 3px solid #003264;
    text-align: center; }
    .button__block_normal button {
      padding: 13px;
      width: auto; }
    .button__block_normal a {
      margin-top: 0;
      margin-bottom: 0;
      padding: 13px !important;
      text-transform: uppercase; }
      .button__block_normal a:active, .button__block_normal a:focus, .button__block_normal a:hover {
        color: #FFFFFF; }
  .button__block_right {
    text-align: right;
    display: block; }
  .button__block_accordian {
    background-color: #D7D7D7;
    padding: 10px; }

.overlay.loader {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #0000008f;
  z-index: 1050;
  display: none; }
  .overlay.loader .lds-ripple {
    display: inline-block !important; }

.overlay .lds-ripple {
  display: none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px; }

.overlay .lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }

.overlay .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s; }

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0; } }

.related__category {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600; }

.related__products {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden; }
  .related__products h6 {
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #003264 !important;
    font-weight: 600;
    line-height: 31px; }
  .related__products .switch {
    margin-top: 10px; }
  .related__products .color__dyes {
    color: #92278f; }
  .related__products .color__inks {
    color: #ff8a01; }
  .related__products .color__chemicals {
    color: #c80101; }

.related__items {
  font-size: 14px;
  margin-bottom: 5px;
  text-transform: uppercase; }
  .related__items .status {
    margin-right: 5px;
    cursor: auto; }
    .related__items .status .tooltiptext {
      display: none; }
    .related__items .status i {
      margin-left: 2px; }

.related__classification {
  font-size: 8px;
  display: block;
  margin-left: 20px;
  font-weight: 600; }

.editor__maincat {
  text-align: right;
  padding: 13px 0px; }

.editor__category {
  background-color: #30c3f1;
  padding: 6px 12px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  margin-right: -5px; }

.editor__block {
  padding: 20px;
  background-color: #ECECEC;
  margin-bottom: 20px; }

.editor__para {
  margin-bottom: 20px; }
  .editor__para a.status {
    cursor: auto; }
  .editor__para a {
    color: #30c3f1;
    text-decoration: underline; }
  .editor__para h1 {
    margin-bottom: 10px; }
    .editor__para h1 i.active, .editor__para h1 i.discontinued, .editor__para h1 i.inactive {
      margin-left: 0px; }
  .editor__para p:last-child {
    margin-bottom: 20px; }

.editor__date {
  font-style: italic;
  margin-top: 25px; }

.editor__edit {
  margin-bottom: 20px; }
  .editor__edit h6 {
    color: #003264;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0; }
  .editor__edit input {
    border: 0;
    border-radius: 0;
    height: 40px;
    margin-bottom: 0; }
  .editor__edit textarea {
    border: 0;
    border-radius: 0; }

.cke {
  margin-bottom: 0px !important; }

.fa-times:hover {
  color: #30c3f1; }

.mfp-wrap * {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: flat; }

.mfp-content-wrapper {
  margin-bottom: 20px;
  overflow: hidden; }
  .mfp-content-wrapper-update {
    width: 100%; }

.btn-normal {
  border: 1px solid #c4c4c4;
  background-color: #d9d9d9;
  width: auto;
  position: initial;
  color: #000000;
  text-transform: uppercase;
  min-width: initial;
  padding: 5px 10px;
  margin: auto 5px;
  cursor: pointer;
  border-radius: 8px;
  margin: 0; }

.tooltip-undread {
  position: absolute;
  right: 20px;
  top: 8px;
  bottom: 0;
  display: inline-block;
  transition: 0.3s; }

.tooltip-undread .tooltiptext {
  opacity: 0;
  width: 69px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px !important;
  position: absolute;
  z-index: 1070;
  bottom: 10%;
  transition: 0.3s;
  left: -25px;
  margin-left: -51px; }

.tooltip-undread .tooltiptext::after {
  content: "";
  position: absolute;
  top: 30%;
  transform: rotate(-90deg);
  left: 98%;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }

.tooltip-undread:hover .tooltiptext {
  opacity: 1;
  transition: 0.3s; }

.small-dialog .modal-body, .large-dialog .modal-body {
  border-radius: 0px !important; }

.mfp-content .modal-body .select2-selection--multiple:before {
  top: 32% !important;
  cursor: pointer;
  z-index: 10; }

.mfp-content .modal-body .select2-selection--multiple {
  padding: 5px 20px 0px !important; }

.select2-drop {
  z-index: 10052; }

.select2-drop-mask {
  z-index: 10052; }

i.active,
i.discontinued,
i.inactive {
  width: 9px;
  height: 9px;
  background-color: green;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 10px; }

i.discontinued {
  background-color: red !important; }

i.inactive {
  background-color: orange !important; }

.setting .tab-pane {
  margin-top: 1em;
  margin-bottom: 1em; }
  .setting .tab-pane__heading {
    background-color: #1fa0d8;
    color: #ededed;
    text-align: left;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-bottom: 0; }

.setting__wrap {
  padding: 20px 20px 0;
  border: 1px solid #ECECEC;
  box-shadow: inset 0px 6px 7px 4px #dee2e6; }

.setting__row {
  margin: 1em 0; }
  .setting__row label {
    font-size: 1em;
    font-weight: 500;
    font-family: "HelveticaNeue", Arial, sans-serif;
    vertical-align: middle; }

.setting .form__input-wrapper_btn {
  margin-top: 20px; }

.setting .form__wrapper-input {
  box-shadow: inset 0px 6px 7px 4px #dee2e6; }

.setting .form__wrapper-checkbox {
  margin-top: 0;
  margin-bottom: 0 !important; }

.setting input[type='checkbox'] {
  min-width: auto !important;
  margin-right: 10px;
  margin-bottom: 0; }

.setting input[type='submit'] {
  background-image: linear-gradient(to top, #013362, #64bfeb);
  border-top: 0; }

.setting .nav-tabs {
  border: none;
  padding-left: 0; }
  .setting .nav-tabs a {
    width: 100%; }
  .setting .nav-tabs__btn {
    background-color: #ECECEC;
    color: #003264;
    margin: 0 0 10px 0 !important;
    width: 100%; }
    .setting .nav-tabs__btn:hover {
      background-color: #003264;
      color: #ECECEC; }
    .setting .nav-tabs__btn:active {
      background-color: #003264;
      color: #ECECEC; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.analytic__block {
  padding: 50px;
  border: 1px solid #dadada;
  box-shadow: inset 0px 6px 7px -3px #dadada; }
  @media (max-width: 767px) {
    .analytic__block {
      padding: 10px; } }

.analytic__desc {
  margin-bottom: 20px; }
  .analytic__desc img {
    width: 100%;
    height: 100px;
    object-fit: contain; }
  .analytic__desc p {
    padding: 15px 0; }
  .analytic__desc h4 {
    padding: 15px 0;
    font-weight: 600;
    margin: 0;
    line-height: 60px;
    color: #003264; }
    @media (max-width: 767px) {
      .analytic__desc h4 {
        font-size: 20px;
        text-align: center; } }

.count__activity .date {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    .count__activity .date {
      flex-wrap: wrap; } }
  .count__activity .date__block {
    width: 100%;
    font-size: 12px;
    display: flex; }
    .count__activity .date__block form {
      display: flex;
      flex-wrap: wrap; }
    @media (max-width: 767px) {
      .count__activity .date__block {
        flex-wrap: wrap;
        margin: 0 0 10px; } }
    .count__activity .date__block select {
      font-size: 12px;
      margin: 0 10px 10px; }
    .count__activity .date__block input[type=text] {
      height: 35px !important;
      margin: 0 10px 0 0;
      border: 1px solid #dadada;
      border-radius: 12px;
      font-size: 12px;
      min-width: auto;
      width: 150px; }
      @media (max-width: 767px) {
        .count__activity .date__block input[type=text] {
          margin-bottom: 20px; } }
    .count__activity .date__block label {
      font-size: 12px; }
      @media (max-width: 767px) {
        .count__activity .date__block label {
          min-width: 71px; } }
    .count__activity .date__block button {
      margin: 0 10px 0 0 !important;
      min-width: auto !important;
      height: 35px; }

.count__form input[type='text'] {
  margin-bottom: 10px !important;
  font-size: 12px !important; }

.count__title {
  background: #008FC2;
  margin-bottom: 10px; }
  .count__title h6 {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 30px;
    text-align: center;
    margin: 0; }
  .count__title_filter {
    display: flex;
    padding: 10px;
    justify-content: space-around; }
    .count__title_filter h6 {
      text-align: left;
      padding: 10px 30px 10px 0; }
    .count__title_filter select {
      margin: auto 0;
      height: 30px;
      vertical-align: middle;
      padding-left: 5px;
      min-width: 125px;
      padding-right: 14px; }

.count__product {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 830px) {
    .count__product {
      flex-wrap: wrap; } }

.count__product-item {
  background: #008FC2;
  margin: 0 0 10px;
  padding: 10px;
  width: 31.33%; }
  @media (max-width: 830px) {
    .count__product-item {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 5px; }
      .count__product-item h1 {
        font-size: 16px; } }
  .count__product-item h4 {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: white; }
  .count__product-item h1 {
    margin: 0;
    font-weight: 700;
    color: white;
    text-align: center; }

.count__section {
  margin-bottom: 20px; }
  .count__section form input[type='text'] {
    margin-bottom: 10px !important;
    font-size: 12px !important;
    padding: 10px; }
  .count__section form .form-group {
    width: 32%; }
  .count__section form .form-btn {
    width: 33%; }
    .count__section form .form-btn .btn {
      min-width: auto;
      margin: 0;
      width: 100%; }

.count__material-list {
  background: #ebebeb;
  padding: 10px;
  display: block; }
  .count__material-list.resource-table {
    overflow: scroll;
    display: block; }
    .count__material-list.resource-table table {
      width: 500px !important; }
  .count__material-list::-webkit-scrollbar {
    width: 3px; }
  .count__material-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 3px; }
  .count__material-list ul li {
    font-size: 14px; }
  .count__material-list table {
    margin-top: 0px; }
    .count__material-list table th {
      padding: 5px;
      font-size: 11px !important; }
    .count__material-list table td {
      font-size: 11px !important;
      padding: 5px;
      font-weight: 500; }

.count__canvas_pie {
  width: 70%;
  margin: auto; }

.count__canvas_line {
  width: 100%;
  margin: auto; }

.footer__text {
  display: flex;
  justify-content: space-between;
  text-align: left; }
  @media (max-width: 767px) {
    .footer__text {
      flex-wrap: wrap; } }

#social-sidebar {
  list-style-type: none;
  display: flex; }
  @media (max-width: 767px) {
    #social-sidebar {
      padding: 0px;
      display: flex;
      justify-content: space-around;
      margin: auto; } }
  #social-sidebar li {
    text-align: right;
    font-size: 20px;
    color: #62C1EF;
    margin: 0 10px; }
    #social-sidebar li i {
      color: #62C1EF; }

.notificationCollapsed {
  display: none; }

.show-noty {
  display: block; }

.record__block {
  margin-top: 40px; }
  .record__block table th,
  .record__block table td {
    padding: 5px !important;
    font-size: 14px !important;
    line-height: normal;
    border-right: none; }
    .record__block table th:last-child,
    .record__block table td:last-child {
      border-right: 1px solid #ddd; }
  .record__block:first-child {
    margin-top: 0; }
  .record__block td button {
    background: #62C1EF;
    color: white;
    padding: 5px !important;
    min-width: -webkit-fill-available;
    height: auto;
    font-size: 12px; }

.editcheckbox input {
  margin: 0;
  vertical-align: middle;
  width: auto;
  min-width: auto; }

.editcheckbox label {
  margin-top: 0 !important;
  font-size: 14px; }

.adduser {
  float: right;
  min-width: 186px !important; }
  .adduser:hover, .adduser:active, .adduser:focus {
    color: white !important; }

#chartDiv {
  height: 420px; }

.setting-head {
  position: relative; }
  .setting-head .primary-nav__links-anchor {
    color: #008FC2 !important; }
  .setting-head__list {
    position: absolute;
    border: 1px solid #dadada;
    box-shadow: inset 0px 6px 7px -3px #dadada;
    border-radius: 4px;
    padding: 10px;
    left: -100%;
    margin-top: 10px;
    min-width: 170px;
    background: white;
    text-align: center; }
  .setting-head__items {
    padding: 0;
    text-align: left; }
    .setting-head__items li {
      text-align: left;
      margin-bottom: 5px !important;
      cursor: pointer; }
      .setting-head__items li:last-child {
        margin-bottom: 0px !important; }
      .setting-head__items li a {
        width: 100%;
        color: black; }
        .setting-head__items li a:hover {
          color: #2196F3; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.columbus__link-listing a {
  display: block;
  margin: 10px; }

.columbus__compare {
  padding: 20px;
  background: #ECECEC; }

.columbus__header h4 {
  text-transform: uppercase;
  color: #003264;
  border-bottom: 2px solid #003264; }

.columbus__block {
  margin-bottom: 15px; }
  .columbus__block a {
    display: block; }
  .columbus__block h6 {
    color: #003264;
    text-align: left;
    margin: 15px 0; }
  .columbus__block a.link {
    color: #FFFFFF; }
  .columbus__block .btn_enduse {
    padding-left: 0px;
    padding-right: 0px;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 2px; }

.columbus .updates__latest {
  -webkit-transition: box-shadow 0.3s linear;
  -moz-transition: box-shadow 0.3s linear;
  -o-transition: box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear;
  padding: 15px;
  background-color: #30c3f1;
  min-height: 80px;
  border-radius: 10px;
  min-height: 136px; }
  .columbus .updates__latest:hover {
    /*box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25);*/
    background: #30c3f1 radial-gradient(circle, transparent 1%, #ffffff54 1%) center/15000%; }
  .columbus .updates__latest:active, .columbus .updates__latest focus {
    background-color: #6eb9f7;
    background-size: 100%;
    transition: background 0s; }
  @media only screen and (max-width: 767px) {
    .columbus .updates__latest {
      margin-bottom: 15px; } }

.columbus .updates__detail {
  text-align: left;
  color: #FFFFFF; }
  .columbus .updates__detail h6 {
    margin: 0 0 10px;
    font-size: 12px;
    color: #FFFFFF; }
  .columbus .updates__detail h5 {
    margin: 0 0 10px;
    color: #FFFFFF; }

.columbus .products__type {
  overflow: hidden;
  position: relative;
  border-radius: 10px; }
  @media only screen and (max-width: 767px) {
    .columbus .products__type {
      margin-bottom: 15px; } }
  .columbus .products__type_block {
    overflow: hidden;
    height: 100px;
    background-color: #30c3f1;
    min-height: 80px;
    border-radius: 10px; }
    .columbus .products__type_block img {
      transform-origin: 30% 60%;
      transition: transform 3s, filter 3s ease-in;
      filter: brightness(120%); }
    .columbus .products__type_block:hover img {
      filter: brightness(100%);
      transform: scale(1.5);
      border-radius: 10px;
      overflow: hidden; }
    .columbus .products__type_block h3 {
      top: 35%;
      bottom: 0;
      left: 0;
      right: 0;
      color: #FFFFFF;
      text-transform: uppercase;
      position: absolute;
      margin: 0; }

.columbus .pg2__dyes {
  padding: 7px 8px !important;
  margin-bottom: 10px; }
  .columbus .pg2__dyes h6 {
    color: #FFFFFF !important;
    text-transform: uppercase;
    margin: 0;
    font-family: "HelveticaNeueLTStd-BdCn", Arial, sans-serif;
    font-weight: 600;
    font-size: 14px; }
  .columbus .pg2__dyes_purple {
    background-color: #92278f; }
  .columbus .pg2__dyes_red {
    background-color: #c80101; }
  .columbus .pg2__dyes_orange {
    background-color: #ff8a01; }
  .columbus .pg2__dyes_pink {
    background-color: #C71585; }
  .columbus .pg2__dyes_coffee {
    background-color: #E0B588; }
  .columbus .pg2__dyes_brown {
    background-color: #A52A2A; }

.jsTab {
  box-shadow: 3px 0 27px 0 rgba(13, 18, 32, 0.71);
  z-index: 100; }

.select2-selection--multiple:before {
  cursor: pointer; }

.export .export__products {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0px !important; }
  .export .export__products:hover {
    color: #FFFFFF !important; }

.start__download a {
  background-color: #c80101;
  color: #FFFFFF;
  padding: 7px;
  text-align: center;
  font-weight: bold;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 14px; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.page_compare {
  background: transparent; }

.compare__title {
  color: black;
  font-weight: 600;
  margin: 0px auto 20px;
  min-height: 39px; }

.compare__valuepara {
  font-size: 14px;
  text-align: left; }

.compare__button {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 10px; }
  .compare__button button {
    border-radius: 0;
    min-width: auto; }

.compare__block-item {
  position: relative;
  background-color: #ECECEC;
  border: 1px solid #5e5e5e;
  min-height: 700px;
  margin-bottom: 20px; }

.compare__block-search {
  background-color: #FFFFFF;
  padding: 8px 15px 93px; }
  .compare__block-search a.status {
    margin-right: 5px;
    cursor: auto; }
    .compare__block-search a.status i {
      margin-left: 5px; }
  .compare__block-search_result .jsViewMoreComparelist, .compare__block-search_result .jsShowLessComparelist {
    font-size: 12px; }
  .compare__block-search_result h2 {
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: left; }
  .compare__block-search_result ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px; }
  .compare__block-search_result li {
    margin-bottom: 5px;
    text-align: left; }
  .compare__block-search_result p {
    display: none; }
  .compare__block-search_result .results_title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase; }
  .compare__block-search_result .jsProductCompareSearchHtml {
    text-align: left; }
    .compare__block-search_result .jsProductCompareSearchHtml .selected {
      color: #30c3f1; }
    .compare__block-search_result .jsProductCompareSearchHtml .jsAddProductCompare {
      cursor: pointer;
      font-size: 14px;
      display: none;
      margin-bottom: 3px; }
      .compare__block-search_result .jsProductCompareSearchHtml .jsAddProductCompare:nth-child(4), .compare__block-search_result .jsProductCompareSearchHtml .jsAddProductCompare:nth-child(2), .compare__block-search_result .jsProductCompareSearchHtml .jsAddProductCompare:nth-child(3) {
        display: block; }
      .compare__block-search_result .jsProductCompareSearchHtml .jsAddProductCompare:hover {
        color: #30c3f1; }
  .compare__block-search form label {
    text-align: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 0; }
  .compare__block-search form input {
    border-radius: 0;
    margin-bottom: 0; }

.compare .jsCompareLabels {
  border-right: 1px solid #acacac; }
  .compare .jsCompareLabels .compare__item {
    font-weight: 600; }
    .compare .jsCompareLabels .compare__item:nth-last-child(2) {
      min-height: 70px; }

.compare__values {
  border-right: 1px solid #acacac;
  padding: 0px 10px; }
  .compare__values:last-child {
    border-right: none; }

.compare__item {
  color: #003264;
  margin-bottom: 10px; }
  .compare__item:nth-last-child(2) {
    min-height: 70px; }

/*
Compare Popup Table
*/
.compare {
  display: flex; }
  .compare__head {
    padding: 5px;
    font-size: 14px;
    flex: 1;
    border: 1px solid #00000038;
    border-right: 1px solid transparent; }
    .compare__head_mainfield {
      font-size: 14px;
      color: #003264;
      font-weight: 700; }
      .compare__head_mainfield span {
        color: #003264;
        font-weight: 600;
        float: right; }
    .compare__head_section {
      padding: 5px 15px;
      margin-top: 15px;
      font-size: 22px;
      background: gray;
      flex: 1;
      margin-bottom: 10px;
      color: white;
      border: none; }
    .compare__head_sub-cat {
      color: #003264; }
      .compare__head_sub-cat span {
        color: #003264;
        font-weight: 600;
        float: right; }
    .compare__head_cat {
      font-size: 18px;
      color: #003264;
      border-right: 1px solid #00000038; }
    .compare__head_field {
      padding: 5px;
      color: #003264; }
      .compare__head_field span {
        color: #003264;
        font-weight: 600;
        float: right; }
  .compare__product-item {
    padding: 5px;
    color: black;
    text-align: center;
    flex: 1;
    font-size: 14px;
    border: 1px solid #00000038;
    border-right: 1px solid transparent; }
    .compare__product-item:last-child {
      border-right: 1px solid #00000038; }
  .compare__product-mainitem {
    padding: 5px;
    color: #003264;
    text-align: center;
    flex: 1;
    border: 1px solid #00000038;
    border-right: 1px solid transparent; }
    .compare__product-mainitem:last-child {
      border-right: 1px solid #00000038; }
    .compare__product-mainitem a:focus {
      color: #000000; }

/*
Compare Popup Table ends here
*/
.accordian {
  /* .fa-plus {
			background-color: #939498;
			color:$color-white;
		}

		.fa-minus {
			background-color: white;
			color:$color-black;
		}
	.collapsed {
		.fa-plus {
			background-color: #939498;
			color:$color-white;
			
		}

		.fa-minus {
			background-color: $color-white;
			color:$color-black;

		}
	}*/ }
  .accordian__content {
    margin: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px; }
  .accordian__panel {
    margin-bottom: 20px; }
  .accordian__title {
    text-align: left; }
    .accordian__title h6 {
      color: #003264;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0 0 0; }
  .accordian__header {
    padding: 10px; }
    .accordian__header h6 {
      color: #000000;
      margin: 0;
      font-size: 14px;
      color: #FFFFFF; }
  .accordian__form {
    margin-right: 7px; }
  .accordian__field h6 {
    margin: 0 0 10px;
    color: #003264;
    text-transform: capitalize; }
    .accordian__field h6 span {
      color: #A2B4C7;
      font-style: italic;
      text-transform: lowercase; }
  .accordian .collapsed .fa-plus {
    background-color: #02B2D2; }
  .accordian .collapsed .fa-minus {
    background-color: #939498 !important; }
  .accordian .card__icons {
    float: right;
    display: inline-block;
    vertical-align: middle; }
    .accordian .card__icons .fa-minus {
      background-color: #02B2D2; }
    .accordian .card__icons i {
      margin: 0 5px;
      color: #FFFFFF;
      padding: 5px;
      background-color: #939498;
      font-size: 10px;
      border-radius: 50%;
      height: 20px;
      width: 20px;
      text-align: center; }

.tabs__field h6 {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 14px; }

.btn_compare {
  width: 100%;
  border-radius: 0px;
  padding: 13px; }

select {
  box-shadow: none !important; }

/*.jsCompareValues{
	.compare{
		&__head{
			padding:0 10px;
			color:$color-four;
		}
		&__product-item{
			padding:10px;

		}
	}
}*/
.competition .calender__table {
  display: flex;
  justify-content: flex-start;
  margin-right: 30px; }
  .competition .calender__table-block {
    padding: 20px;
    margin: 0 0 20px;
    background: #ebebeb; }
  .competition .calender__table table {
    padding: 2px 10px; }
  .competition .calender__table table td, .competition .calender__table th {
    border: none;
    background-color: transparent;
    padding: 0;
    font-size: 14px !important; }
  .competition .calender__table_months table td {
    font-weight: 500; }

.competition .calender__col {
  margin-right: 30px;
  text-align: left; }
  .competition .calender__col_year {
    font-weight: 600;
    font-size: 16px; }

.competition .calender__header {
  border-bottom: 1px solid black;
  padding-right: 0;
  font-weight: 600; }

.competition .calender__month {
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  transition: box-shadow 0.3s linear;
  -webkit-transition: box-shadow 0.3s linear;
  -moz-transition: box-shadow 0.3s linear;
  -o-transition: box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear; }
  .competition .calender__month img {
    width: 100%;
    max-height: 160px; }
  .competition .calender__month h6 {
    color: #FFFFFF;
    margin: 0;
    text-align: center; }
  .competition .calender__month:hover {
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25); }

.competition .calender__name {
  padding: 10px;
  text-align: center;
  background-color: #003264; }

.popup p {
  text-align: left; }

.popup__title {
  text-align: center; }

.external-homepage .segments__main-title {
  color: #003263;
  font-weight: bold; }

.external-homepage .segments__image {
  position: relative;
  width: 100%;
  min-height: 300px; }
  .external-homepage .segments__image-fix {
    width: 100%;
    height: 300px; }

.external-homepage .segments__card-title {
  position: absolute;
  background-color: #FFFFFF;
  color: #000000;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 10px;
  margin: 0; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.page-title {
  margin: 20px 0;
  font-size: 28px;
  /* padding: 15px; */
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  background: linear-gradient(to top, #013362, #31BFEE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.record__block {
  padding-bottom: 30px;
  border-bottom: 1px solid black; }
  .record__block .dataTable {
    margin-bottom: 20px; }
  .record__block:last-child {
    border-bottom: none; }
  .record__block input {
    margin-bottom: 0;
    font-size: 14px; }
  .record__block table td {
    font-weight: 400 !important;
    padding: 10px 30px; }
  .record__block table th {
    padding: 10px 30px; }
  .record__block table button {
    margin: 0 5px !important;
    min-width: auto; }
  .record__block .dataTables_wrapper .dataTables_filter input {
    height: 35px; }
  .record__block .dataTables_wrapper .dataTables_paginate .paginate_button .disabled {
    color: #666;
    border: 1px solid #ccc; }
  .record__block .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #62C1EF;
    background-color: #62C1EF;
    color: white; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

#featured-product .banner .banner__image img {
  min-height: 200px; }

.product__description {
  overflow: hidden; }

.terc__item img {
  max-width: 95px; }

.featured {
  margin: 25px auto;
  /*overview*/ }
  .featured__anchor {
    width: 100%; }
  .featured__padding {
    margin-bottom: 15px; }
    @media only screen and (min-width: 768px) {
      .featured__padding {
        padding-left: 7px;
        padding-right: 7px; } }
    .featured__padding p.other {
      padding-top: 15px; }
      .featured__padding p.other .here {
        color: #30c3f1; }
  .featured__block {
    margin-bottom: 25px;
    background-color: #ededed; }
    .featured__block_terc {
      padding: 30px 80px; }
      @media only screen and (max-width: 767px) {
        .featured__block_terc {
          padding: 20px; } }
      .featured__block_terc img {
        width: 100%;
        max-width: 400px; }
    .featured__block_overview {
      margin: 10px auto 15px;
      padding: 15px;
      background-color: #efefef7a; }
      @media only screen and (min-width: 768px) {
        .featured__block_overview {
          padding: 15px 22px; } }
      .featured__block_overview .featured__item {
        border-radius: 0; }
        .featured__block_overview .featured__item a {
          display: inline-block; }
          .featured__block_overview .featured__item a:focus {
            color: #000000; }
    .featured__block_share {
      margin-bottom: 30px; }
      .featured__block_share .here {
        color: #30c3f1; }
    .featured__block_count {
      padding: 10px 20px;
      display: flex;
      justify-content: flex-start; }
      .featured__block_count h6 {
        font-size: 10px;
        margin: auto 30px auto 0;
        font-weight: 800; }
      .featured__block_count P {
        margin: 0;
        font-size: 12px; }
  .featured__para {
    font-family: "HelveticaNeue", Arial, sans-serif;
    font-size: 30px; }
  .featured__title {
    text-align: center; }
    .featured__title h1 {
      font-family: "HelveticaNeueLTStd-BdCn", Arial, sans-serif;
      margin-bottom: 0; }
    .featured__title h5 {
      margin: 0; }
    .featured__title h6 {
      margin: 10px 0; }
    .featured__title span {
      font-size: 12px;
      margin-top: 0; }
  .featured__flex {
    display: flex;
    justify-content: center; }
    .featured__flex_wrap {
      flex-wrap: wrap; }
      .featured__flex_wrap .featured__item {
        max-width: 31.5%;
        margin: 0 10px 20px; }
        @media only screen and (max-width: 980px) {
          .featured__flex_wrap .featured__item {
            margin: 0 auto 20px;
            max-width: 100%; } }
      @media only screen and (max-width: 767px) {
        .featured__flex_wrap {
          max-width: 100%;
          margin: 0;
          display: block; } }
    @media only screen and (max-width: 767px) {
      .featured__flex {
        max-width: 100%;
        margin: 0;
        display: block; } }
  .featured__item-block {
    padding: 0 0 25px; }
    .featured__item-block h3 {
      color: #003264;
      font-size: 20px; }
  .featured__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 25px auto;
    margin-bottom: 100px; }
    .featured__list a {
      display: block; }
    .featured__list ul {
      padding-left: 0;
      list-style-type: none;
      font-size: 12px;
      text-align: left;
      font-family: "HelveticaNeue", Arial, sans-serif;
      font-weight: 600; }
      .featured__list ul:nth-child(1) {
        margin-right: 10px; }
  .featured__content {
    text-align: center;
    padding: 20px; }
    .featured__content_speciality img {
      width: 130px !important;
      margin-bottom: 20px; }
    .featured__content .portfolio {
      min-height: 320px;
      padding-top: 20px; }
      .featured__content .portfolio__item {
        text-align: left;
        line-height: 15px; }
        .featured__content .portfolio__item a {
          font-size: 12px;
          color: #000000;
          font-weight: 600; }
  .featured__item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    background-color: #ffffff75;
    -webkit-transition: box-shadow 0.3s linear;
    -moz-transition: box-shadow 0.3s linear;
    -o-transition: box-shadow 0.3s linear;
    transition: box-shadow 0.3s linear; }
    .featured__item img {
      width: 100%;
      max-height: 180px;
      object-position: top;
      object-fit: cover; }
    .featured__item:hover {
      box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25); }
    .featured__item_noborder {
      border-radius: 0;
      background-color: #ededed;
      max-width: 31%;
      margin: 10px;
      /*	&:nth-child(1){
	   	   img{width:130px;}
	   	}*/ }
      .featured__item_noborder img {
        width: 172px;
        margin: auto;
        max-height: initial; }
    @media only screen and (max-width: 767px) {
      .featured__item {
        max-width: 100%;
        margin: 0 auto 20px; } }
  .featured__name {
    font-family: "HelveticaNeue", Arial, sans-serif;
    padding: 10px;
    text-align: center;
    background-color: #003263; }
    .featured__name_solid-name {
      position: absolute;
      width: 100%;
      bottom: 0; }
      .featured__name_solid-name h6 {
        font-weight: 800; }
    .featured__name h6 {
      margin: 0;
      color: #FFFFFF; }
  .featured__anchor img {
    min-height: 180px; }
  .featured__overview {
    background-color: #e1e1e1;
    padding: 10px 0px;
    min-height: 109px; }
    .featured__overview-header {
      text-align: center; }
      .featured__overview-header h5 {
        display: inline-block;
        margin: auto;
        text-transform: uppercase;
        max-width: 140px;
        vertical-align: middle;
        text-align: left;
        font-size: 17px; }
      .featured__overview-header .g-icon_ppt {
        width: 183px; }
    .featured__overview-resources {
      padding: 0px; }
    .featured__overview-detail {
      margin: 20px auto;
      min-height: 49px; }
      .featured__overview-detail h6 {
        font-size: 16px;
        font-family: "HelveticaNeueLTStd-BdCn", Arial, sans-serif;
        font-weight: 700;
        margin: 0; }
      .featured__overview-detail p {
        font-size: 12px;
        margin: 0; }
        .featured__overview-detail p span {
          display: block; }
    .featured__overview-para p {
      font-size: 12px; }
  .featured__archive {
    padding: 20px 10px;
    min-height: 380px;
    max-height: 380px;
    overflow-x: auto; }
    .featured__archive h6 {
      font-size: 12px;
      font-family: "HelveticaNeueLTStd-BdCn", Arial, sans-serif;
      text-transform: uppercase;
      font-weight: 800;
      margin: 0; }
    .featured__archive ol {
      padding-left: 0px;
      list-style: none; }
    .featured__archive ol li {
      font-size: 12px;
      margin-bottom: 3px; }
  .featured__col_img img {
    width: 90%; }
  .featured__col_para {
    margin: auto; }
    .featured__col_para p .readmore {
      display: block;
      color: #30c3f1;
      font-weight: 600; }
  .featured__col-para {
    transition: .3s;
    margin-bottom: 10px; }
  .featured__col .moreless-button {
    cursor: pointer;
    color: #30c3f1;
    font-weight: 600; }

.shadow-bottom {
  -moz-box-shadow: inset  0 -10px 10px -10px grey;
  -webkit-box-shadow: inset  0 -10px 10px -10px grey;
  box-shadow: inset  0 -10px 10px -10px grey; }

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

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

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

#back-to-top {
  width: 46px;
  height: 46px;
  background-color: rgba(35, 37, 37, 0.84);
  border-radius: 50%;
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 24;
  display: none; }
  #back-to-top i {
    position: absolute;
    margin: auto;
    text-align: center;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }
  #back-to-top.show {
    display: block !important; }

.footer {
  width: 100%;
  padding: 9px 40px;
  font-size: 12px;
  color: #000000;
  margin-top: 10px;
  font-family: "HelveticaNeue", Arial, sans-serif; }
  @media only screen and (max-width: 767px) {
    .footer {
      margin-top: 0px;
      padding: 40px 40px 20px 40px;
      text-align: left;
      height: auto; } }
  .footer a {
    color: #696969; }
  @media only screen and (max-width: 420px) {
    .footer {
      padding: 20px; } }
  .footer ul,
  .footer li {
    list-style-type: none;
    text-decoration: none; }
    @media only screen and (max-width: 420px) {
      .footer ul,
      .footer li {
        display: block; } }
  .footer__text {
    line-height: 30px;
    text-align: left; }
    .footer__text_grey p {
      color: #696969; }
    @media only screen and (max-width: 767px) {
      .footer__text {
        text-align: center; } }
  .footer__links {
    display: flex;
    justify-content: space-around;
    padding-left: 0px;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .footer__links {
        display: block;
        margin-top: 10px;
        margin-bottom: 0px; } }
    .footer__links_right {
      justify-content: flex-end; }
      @media only screen and (max-width: 767px) {
        .footer__links_right {
          justify-content: center;
          display: flex !important; } }
    .footer__links-icon {
      margin: 0 0 0 20px;
      -webkit-transition: 0.6s ease; }
      @media only screen and (max-width: 767px) {
        .footer__links-icon {
          margin: 0 20px; } }
      .footer__links-icon:hover {
        -ms-transform: scale(1.2);
        /* IE 9 */
        -webkit-transform: scale(1.2);
        /* Safari 3-8 */
        transform: scale(1.2); }
    .footer__links-item {
      display: inline-block;
      padding: 0 5px; }
      @media only screen and (max-width: 767px) {
        .footer__links-item {
          display: block;
          padding: 0px;
          margin: 5px 0; } }
  @media only screen and (max-width: 767px) {
    .footer {
      display: block !important; }
      .footer .dropdown li:nth-last-child(1) {
        border-bottom: none; } }

/*
Cookie policy
*/
.cookie-notice {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0px;
  right: 0px;
  padding: 20px;
  background-color: rgba(35, 37, 37, 0.94);
  z-index: 201;
  margin: 0;
  transform: translateY(200px);
  -webkit-transition: all 0.6s ease-in;
  -moz-transition: all 0.6s ease-in;
  -o-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in; }
  .cookie-notice.show {
    transform: translateY(0px); }
  .cookie-notice p {
    margin: 0;
    padding: 0;
    font-size: 14px; }
    .cookie-notice p a {
      color: #ffb052; }
    @media only screen and (max-width: 767px) {
      .cookie-notice p {
        font-size: 12px; } }
  @media only screen and (max-width: 767px) {
    .cookie-notice {
      padding: 10px 15px; }
      .cookie-notice .btn {
        padding: 5px; } }

.jsContactUsModal .wpcf7-not-valid-tip {
  font-size: 12px; }

.jsContactUsModal .description textarea {
  margin-bottom: 0px; }

.jsContactUsModal .wpcf7-response-output {
  margin-top: 0px; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.gc {
  margin-top: 18%;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    .gc {
      margin-top: 20px;
      padding: 15px; } }
  .gc__footer {
    margin-top: 30px; }
    .gc__footer-wrapper {
      max-width: 380px; }
      @media (max-width: 600px) {
        .gc__footer-wrapper {
          max-width: 100%;
          text-align: center; } }
    .gc__footer .g-icon_qr {
      zoom: 0.85; }
    @media (max-width: 767px) {
      .gc__footer .g-icon_apple-store {
        margin-top: 10px; } }
    .gc__footer .g-icon_android-store {
      margin-top: 10px; }
    .gc__footer-download-msg {
      padding-left: 5px; }
  .gc__copy-holder {
    color: #000000;
    margin-top: 20px; }
    .gc__copy-holder p {
      line-height: 1.5; }
    .gc__copy-holder h4,
    .gc__copy-holder h6,
    .gc__copy-holder ul {
      color: #000000; }
    .gc__copy-holder h4,
    .gc__copy-holder h6 {
      font-weight: bold; }
    .gc__copy-holder ul {
      padding-left: 20px; }
  .gc__table-logo {
    margin-bottom: 40px; }
    .gc__table-logo i {
      display: block;
      margin: auto; }
  .gc__terms {
    margin-top: 20px;
    text-decoration: underline; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.external_header .primary-nav__links {
  background-color: #ebebeb;
  justify-content: center !important;
  margin: 15px 0 !important; }
  .external_header .primary-nav__links_center {
    justify-content: center; }
  .external_header .primary-nav__links-item {
    border-right: 1px solid #000000 !important; }
    .external_header .primary-nav__links-item a {
      color: #000000 !important; }

.external_header__search-right {
  display: flex; }
  .external_header__search-right a {
    color: #000000;
    align-self: center;
    padding: 0 10px; }

.external_header__search-left {
  display: flex; }
  .external_header__search-left a {
    align-self: center; }

.external_header .jsTriggerSearch {
  margin-bottom: 0; }

.external_header .navbar-mobile__main-menu li {
  padding: 10px 10px; }
  .external_header .navbar-mobile__main-menu li a {
    color: #FFFFFF;
    width: 100%; }
  .external_header .navbar-mobile__main-menu li .jsTriggerProductSearch {
    padding-right: 10px;
    text-transform: uppercase;
    color: #696969; }
  .external_header .navbar-mobile__main-menu li .header-loginname {
    text-transform: uppercase;
    color: #696969; }

#mobileNavbar .external_header__search-left a {
  font-size: 16px;
  padding: 10px; }

.columbus_new {
  background-image: url("/wp-content/themes/columbus/assets/images/bg-1.jpg") !important;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  width: 100%;
  object-fit: contain; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.header {
  width: 100%; }

.navbar {
  display: none;
  background-color: transparent;
  display: block;
  width: 100%;
  padding: 0;
  position: relative;
  top: 0;
  z-index: 10;
  background: transparent;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
  /*
  Primary navigation styles
  */
  /*
  Seondary Nav
  */
  /*
  End Primary navigation styles
  */
  /*
  Secondary navigation styles
  */
  /*
  End Secondary navigation styles
  */ }
  .navbar_up {
    background-color: rgba(35, 37, 37, 0.84); }
    .navbar_up .secondary-nav {
      padding: 10px 30px !important; }
      .navbar_up .secondary-nav__logo {
        transform: scale(0.7) !important; }
  .navbar .primary-nav {
    height: auto;
    font-size: 12px;
    color: #b1b1b1; }
    .navbar .primary-nav li,
    .navbar .primary-nav ul {
      margin: 0;
      list-style-type: none;
      text-decoration: none; }
    .navbar .primary-nav > div {
      height: 100%; }
    .navbar .primary-nav__links {
      display: flex;
      height: 100%;
      padding: 14px 25px 13px 0;
      justify-content: space-around;
      align-items: center;
      position: relative;
      /* &:before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                height: 100%;
                width: 1px;
                border-left: 1px solid #97979785;
            }
*/ }
      .navbar .primary-nav__links_right {
        justify-content: flex-end; }
      .navbar .primary-nav__links input {
        margin-bottom: 0;
        display: block;
        height: 28px; }
      .navbar .primary-nav__links span {
        display: block;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 2px; }
      .navbar .primary-nav__links .notification {
        margin-top: 5px;
        display: block;
        text-align: left; }
        .navbar .primary-nav__links .notification .logout {
          float: right; }
          .navbar .primary-nav__links .notification .logout span {
            display: inline-block;
            padding: 3px 0; }
        .navbar .primary-nav__links .notification i {
          margin-right: 0; }
        .navbar .primary-nav__links .notification__notify {
          display: inline-block; }
          .navbar .primary-nav__links .notification__notify .g-icon_notify {
            cursor: pointer; }
        .navbar .primary-nav__links .notification__list {
          background-color: white;
          border-radius: 8px;
          margin-top: 5px;
          position: absolute;
          z-index: 0;
          padding: 0;
          transition: 0.3s;
          box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25); }
          .navbar .primary-nav__links .notification__list ul {
            max-height: 250px;
            min-width: 210px;
            overflow: auto;
            padding-left: 0; }
            .navbar .primary-nav__links .notification__list ul li {
              padding: 10px 20px;
              display: flex;
              border-bottom: 1px solid #dadada;
              margin-bottom: 0;
              position: relative; }
              .navbar .primary-nav__links .notification__list ul li.seen {
                background: #ededed; }
              .navbar .primary-nav__links .notification__list ul li:last-child {
                border-bottom: none; }
              .navbar .primary-nav__links .notification__list ul li a {
                cursor: pointer;
                width: 95%; }
                .navbar .primary-nav__links .notification__list ul li a:hover {
                  color: #30c3f1; }
              .navbar .primary-nav__links .notification__list ul li .unread {
                background: transparent;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                border: 1.5px solid grey;
                display: inline-block;
                vertical-align: middle;
                right: 15px;
                margin: 5px auto; }
              .navbar .primary-nav__links .notification__list ul li .read {
                background: #737373; }
            .navbar .primary-nav__links .notification__list ul::-webkit-scrollbar {
              width: 2px !important;
              height: 4px; }
        .navbar .primary-nav__links .notification__digit {
          background-color: #62C1EF;
          padding: 3px 5px;
          display: inline-block;
          margin-left: 20px;
          color: #FFFFFF;
          margin: auto;
          cursor: pointer;
          border-radius: 30px;
          font-size: 10px; }
      @media only screen and (max-width: 420px) {
        .navbar .primary-nav__links {
          margin-top: 10px;
          margin-bottom: 0;
          text-align: center; } }
      .navbar .primary-nav__links-item {
        display: flex;
        align-items: center;
        padding: 0 10px;
        border-right: 1px solid #696969;
        font-size: 10px;
        line-height: initial;
        font-family: "HelveticaNeue", Arial, sans-serif; }
        .navbar .primary-nav__links-item.active a::after, .navbar .primary-nav__links-item.active a::before {
          width: 100% !important;
          left: 0; }
        .navbar .primary-nav__links-item a {
          color: #696969; }
        .navbar .primary-nav__links-item_right {
          flex: initial;
          display: inline-block;
          text-align: center; }
          .navbar .primary-nav__links-item_right span strong {
            color: #868686;
            display: inline-block; }
        .navbar .primary-nav__links-item:last-child {
          border-right: none !important; }
      .navbar .primary-nav__links-seperator {
        display: inline-block;
        width: 1px;
        height: 12px;
        border-right: 1px solid #b1b1b1;
        margin: 0 8px; }
        .navbar .primary-nav__links-seperator-large {
          height: 100%; }
      .navbar .primary-nav__links-anchor {
        position: relative; }
        .navbar .primary-nav__links-anchor:hover {
          color: #696969 !important; }
          .navbar .primary-nav__links-anchor:hover::after, .navbar .primary-nav__links-anchor:hover::before {
            width: 100% !important;
            left: 0; }
        .navbar .primary-nav__links-anchor::after, .navbar .primary-nav__links-anchor::before {
          content: "";
          position: absolute;
          top: calc(100% + 5px);
          width: 0;
          right: 0;
          height: 3px; }
        .navbar .primary-nav__links-anchor::before {
          transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s;
          background: #c2eaf7; }
        .navbar .primary-nav__links-anchor::after {
          transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
          background: #30c3f1; }
        .navbar .primary-nav__links-anchor_logout::after, .navbar .primary-nav__links-anchor_logout::before {
          content: "";
          position: absolute;
          top: calc(100% + 2px);
          width: 0;
          right: 0;
          height: 3px; }
  .navbar .secondary-nav {
    padding: 20px 30px 0;
    font-size: 14px;
    color: #000000;
    display: flex;
    align-items: center;
    -webkit-transition: padding 0.5s ease-in-out;
    -moz-transition: padding 0.5s ease-in-out;
    -o-transition: padding 0.5s ease-in-out;
    transition: padding 0.5s ease-in-out; }
    @media only screen and (max-width: 980px) {
      .navbar .secondary-nav {
        padding: 20px 10px; } }
    @media only screen and (max-width: 767px) {
      .navbar .secondary-nav {
        display: none; } }
    .navbar .secondary-nav li,
    .navbar .secondary-nav ul {
      margin: 0;
      list-style-type: none;
      text-decoration: none; }
    .navbar .secondary-nav > div {
      height: 100%; }
    .navbar .secondary-nav__logo {
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      width: 150px; }
      .navbar .secondary-nav__logo_ext {
        width: 250px; }
        @media only screen and (max-width: 980px) {
          .navbar .secondary-nav__logo_ext {
            width: 80px; } }
        @media only screen and (max-width: 420px) {
          .navbar .secondary-nav__logo_ext {
            width: 68px; } }
      @media only screen and (max-width: 980px) {
        .navbar .secondary-nav__logo {
          width: 120px; } }
      @media only screen and (max-width: 420px) {
        .navbar .secondary-nav__logo {
          width: 68px; } }
    .navbar .secondary-nav__links {
      display: flex;
      height: 100%;
      padding-left: 0;
      justify-content: space-between;
      align-items: center;
      position: relative;
      padding-top: 14px;
      padding-bottom: 13px; }
      @media only screen and (max-width: 420px) {
        .navbar .secondary-nav__links {
          margin-top: 10px;
          margin-bottom: 0;
          text-align: center; } }
      .navbar .secondary-nav__links-item {
        display: flex;
        align-items: center;
        padding: 0 10px; }
        .navbar .secondary-nav__links-item:last-child {
          padding-left: 0;
          padding-right: 0; }
        .navbar .secondary-nav__links-item_btn {
          padding-left: 10px !important; }
        .navbar .secondary-nav__links-item .btn {
          letter-spacing: 1.5px; }
      .navbar .secondary-nav__links-anchor {
        position: relative;
        letter-spacing: 1.5px; }
        .navbar .secondary-nav__links-anchor.active {
          color: #30c3f1; }
        .navbar .secondary-nav__links-anchor:hover::after, .navbar .secondary-nav__links-anchor:hover::before {
          width: 100%;
          left: 0; }
        .navbar .secondary-nav__links-anchor::after, .navbar .secondary-nav__links-anchor::before {
          content: "";
          position: absolute;
          top: calc(100% + 5px);
          width: 0;
          right: 0;
          height: 3px; }
        .navbar .secondary-nav__links-anchor::before {
          transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s;
          background: #c2eaf7; }
        .navbar .secondary-nav__links-anchor::after {
          transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
          background: #30c3f1; }
  .navbar .primary-nav__logo {
    width: 250px; }
    @media only screen and (max-width: 767px) {
      .navbar .primary-nav__logo {
        width: 200px; } }
    @media only screen and (max-width: 420px) {
      .navbar .primary-nav__logo {
        width: 150px; } }

/*
Dark theme
*/
body.theme_dark a.primary-nav__links-anchor,
body.theme_dark a.secondary-nav__links-anchor {
  color: #000000; }

body.theme_dark .navbar .primary-nav,
body.theme_dark .navbar .primary-nav__links:before {
  border-color: #000000; }

body.theme_dark .navbar_up {
  background-color: rgba(245, 244, 223, 0.81); }

@media only screen and (max-width: 767px) {
  #navbarSupportedContent {
    display: none; } }

.navbar-mobile {
  background-color: rgba(95, 89, 89, 0.61); }
  @media only screen and (min-width: 767px) {
    .navbar-mobile {
      display: none; } }
  .navbar-mobile .navbar-header {
    position: relative;
    padding: 16px 10px; }
  .navbar-mobile .navbar-toggle {
    padding: 13px 15px;
    min-width: auto;
    border: none;
    background-color: rgba(95, 89, 89, 0.61);
    text-align: right;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
    right: 15px;
    box-shadow: none;
    top: -5px; }
  .navbar-mobile .navbar-collapse {
    position: relative;
    background-color: #15322d;
    padding: 35px 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .navbar-mobile .navbar-collapse li {
      font-size: 20px;
      margin-bottom: 15px;
      color: white; }
  .navbar-mobile__links {
    margin-top: 15px;
    margin-bottom: 15px;
    position: absolute;
    bottom: 0; }
  .navbar-mobile__sub-menu {
    padding-top: 40px; }
    .navbar-mobile__sub-menu li {
      font-size: 15px !important;
      font-weight: 400;
      margin-bottom: 5px; }

.icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 16px;
  vertical-align: middle;
  fill: none; }

.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #fff; }

.icon-menu .line-1 {
  top: -5px; }

/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -moz-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg); }

/* Line 2 */
.icon-menu .line-2 {
  top: 50%;
  margin-top: -6px; }

/* When active, hide line 2 */
.is-active .icon-menu .line-2 {
  opacity: 0; }

/* Line 3 */
.icon-menu .line-3 {
  bottom: 4px; }

/* Line 4 */
.icon-menu .line-4 {
  bottom: -3px; }

.is-active .icon-menu .line-4 {
  opacity: 0; }

/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg); }

.ppt {
  width: 65px !important;
  margin: 15px 0 0 15px !important; }

.mark-as-read {
  float: right; }

.read-all {
  padding: 10px;
  text-align: center;
  text-decoration: underline;
  color: blue;
  cursor: pointer; }
  .read-all span {
    padding-top: 0 !important;
    text-align: center !important; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.home__title h1 {
  font-size: 28px; }
  .home__title h1 span {
    margin-top: 20px;
    display: inline-block; }
  .home__title h1 i.g-icon_watermark-light {
    position: absolute;
    left: 0;
    top: -8px; }

.home__title h3 {
  margin-bottom: 10px; }
  .home__title h3 .g-icon_bar-logo-dark,
  .home__title h3 .g-icon_marketing-logo {
    margin-left: -12px; }

.home__title p {
  text-align: justify; }

.home__title .map__address-inner p {
  text-align: center;
  font-size: 12px;
  line-height: 1.8; }

@media (max-width: 1280px) and (min-width: 767px) {
  .restaruant-block__cta-wrapper .btn.btn_invert {
    padding: 10px 15px; }
  .restaruant-block__cta-set {
    display: block;
    margin-left: 0 !important;
    width: 114px; } }

.discover__maintitle {
  color: #11231d;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .discover__maintitle {
      font-size: 24px; } }

.discover__title {
  font-size: 16px; }
  @media (max-width: 420px) {
    .discover__title {
      font-size: 14px; } }

.cta-text {
  margin-top: 0; }

.feature {
  margin: 30px auto; }
  .feature-main__title {
    text-align: center;
    margin-bottom: 0px;
    font-weight: 700;
    color: #003264; }
  .feature-sub__title {
    text-align: center;
    font-size: 24px;
    max-width: 800px;
    margin: auto;
    margin-bottom: 20px; }
  .feature__banner .feature__banner-image img {
    width: 100%; }
  .feature__banner .feature__banner-content .feature__banner-link {
    width: 14%;
    float: left;
    text-align: center;
    text-transform: uppercase; }
    .feature__banner .feature__banner-content .feature__banner-link h5 {
      min-height: 50px;
      font-size: 15px;
      color: #003263;
      font-weight: 600;
      padding-top: 5px; }
    .feature__banner .feature__banner-content .feature__banner-link a {
      border: 1px solid grey;
      padding: 5px 15px;
      border-radius: 10px;
      font-size: 10px;
      margin-bottom: 25px; }
  .feature__block {
    background-color: #ebebeb;
    padding: 30px 20px;
    margin-bottom: 30px;
    border-radius: 10px; }
    @media only screen and (max-width: 767px) {
      .feature__block {
        max-width: 100%;
        margin: 0;
        display: block; } }
  .feature__wrapper {
    display: flex;
    margin: 10px 18px;
    border-radius: 8px;
    overflow: hidden;
    height: 120px; }
    .feature__wrapper:last-child {
      margin-bottom: 0; }
    .feature__wrapper:hover {
      box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25); }
  .feature__note {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase; }
  .feature__header {
    text-align: center;
    padding-bottom: 20px; }
    .feature__header h3 {
      font-size: 19px;
      text-transform: uppercase;
      color: #003264;
      margin: 0;
      font-weight: 800; }
  .feature__item-holder {
    -webkit-transition: box-shadow 0.3s linear;
    -moz-transition: box-shadow 0.3s linear;
    -o-transition: box-shadow 0.3s linear;
    transition: box-shadow 0.3s linear; }
    .feature__item-holder:hover {
      box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25); }
    .feature__item-holder_noHover:hover {
      box-shadow: none; }
  .feature__item {
    background-color: #ebebeb;
    padding: 25px;
    max-width: 31%;
    margin: 0 15px;
    border-radius: 10px; }
    @media only screen and (max-width: 767px) {
      .feature__item {
        max-width: 100%;
        margin: 0 auto 20px;
        max-width: 100%; } }
    .feature__item_nobg {
      background-color: transparent;
      padding: 0;
      margin: 0;
      max-width: 100%; }
      .feature__item_nobg .feature__item {
        position: relative;
        max-width: 100%;
        min-height: 180px;
        padding: 5px 15px; }
        .feature__item_nobg .feature__item img {
          margin: 0px auto;
          width: 100%; }
        .feature__item_nobg .feature__item:nth-child(1) {
          margin-bottom: 6px; }
          @media only screen and (max-width: 767px) {
            .feature__item_nobg .feature__item:nth-child(1) {
              margin: 0 auto 20px;
              text-align: center; } }
  .feature__text-block {
    margin: 60px auto;
    text-align: center; }
    .feature__text-block h2 {
      font-size: 20px;
      font-weight: 600; }
  .feature__image img {
    width: 128px;
    height: 100%;
    object-fit: cover; }
  .feature__image-block img {
    width: 100%; }
  .feature__image-block_right {
    padding: 13px 20px 27px;
    margin-bottom: 30px; }
  .feature__detail {
    padding: 10px;
    background: #D7D7D7;
    /*max-width: 190px;*/
    width: 100%; }
    .feature__detail h4 {
      font-size: 14px; }
    .feature__detail h5 {
      font-size: 13px;
      font-family: "HelveticaNeue", Arial, sans-serif;
      margin: 0;
      text-transform: uppercase; }
    .feature__detail h6 {
      font-size: 14px;
      margin-top: 10px; }
    .feature__detail p {
      font-size: 12px; }
      .feature__detail p span {
        display: block;
        color: #30c3f1;
        margin-top: 10px;
        font-weight: 600; }
    .feature__detail_bold h5 {
      font-weight: 800;
      font-style: initial; }

a.status {
  position: relative;
  display: inline-block; }

.status .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 6px;
  padding: 2px 5px;
  position: absolute;
  z-index: 10;
  top: 2px;
  text-transform: capitalize;
  right: 110%;
  /*margin-left: -16px;*/ }

.status .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent black; }

.status:hover .tooltiptext {
  visibility: visible; }

.show-status {
  background: black;
  width: 150px;
  color: white;
  display: none; }

a.status:hover .show-status {
  display: block; }

.verticle__line {
  width: 2px;
  background-color: #D7D7D7; }

.color__code a.status {
  position: relative;
  display: inline-block; }

.color__code .status .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 6px;
  padding: 2px 5px;
  position: absolute;
  z-index: 10;
  top: -75%;
  right: 0 !important;
  left: 0;
  text-transform: capitalize;
  right: 110%;
  /*margin-left: -16px;*/ }

.color__code .status .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 118%;
  left: 50%;
  transform: rotate(90deg);
  margin-top: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent black; }

.color__code .status:hover .tooltiptext {
  visibility: visible; }

.color__code .show-status {
  background: black;
  width: 150px;
  color: white;
  display: none; }

.color__code a.status:hover .show-status {
  display: block; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.page_login .btn, .page_resetPassword .btn, .page_forgetPassword .btn {
  border-radius: 12px; }

.page_login .g-icon_columbus-logo, .page_resetPassword .g-icon_columbus-logo, .page_forgetPassword .g-icon_columbus-logo {
  margin-bottom: 30px; }

.page_login p,
.page_login label, .page_resetPassword p,
.page_resetPassword label, .page_forgetPassword p,
.page_forgetPassword label {
  font-family: Arial, sans-serif; }

.page .login__otp, .page .login__enter {
  margin-top: 5px;
  margin-bottom: 20px; }

.page .login__footer {
  margin-top: 20px;
  margin-bottom: 30px; }

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

.page .login .notify {
  font-size: 10px;
  color: grey;
  margin-top: 20px; }
  .page .login .notify span {
    font-weight: 600; }

.page .login__header {
  color: #003264;
  font-weight: 700;
  font-size: 30px;
  margin: 0; }
  .page .login__header_sm {
    font-size: 20px; }

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

.page .login input[type='text'],
.page .login input[type='password'] {
  margin-bottom: 5px;
  display: block;
  margin: auto; }

.page .login input[type='text'],
.page .login input[type='password'] {
  margin-bottom: 5px; }

.has-error + .cke {
  box-shadow: 0 0 3px #f02d44; }

.error {
  color: red;
  bottom: 0px !important;
  position: initial !important;
  left: 0;
  display: block;
  margin: auto; }

.message {
  color: #000000; }
  .message.red {
    color: red; }
  .message.green {
    color: green; }
  .message__block {
    width: 60%;
    margin: 30px auto;
    line-height: 22px; }

.disabled {
  background-color: grey !important;
  pointer-events: none;
  opacity: 0.5; }

#scan_barcode {
  cursor: pointer; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

html,
body,
.page {
  height: auto;
  -webkit-box-shadow: inset 0px 400px 57px -53px white;
  -moz-box-shadow: inset 0px 400px 57px -53px white;
  box-shadow: inset 0px 400px 57px -53px white; }

@media only screen and (767px) {
  div.container {
    padding-left: 10px;
    padding-right: 10px; } }

/*
Common page css
*/
.page {
  height: 100%; }
  @media only screen and (max-width: 420px) {
    .page {
      -webkit-overflow-scrolling: touch; } }
  .page_white {
    background: white; }
  .page__wrapper {
    min-height: 100%;
    margin: 0 auto;
    position: relative; }

.page__content {
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
  padding-bottom: 50px;
  max-width: 1200px; }
  @media (max-width: 767px) {
    .page__content {
      padding-bottom: 3px; } }

.container-fluid {
  padding: 0; }

.g-icon_huntsman-logo {
  zoom: 0.7; }

.cke_bottom {
  display: none !important; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.productsheet__main-header {
  border-bottom: 2px solid #003264; }
  .productsheet__main-header h5 {
    color: #003264;
    font-size: 30px;
    text-transform: uppercase; }

.product-advanced-search {
  display: none;
  margin-bottom: 25px; }

.results_title {
  font-size: 24px;
  margin-top: 20px; }

.section2__row {
  margin-bottom: 20px;
  width: 100%; }

.section2__sub-header {
  color: #003264;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase; }

.section2__title h6 {
  color: #003264;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase; }
  .section2__title h6 span {
    color: #A2B4C7;
    font-style: italic;
    text-transform: lowercase;
    font-weight: normal; }
    .section2__title h6 span span {
      text-transform: uppercase; }

.section2__enduse .select-dropdown {
  width: 24%;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px; }
  .section2__enduse .select-dropdown-block {
    display: flex; }
    .section2__enduse .select-dropdown-block .remove {
      margin: 12px auto; }

.section2 .tabs__field {
  margin-bottom: 0; }
  .section2 .tabs__field h6 {
    color: black;
    font-weight: 600; }
    .section2 .tabs__field h6 span {
      font-weight: 500;
      color: black; }

.section2 .select-dropdown__select {
  margin-bottom: 0 !important; }

.cke_editable table th {
  padding: 8px 30px; }
  .cke_editable table th h3 {
    font-size: 16px !important;
    margin: 0px !important; }

.cke_editable table td {
  padding-top: 10px;
  padding-bottom: 10px; }
  .cke_editable table td h3 {
    font-size: 14px !important;
    margin: 0px !important; }

.section3 .pattern__upload {
  margin-top: 30px;
  margin-bottom: 10px; }
  .section3 .pattern__upload-img {
    background-color: #000000;
    max-height: 150px;
    min-height: 150px;
    position: relative;
    border: 1px solid black; }
    .section3 .pattern__upload-img .uploaded-img {
      position: absolute;
      width: 100%;
      height: 150px;
      object-fit: cover;
      object-position: top center; }
  .section3 .pattern__upload h3 {
    margin: 15px auto;
    font-size: 16px;
    text-align: center; }
  .section3 .pattern__upload button {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase; }

.section3 .pattern__table-edit {
  font-size: 14px; }
  .section3 .pattern__table-edit th table h3 {
    font-size: 14px;
    margin: 0px !important; }

.section3 .pattern__table th {
  padding: 10px;
  background: #30c3f1; }
  .section3 .pattern__table th h3 {
    color: white;
    margin: 0px;
    font-size: 18px; }

.section3 .pattern__table td {
  padding: 10px;
  background-color: #8080806b; }
  .section3 .pattern__table td:first-child {
    width: 50%;
    background-color: #f5f5f5; }
  .section3 .pattern__table td.bg_cyan h3, .section3 .pattern__table td.bg_dark-blue h3 {
    color: #FFFFFF; }
  .section3 .pattern__table td h3 {
    margin: 0;
    font-size: 18px; }

#proceed__next {
  display: none;
  color: green;
  margin-left: 10px; }

.section4__row {
  margin-bottom: 20px;
  width: 100%; }

.section4__file {
  text-align: center;
  margin: auto; }
  .section4__file img {
    width: 75px;
    margin: 15px auto 0; }
  .section4__file_flex {
    display: flex;
    margin-top: 10px; }

.section4__button .btn {
  color: white !important;
  margin-left: 0 !important;
  min-width: 124px; }
  .section4__button .btn:first-child {
    margin: 0; }

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

.section4__input input {
  padding: 15px; }

.section4__input textarea {
  margin-bottom: 0; }

.section4__title {
  margin-top: 30px; }
  .section4__title h6 {
    color: #003264;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .section4__title h6 span {
      color: #A2B4C7;
      font-style: italic;
      text-transform: lowercase;
      font-weight: normal; }
      .section4__title h6 span span {
        text-transform: uppercase; }

.section4__date {
  font-size: 14px;
  font-style: italic; }

.section4 textarea {
  height: 80px;
  max-height: 80px; }

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

#the-canvas {
  border: 1px solid black;
  direction: ltr;
  width: 100%; }

.pdfobject-container {
  height: 30rem; }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.select-dropdown {
  position: relative; }
  .select-dropdown__select {
    width: 100% !important;
    border-radius: 0;
    background-color: #D3D4D6;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: inherit;
    height: 35px;
    margin-bottom: 0; }
  .select-dropdown .g-downarrow {
    position: absolute;
    display: inline-block;
    right: 15px;
    position: absolute;
    top: 35%;
    z-index: -1; }

.select2-dropdown {
  z-index: 0 !important; }

.js-example-basic-single,
.jsBasic,
.jsSingleCheck,
.jsMultiCheck {
  width: 100%; }

.select-dropdown input {
  margin-top: 0; }

.select2-container--custom-select-basic .select2-results__option:before {
  display: none !important; }

.select2-container--custom-select-basic .select2-results__select {
  width: 100% !important;
  border-radius: 0;
  background-color: #D3D4D6;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: inherit;
  height: 35px;
  margin-bottom: 0; }

.select2-container--custom-select-basic .select2-results .g-downarrow {
  position: absolute;
  display: inline-block;
  right: 15px;
  position: absolute;
  top: 35%; }

.js-example-basic-single,
.jsBasic,
.jsSingleCheck,
.jsMultiCheck {
  width: 100%; }

.select2-container--custom-select-basic .select2-results__option:before {
  display: none !important; }

.select2-results__option .wrap:before {
  font-family: fontAwesome;
  color: #999;
  content: "\f096";
  width: 25px;
  height: 25px;
  padding-right: 10px; }

.select2-results__option[aria-selected=true] .wrap:before {
  content: "\f14a"; }

.select2-selection {
  min-height: 40px; }

.select2-selection--multiple:before {
  content: "";
  position: absolute;
  right: 7px;
  top: 42%;
  margin-right: 10px;
  border-top: 15px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; }

.select2-container--open .select2-selection--multiple:before {
  content: "";
  position: absolute;
  right: 7px;
  top: 42%;
  margin-right: 10px;
  border-top: 0px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 15px solid #fff; }

.select2-selection--multiple,
.select2-selection--single {
  text-align: left;
  border-radius: 0 !important;
  border: none !important;
  background-color: #D7D7D7 !important;
  margin-bottom: 0 !important;
  padding: 5px 20px 5px !important;
  line-height: initial;
  font-size: 16px;
  height: auto !important; }
  .select2-selection--multiple:focus,
  .select2-selection--single:focus {
    outline: none !important; }

.select2-container {
  width: 100% !important; }
  .select2-container:focus {
    outline: none !important; }

.select2-container--open {
  z-index: 1044; }

.select2-selection__rendered {
  padding-left: 0 !important;
  vertical-align: middle;
  color: #000000 !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 15px 8px 0 8px;
  margin-top: 0;
  margin-left: -20px;
  border-color: #fff transparent transparent transparent !important; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent !important;
  border-width: 0 8px 15px 8px; }

.select2-search__field {
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  line-height: normal;
  background-color: #D7D7D7; }

.select2-selection__clear {
  display: none; }

.select2-results__option {
  padding: 10px 20px;
  vertical-align: middle; }

.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  background-color: transparent;
  margin-right: 20px;
  border: 2px solid #000000;
  vertical-align: middle; }

.select2-results__message.select2-results__option:before {
  display: none; }

.select2-results {
  background: #D7D7D7; }

.select2-results__option[aria-selected=true]:before {
  font-family: fontAwesome;
  content: "\f00c";
  color: #000000;
  background-color: #D7D7D7;
  border: 2px solid #000000;
  display: inline-block; }

.select2-selection__choice {
  border: none !important;
  background: transparent !important;
  font-size: 16px;
  line-height: 14px;
  margin-top: 0 !important; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #D7D7D7; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #eaeaeb;
  color: #272727; }

.select2-container--default .select2-selection--multiple {
  margin-bottom: 10px; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 4px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f77750;
  border-width: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  line-height: 30px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  line-height: 30px;
  vertical-align: middle; }

.select2-container--default .select2-selection--multiple {
  border-width: 2px; }

.select2-container--open .select2-dropdown--below {
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.select2-selection .select2-selection--multiple:after {
  content: 'hhghgh'; }

.select-icon .select2-selection__placeholder .badge {
  display: none; }

.select-icon .placeholder {
  display: none; }

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
  display: none !important; }

.select-icon .select2-search--dropdown {
  display: none; }

.select2-results__add-wrapper {
  padding: 10px 20px; }
  .select2-results__add-wrapper .btn {
    margin: 0; }

.select2__editable {
  display: flex;
  align-items: center;
  justify-items: center; }
  .select2__editable-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 95%; }
  .select2__editable-text, .select2__editable-actions {
    flex: auto; }
  .select2__editable-text {
    width: 80%; }
  .select2__editable-actions {
    width: auto;
    text-align: right;
    font-size: 12px; }
    .select2__editable-actions a {
      margin: 0 5px;
      font-weight: 600;
      color: #003264; }
      .select2__editable-actions a:hover {
        color: #30c3f1; }

label.myErrorClass {
  color: red;
  font-size: 11px;
  display: block; }

ul.myErrorClass input {
  color: #666 !important; }

ul.myErrorClass,
input.myErrorClass,
textarea.myErrorClass,
select.myErrorClass {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #cc0000 !important;
  background-color: #f3d8d8 !important;
  background-position: 50% 50% !important;
  background-repeat: repeat !important;
  background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/blitzer/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) !important; }

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

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.product-finder__left {
  border-right: 1px solid #b8b8b8; }
  @media only screen and (max-width: 767px) {
    .product-finder__left {
      border: none;
      border-bottom: 1px solid #b8b8b8; } }

.product-finder__main-title {
  color: #003263;
  font-weight: bold; }

.product-finder__description {
  font-weight: bold; }

.product-finder__form-title {
  text-transform: uppercase;
  color: #b8b8b8;
  font-weight: bold; }

.product-finder th,
.product-finder td {
  border: none; }

.product-finder form th {
  text-align: end;
  width: 60px;
  background-color: transparent; }

.product-finder form label {
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: 0;
  text-align: end; }

.product-finder form input {
  margin-bottom: 0; }

.product-finder form label.error {
  text-align: start;
  text-transform: none; }

.product-finder__button-group {
  margin: 0 15px; }
  @media only screen and (min-width: 767px) {
    .product-finder__button-group {
      display: flex;
      justify-content: end; } }
  .product-finder__button-group .btn {
    width: auto; }
    @media only screen and (max-width: 767px) {
      .product-finder__button-group .btn {
        margin-left: 0 !important;
        width: 100%; } }

@media only screen and (max-width: 767px) {
  .product-finder__left {
    padding-top: 30px;
    padding-bottom: 30px; } }

.product-finder__right {
  padding-top: 50px;
  padding-bottom: 30px; }

@media only screen and (min-width: 768px) {
  .product-finder__links {
    display: flex; } }

.product-finder__link {
  text-transform: uppercase;
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .product-finder__link {
      padding: 15px 30px; } }

/*
Theme color variables
*/
/*
New colors
*/
/*
Wordpress Theme Paths
*/
/*
Padding and margins
*/
/*
Utils
*/
/*
Mixins
*/
@keyframes hover {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(-6px); } }

@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: .4; }
  50% {
    transform: translateY(3px);
    opacity: 1; }
  100% {
    transform: translateY(6px);
    opacity: .4; } }

.move-up:hover {
  transition: all .3s;
  transform: translateY(-7px); }

.g-box-shadow {
  -webkit-box-shadow: inset 1px -16px 17px 2px white;
  -moz-box-shadow: inset 1px -16px 17px 2px white;
  box-shadow: inset 1px -16px 17px 2px white;
  z-index: 10; }

.bg_cyan {
  background-color: #62C1EF;
  color: #FFFFFF; }

.bg_dark-blue {
  background-color: #003264 !important; }

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

.g-underline {
  text-decoration: underline;
  color: #30c3f1; }
  .g-underline:hover {
    text-decoration: underline !important;
    color: #003264; }

.g-text-italic {
  color: #A2B4C7;
  font-style: italic;
  text-transform: capitalize;
  font-weight: normal; }

.g-font-italic {
  font-style: italic; }

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

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

.g-margin-left40 {
  margin-left: 40; }

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

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

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

.g-downarrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 8px 0 8px;
  border-color: #ffffff transparent transparent transparent; }

.bg_red {
  background-color: #c80101; }

.bg_purple {
  background-color: #92278f; }

.bg_orange {
  background-color: #ff8a01; }

.bg_blue {
  background-color: #003264; }

.bg_grey {
  background-color: #b8b8b8; }

.bg_pink {
  background-color: #C71585; }

.bg_coffee {
  background-color: #E0B588; }

.bg_brown {
  background-color: #A52A2A; }

.bg_card {
  background-color: #D7D7D7 !important; }

.bg_panel {
  background-color: #F1F1F1; }

.bg_dark {
  background-color: #A8A9A9;
  color: white; }

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

.g-italic {
  font-style: italic; }

.g-fixed {
  position: fixed !important; }

.g-bg_cyan {
  background-color: #0092c8; }

.g-bg_light-blue {
  background-color: #056392; }

.g-bg_dark-blue {
  background-color: #033248; }

.g-bg_size-cover {
  background-size: cover; }

.g-bg_size-contain {
  background-size: contain; }

.g-bg_pos-center {
  background-position: center; }

.g-bg_pos-top-left {
  background-position: top left; }

.g-bg_pos-top-right {
  background-position: top right; }

.g-bg_pos-bottom-right {
  background-position: bottom right; }

.g-bg_pos-bottom-left {
  background-position: bottom left; }

/*
g_vh Classes
*/
/*
    Height in VH
    */
.g-vh_10 {
  height: 10vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-10 {
    height: 10vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-10 {
    height: 10vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-10 {
    height: 10vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-10 {
    height: 10vh; } }

/*
    Min Height in VH
    */
.g-min-vh_10 {
  min-height: 10vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-10 {
    min-height: 10vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-10 {
    min-height: 10vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-10 {
    min-height: 10vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-10 {
    min-height: 10vh; } }

/*
    Height in %
    */
.g-height_10 {
  height: 10%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-10 {
    height: 10%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-10 {
    height: 10%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-10 {
    height: 10%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-10 {
    height: 10%; } }

/*
    Min Height in %
    */
.g-min-height_10 {
  min-height: 10%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-10 {
    min-height: 10%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-10 {
    min-height: 10%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-10 {
    min-height: 10%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-10 {
    min-height: 10%; } }

/*
    Height in VH
    */
.g-vh_20 {
  height: 20vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-20 {
    height: 20vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-20 {
    height: 20vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-20 {
    height: 20vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-20 {
    height: 20vh; } }

/*
    Min Height in VH
    */
.g-min-vh_20 {
  min-height: 20vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-20 {
    min-height: 20vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-20 {
    min-height: 20vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-20 {
    min-height: 20vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-20 {
    min-height: 20vh; } }

/*
    Height in %
    */
.g-height_20 {
  height: 20%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-20 {
    height: 20%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-20 {
    height: 20%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-20 {
    height: 20%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-20 {
    height: 20%; } }

/*
    Min Height in %
    */
.g-min-height_20 {
  min-height: 20%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-20 {
    min-height: 20%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-20 {
    min-height: 20%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-20 {
    min-height: 20%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-20 {
    min-height: 20%; } }

/*
    Height in VH
    */
.g-vh_30 {
  height: 30vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-30 {
    height: 30vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-30 {
    height: 30vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-30 {
    height: 30vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-30 {
    height: 30vh; } }

/*
    Min Height in VH
    */
.g-min-vh_30 {
  min-height: 30vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-30 {
    min-height: 30vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-30 {
    min-height: 30vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-30 {
    min-height: 30vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-30 {
    min-height: 30vh; } }

/*
    Height in %
    */
.g-height_30 {
  height: 30%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-30 {
    height: 30%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-30 {
    height: 30%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-30 {
    height: 30%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-30 {
    height: 30%; } }

/*
    Min Height in %
    */
.g-min-height_30 {
  min-height: 30%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-30 {
    min-height: 30%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-30 {
    min-height: 30%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-30 {
    min-height: 30%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-30 {
    min-height: 30%; } }

/*
    Height in VH
    */
.g-vh_40 {
  height: 40vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-40 {
    height: 40vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-40 {
    height: 40vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-40 {
    height: 40vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-40 {
    height: 40vh; } }

/*
    Min Height in VH
    */
.g-min-vh_40 {
  min-height: 40vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-40 {
    min-height: 40vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-40 {
    min-height: 40vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-40 {
    min-height: 40vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-40 {
    min-height: 40vh; } }

/*
    Height in %
    */
.g-height_40 {
  height: 40%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-40 {
    height: 40%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-40 {
    height: 40%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-40 {
    height: 40%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-40 {
    height: 40%; } }

/*
    Min Height in %
    */
.g-min-height_40 {
  min-height: 40%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-40 {
    min-height: 40%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-40 {
    min-height: 40%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-40 {
    min-height: 40%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-40 {
    min-height: 40%; } }

/*
    Height in VH
    */
.g-vh_50 {
  height: 50vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-50 {
    height: 50vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-50 {
    height: 50vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-50 {
    height: 50vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-50 {
    height: 50vh; } }

/*
    Min Height in VH
    */
.g-min-vh_50 {
  min-height: 50vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-50 {
    min-height: 50vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-50 {
    min-height: 50vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-50 {
    min-height: 50vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-50 {
    min-height: 50vh; } }

/*
    Height in %
    */
.g-height_50 {
  height: 50%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-50 {
    height: 50%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-50 {
    height: 50%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-50 {
    height: 50%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-50 {
    height: 50%; } }

/*
    Min Height in %
    */
.g-min-height_50 {
  min-height: 50%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-50 {
    min-height: 50%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-50 {
    min-height: 50%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-50 {
    min-height: 50%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-50 {
    min-height: 50%; } }

/*
    Height in VH
    */
.g-vh_60 {
  height: 60vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-60 {
    height: 60vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-60 {
    height: 60vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-60 {
    height: 60vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-60 {
    height: 60vh; } }

/*
    Min Height in VH
    */
.g-min-vh_60 {
  min-height: 60vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-60 {
    min-height: 60vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-60 {
    min-height: 60vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-60 {
    min-height: 60vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-60 {
    min-height: 60vh; } }

/*
    Height in %
    */
.g-height_60 {
  height: 60%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-60 {
    height: 60%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-60 {
    height: 60%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-60 {
    height: 60%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-60 {
    height: 60%; } }

/*
    Min Height in %
    */
.g-min-height_60 {
  min-height: 60%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-60 {
    min-height: 60%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-60 {
    min-height: 60%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-60 {
    min-height: 60%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-60 {
    min-height: 60%; } }

/*
    Height in VH
    */
.g-vh_70 {
  height: 70vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-70 {
    height: 70vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-70 {
    height: 70vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-70 {
    height: 70vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-70 {
    height: 70vh; } }

/*
    Min Height in VH
    */
.g-min-vh_70 {
  min-height: 70vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-70 {
    min-height: 70vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-70 {
    min-height: 70vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-70 {
    min-height: 70vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-70 {
    min-height: 70vh; } }

/*
    Height in %
    */
.g-height_70 {
  height: 70%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-70 {
    height: 70%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-70 {
    height: 70%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-70 {
    height: 70%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-70 {
    height: 70%; } }

/*
    Min Height in %
    */
.g-min-height_70 {
  min-height: 70%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-70 {
    min-height: 70%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-70 {
    min-height: 70%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-70 {
    min-height: 70%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-70 {
    min-height: 70%; } }

/*
    Height in VH
    */
.g-vh_80 {
  height: 80vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-80 {
    height: 80vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-80 {
    height: 80vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-80 {
    height: 80vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-80 {
    height: 80vh; } }

/*
    Min Height in VH
    */
.g-min-vh_80 {
  min-height: 80vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-80 {
    min-height: 80vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-80 {
    min-height: 80vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-80 {
    min-height: 80vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-80 {
    min-height: 80vh; } }

/*
    Height in %
    */
.g-height_80 {
  height: 80%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-80 {
    height: 80%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-80 {
    height: 80%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-80 {
    height: 80%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-80 {
    height: 80%; } }

/*
    Min Height in %
    */
.g-min-height_80 {
  min-height: 80%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-80 {
    min-height: 80%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-80 {
    min-height: 80%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-80 {
    min-height: 80%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-80 {
    min-height: 80%; } }

/*
    Height in VH
    */
.g-vh_90 {
  height: 90vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-90 {
    height: 90vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-90 {
    height: 90vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-90 {
    height: 90vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-90 {
    height: 90vh; } }

/*
    Min Height in VH
    */
.g-min-vh_90 {
  min-height: 90vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-90 {
    min-height: 90vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-90 {
    min-height: 90vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-90 {
    min-height: 90vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-90 {
    min-height: 90vh; } }

/*
    Height in %
    */
.g-height_90 {
  height: 90%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-90 {
    height: 90%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-90 {
    height: 90%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-90 {
    height: 90%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-90 {
    height: 90%; } }

/*
    Min Height in %
    */
.g-min-height_90 {
  min-height: 90%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-90 {
    min-height: 90%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-90 {
    min-height: 90%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-90 {
    min-height: 90%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-90 {
    min-height: 90%; } }

/*
    Height in VH
    */
.g-vh_100 {
  height: 100vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-100 {
    height: 100vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-100 {
    height: 100vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-100 {
    height: 100vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-100 {
    height: 100vh; } }

/*
    Min Height in VH
    */
.g-min-vh_100 {
  min-height: 100vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-100 {
    min-height: 100vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-100 {
    min-height: 100vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-100 {
    min-height: 100vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-100 {
    min-height: 100vh; } }

/*
    Height in %
    */
.g-height_100 {
  height: 100%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-100 {
    height: 100%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-100 {
    height: 100%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-100 {
    height: 100%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-100 {
    height: 100%; } }

/*
    Min Height in %
    */
.g-min-height_100 {
  min-height: 100%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-100 {
    min-height: 100%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-100 {
    min-height: 100%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-100 {
    min-height: 100%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-100 {
    min-height: 100%; } }

/*
    Height in VH
    */
.g-vh_110 {
  height: 110vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-110 {
    height: 110vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-110 {
    height: 110vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-110 {
    height: 110vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-110 {
    height: 110vh; } }

/*
    Min Height in VH
    */
.g-min-vh_110 {
  min-height: 110vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-110 {
    min-height: 110vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-110 {
    min-height: 110vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-110 {
    min-height: 110vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-110 {
    min-height: 110vh; } }

/*
    Height in %
    */
.g-height_110 {
  height: 110%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-110 {
    height: 110%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-110 {
    height: 110%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-110 {
    height: 110%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-110 {
    height: 110%; } }

/*
    Min Height in %
    */
.g-min-height_110 {
  min-height: 110%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-110 {
    min-height: 110%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-110 {
    min-height: 110%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-110 {
    min-height: 110%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-110 {
    min-height: 110%; } }

/*
    Height in VH
    */
.g-vh_120 {
  height: 120vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-120 {
    height: 120vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-120 {
    height: 120vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-120 {
    height: 120vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-120 {
    height: 120vh; } }

/*
    Min Height in VH
    */
.g-min-vh_120 {
  min-height: 120vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-120 {
    min-height: 120vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-120 {
    min-height: 120vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-120 {
    min-height: 120vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-120 {
    min-height: 120vh; } }

/*
    Height in %
    */
.g-height_120 {
  height: 120%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-120 {
    height: 120%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-120 {
    height: 120%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-120 {
    height: 120%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-120 {
    height: 120%; } }

/*
    Min Height in %
    */
.g-min-height_120 {
  min-height: 120%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-120 {
    min-height: 120%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-120 {
    min-height: 120%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-120 {
    min-height: 120%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-120 {
    min-height: 120%; } }

/*
    Height in VH
    */
.g-vh_130 {
  height: 130vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-130 {
    height: 130vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-130 {
    height: 130vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-130 {
    height: 130vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-130 {
    height: 130vh; } }

/*
    Min Height in VH
    */
.g-min-vh_130 {
  min-height: 130vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-130 {
    min-height: 130vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-130 {
    min-height: 130vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-130 {
    min-height: 130vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-130 {
    min-height: 130vh; } }

/*
    Height in %
    */
.g-height_130 {
  height: 130%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-130 {
    height: 130%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-130 {
    height: 130%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-130 {
    height: 130%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-130 {
    height: 130%; } }

/*
    Min Height in %
    */
.g-min-height_130 {
  min-height: 130%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-130 {
    min-height: 130%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-130 {
    min-height: 130%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-130 {
    min-height: 130%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-130 {
    min-height: 130%; } }

/*
    Height in VH
    */
.g-vh_140 {
  height: 140vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-140 {
    height: 140vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-140 {
    height: 140vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-140 {
    height: 140vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-140 {
    height: 140vh; } }

/*
    Min Height in VH
    */
.g-min-vh_140 {
  min-height: 140vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-140 {
    min-height: 140vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-140 {
    min-height: 140vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-140 {
    min-height: 140vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-140 {
    min-height: 140vh; } }

/*
    Height in %
    */
.g-height_140 {
  height: 140%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-140 {
    height: 140%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-140 {
    height: 140%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-140 {
    height: 140%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-140 {
    height: 140%; } }

/*
    Min Height in %
    */
.g-min-height_140 {
  min-height: 140%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-140 {
    min-height: 140%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-140 {
    min-height: 140%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-140 {
    min-height: 140%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-140 {
    min-height: 140%; } }

/*
    Height in VH
    */
.g-vh_150 {
  height: 150vh; }

@media only screen and (min-width: 1280px) {
  .g-vh_xl-150 {
    height: 150vh; } }

@media only screen and (min-width: 1024px) {
  .g-vh_md-150 {
    height: 150vh; } }

@media only screen and (min-width: 767px) {
  .g-vh_sm-150 {
    height: 150vh; } }

@media only screen and (max-width: 767px) {
  .g-vh_xs-150 {
    height: 150vh; } }

/*
    Min Height in VH
    */
.g-min-vh_150 {
  min-height: 150vh; }

@media only screen and (min-width: 1280px) {
  .g-min-vh_xl-150 {
    min-height: 150vh; } }

@media only screen and (min-width: 1024px) {
  .g-min-vh_md-150 {
    min-height: 150vh; } }

@media only screen and (min-width: 767px) {
  .g-min-vh_sm-150 {
    min-height: 150vh; } }

@media only screen and (max-width: 767px) {
  .g-min-vh_xs-150 {
    min-height: 150vh; } }

/*
    Height in %
    */
.g-height_150 {
  height: 150%; }

@media only screen and (min-width: 1280px) {
  .g-height_xl-150 {
    height: 150%; } }

@media only screen and (min-width: 1024px) {
  .g-height_md-150 {
    height: 150%; } }

@media only screen and (min-width: 767px) {
  .g-height_sm-150 {
    height: 150%; } }

@media only screen and (max-width: 767px) {
  .g-height_xs-150 {
    height: 150%; } }

/*
    Min Height in %
    */
.g-min-height_150 {
  min-height: 150%; }

@media only screen and (min-width: 1280px) {
  .g-min-height_xl-150 {
    min-height: 150%; } }

@media only screen and (min-width: 1024px) {
  .g-min-height_md-150 {
    min-height: 150%; } }

@media only screen and (min-width: 767px) {
  .g-min-height_sm-150 {
    min-height: 150%; } }

@media only screen and (max-width: 767px) {
  .g-min-height_xs-150 {
    min-height: 150%; } }

.g-img_responsive {
  width: 100%;
  height: auto; }

.g-img_full {
  width: 100%;
  height: 100%; }

.g-img_fit-fill {
  object-fit: fill; }

.g-img_fit-contain {
  object-fit: contain; }

.g-img_fit-cover {
  object-fit: cover; }

.g-flex {
  display: flex;
  align-items: center;
  justify-content: center; }

.g-flex_wrap {
  flex-wrap: wrap; }
  .g-flex_wrap .g-flex__item {
    width: 100%; }

.g-flex_align-start {
  align-items: start; }

.g-flex_align-center {
  align-items: center; }

.g-flex_align-end {
  align-items: end; }

@media only screen and (max-width: 768px) {
  .g-width_50 {
    width: 50px;
    height: 50px; } }

.g-width_65 {
  width: 65%; }

.g-width_60 {
  width: 60%; }

.g-width_55 {
  width: 55%; }

.g-width_30 {
  width: 30%; }

.g-width_25 {
  width: 25%; }

.g-width_20 {
  width: 20%; }

.g-width_15 {
  width: 15%; }
  @media only screen and (max-width: 767px) {
    .g-width_15 {
      width: 30%; } }

.g-video-stretch {
  object-fit: cover; }

a.g-color_inherit {
  color: inherit !important; }

.g-height_50 {
  height: 50%; }

.g-height_65 {
  height: 65%; }

.g-height_25 {
  height: 25%; }

.g-clear {
  clear: both;
  height: 0;
  overflow: hidden; }

.g-cleared {
  clear: both; }

.g-cleared:after {
  clear: both;
  display: block;
  content: ''; }

.g-invisible {
  visibility: hidden; }

.g-opacity {
  opacity: 0 !important; }

.g-relative {
  position: relative; }

.g-hidden_ui {
  display: none; }

.g-last {
  margin-right: 0 !important;
  margin-bottom: 0 !important; }

.g-first {
  margin-left: 0; }

.g-padding {
  padding: 0; }

.g-float-left {
  float: left; }

.g-float-right {
  float: right; }

.g-gutter {
  padding: 50px 80px; }
  .g-gutter_sm {
    padding: 30px 40px; }
  .g-gutter_small {
    padding: 70px; }
  @media only screen and (max-width: 1360px) {
    .g-gutter {
      padding: 35px 65px; } }

.g-block {
  display: block !important; }

.g-remove-gutter {
  margin-left: -130px;
  margin-right: -130px; }

@media only screen and (max-width: 1024px) {
  .g-gutter {
    padding: 40px; }
  .g-remove-gutter {
    margin-left: -40px;
    margin-right: -40px; } }

@media only screen and (max-width: 767px) {
  .g-gutter {
    padding: 25px 15px 10px; }
  .g-remove-gutter {
    margin-left: -10px;
    margin-right: -10px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .g-gutter {
    padding: 40px 10px; } }

.g-gutter-bottom {
  padding-bottom: 130px; }
  @media only screen and (min-width: 420px) {
    .g-gutter-bottom {
      padding-bottom: 10px; } }

.g-border_right {
  border-right: 1px solid #acacac; }

@media only screen and (min-width: 420px) {
  .g-gutter-right {
    padding-right: 15px; } }

.g-gutter-top {
  padding-left: 65px; }
  @media only screen and (min-width: 420px) {
    .g-gutter-top {
      padding-left: 10px; } }

@media only screen and (min-width: 420px) {
  .g-gutter-left {
    padding-left: 15px; } }

/*.g-unselectable{
    -ms-user-select: none;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select: none;
    behavior: expression(
        ( this.onselectstart = function(){ return !(1+(' ' + this.className + ' ').indexOf(' unselectable ')) } ),
        ( this.style.behavior = null )
    );
}*/
/* Opera */
.g-unselectable::selection {
  color: inherit; }

.g-nopadding {
  padding: 0; }

.g-nowrap,
.g-number,
.g-phone {
  white-space: nowrap; }

.g-note {
  color: #666666;
  font-size: 85.5%;
  font-style: italic; }

/* Cross-browser display-inline*/
.g-section {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top; }

.lte-ie7 .g-section {
  zoom: 1;
  display: inline; }

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

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

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

/* Reducers */
.g-box-reducer {
  padding-top: 24px;
  padding-bottom: 24px; }

.g-column-reducer {
  padding-left: 24px;
  padding-right: 24px; }

.g-column-reducer_thin {
  padding-left: 5px;
  padding-right: 5px; }

.g-column-reducer_left {
  padding-right: 15px; }

.g-column-reducer_right {
  padding-left: 15px; }

.g-column-reducer_lr {
  padding-right: 15px !important;
  padding-left: 15px !important; }

.g-table {
  display: table;
  width: 100%;
  float: none; }
  .g-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; }

/* Rounded corners */
.rc5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.rc10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.rc15 {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; }

/* Boxes */
.g-box {
  border: 2px solid #EBE5DB;
  margin-bottom: 20px;
  padding: 12px 20px; }

.g_bold {
  font-weight: bold; }

.g-box_banner {
  border: 0 none;
  padding: 0; }

.g-no-left-padding,
.g_padding-left {
  padding-left: 0; }

.g-noborder_right {
  border-right: none !important; }

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

.g-text_italic {
  font-style: italic; }

.g-bold {
  font-weight: 600; }
  .g-bold_bolder {
    font-weight: 800; }

.g-nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.g-fullwidth-image {
  width: 100%;
  height: auto; }

.g-capitalize {
  text-transform: uppercase; }

.g-margin_auto {
  margin: auto; }

.g-center {
  display: block;
  margin: auto; }

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

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

.g-text-left-important {
  text-align: left !important; }

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

.g-vertical-stretch {
  padding-bottom: 99999px;
  margin-bottom: -99999px; }

.g-gradient-after,
.g-gradient-before {
  position: relative; }

.g-gradient-after:after,
.g-gradient-before:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 8px;
  background-image: linear-gradient(to right, #9eca3d, #005caf);
  left: 0; }

.g-gradient-after:after {
  bottom: -8px; }

.g-gradient-before:before {
  top: -8px; }

.g-padding-course_row {
  padding-left: 30px;
  padding-right: 30px; }

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

.g-styletable {
  display: table; }
  @media only screen and (max-width: 428px) {
    .g-styletable {
      display: initial; } }

.g-styletable-cell {
  display: table-cell;
  vertical-align: top; }
  @media only screen and (min-width: 768px) {
    .g-styletable-cell {
      float: none; } }

.g-no-top {
  padding-top: 0 !important;
  margin-top: 0; }

.g-no-bottom {
  padding-bottom: 0;
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .hide-sm {
    display: none; }
  .show-sm {
    display: block; } }

@media only screen and (min-width: 767px) {
  .hide-sm {
    display: block; }
  .show-sm {
    display: none; } }

@media only screen and (max-width: 420px) {
  .hide-xs {
    display: none; }
  .show-xs {
    display: block; } }

@media only screen and (min-width: 420px) {
  .hide-xs {
    display: block; }
  .show-xs {
    display: none; } }

.g-no-margin_all {
  margin: 0 !important; }

.g-no-margin_top {
  margin-top: 0 !important; }

.g-no-margin_bottom {
  margin-bottom: 0 !important; }

.g-stretch {
  padding: 0 !important; }
  @media only screen and (max-width: 420px) {
    .g-stretch_lr {
      padding-left: 0 !important;
      padding-right: 0 !important; } }
  .g-stretch_tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

.g-gutter-top-bottom {
  padding-top: 65px;
  padding-bottom: 65px; }
  @media only screen and (max-width: 767px) {
    .g-gutter-top-bottom {
      padding: 25px auto; } }

.g-objectfit_cover {
  object-fit: cover; }

.g-block-left {
  width: 200px;
  float: left; }

.g-block-right {
  float: right; }

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

.g-full_img {
  width: 100%;
  height: 100%; }

@media (min-width: 798px) {
  .g-banner-height {
    height: calc(100% - 72px); } }

@media (min-width: 798px) {
  .g-banner-height_auto {
    height: auto; } }

.g-font_20 {
  font-size: 20px !important; }
  @media only screen and (max-width: 767px) {
    .g-font_20 {
      font-size: 16px !important; } }
  @media only screen and (max-width: 320px) {
    .g-font_20 {
      font-size: 12px !important; } }

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

.g-padding_bottom {
  padding-bottom: 70px !important; }
  @media only screen and (max-width: 767px) {
    .g-padding_bottom {
      padding-bottom: 35px !important; } }

.g-absolute {
  position: absolute; }

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

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

.g-padding_lr {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.g-margin_bottom0 {
  margin-bottom: 0 !important; }

.g-margin_bottom10 {
  margin-bottom: 10px !important; }

.g-margin_bottom20 {
  margin-bottom: 20px !important; }

.g-margin_bottom25 {
  margin-bottom: 25px !important; }

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

.g-margin_auto {
  margin: auto; }

.g-width {
  width: 100%; }

.g-zoom-out {
  overflow: hidden;
  width: 100%;
  height: calc(100% - 72px);
  /*End of Zoom out Keyframes */ }
  .g-zoom-out_zoomoutbanner {
    width: 100%;
    height: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomout 20s ease-in;
    animation: zoomout 25s linear;
    overflow: hidden;
    -webkit-animation-iteration-count: 1;
    background-size: cover;
    background-position: center; }

@-webkit-keyframes zoomout {
  0% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

@keyframes zoomout {
  0% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

.zoom:hover {
  transform: scale(1.1);
  transition: all .4s ease-in-out; }

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

.g-icon {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle; }

.g-icon_archroma-logo {
  background-image: url(./sprite.png);
  background-position: -653px -189px;
  width: 300px;
  height: 92px; }

.g-icon_columbus-logo-large {
  background-image: url(./sprite.png);
  background-position: 0px 0px;
  width: 648px;
  height: 359px; }

.g-icon_columbus-logo {
  background-image: url(./sprite.png);
  background-position: -282px -364px;
  width: 333px;
  height: 184px; }

.g-icon_columbus-logo_old {
  background-image: url(./sprite.png);
  background-position: -653px 0px;
  width: 333px;
  height: 184px; }

.g-icon_csv {
  background-image: url(./sprite.png);
  background-position: 0px -364px;
  width: 277px;
  height: 277px; }

.g-icon_doc {
  background-image: url(./sprite.png);
  background-position: -958px -189px;
  width: 17px;
  height: 23px; }

.g-icon_error {
  background-image: url(./sprite.png);
  background-position: -958px -243px;
  width: 16px;
  height: 16px; }

.g-icon_huntsman-logo {
  background-image: url(./sprite.png);
  background-position: -653px -419px;
  width: 231px;
  height: 67px; }

.g-icon_no-notify {
  background-image: url(./sprite.png);
  background-position: -970px -286px;
  width: 16px;
  height: 13px; }

.g-icon_notify {
  background-image: url(./sprite.png);
  background-position: -958px -264px;
  width: 16px;
  height: 13px; }

.g-icon_pdf {
  background-image: url(./sprite.png);
  background-position: -653px -491px;
  width: 74px;
  height: 77px; }

.g-icon_pdfs {
  background-image: url(./sprite.png);
  background-position: -786px -286px;
  width: 94px;
  height: 98px; }

.g-icon_ppt {
  background-image: url(./sprite.png);
  background-position: -653px -286px;
  width: 128px;
  height: 128px; }

.g-icon_ppts {
  background-image: url(./sprite.png);
  background-position: -282px -553px;
  width: 64px;
  height: 81px; }

.g-icon_product {
  background-image: url(./sprite.png);
  background-position: -958px -217px;
  width: 14px;
  height: 21px; }

.g-icon_video {
  background-image: url(./sprite.png);
  background-position: -885px -286px;
  width: 80px;
  height: 81px; }

.g-icon_archroma-logo {
  background-image: url(./sprite.png);
  background-position: -653px -189px;
  width: 300px;
  height: 92px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_archroma-logo {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_columbus-logo-large {
  background-image: url(./sprite.png);
  background-position: 0px 0px;
  width: 648px;
  height: 359px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_columbus-logo-large {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_columbus-logo {
  background-image: url(./sprite.png);
  background-position: -282px -364px;
  width: 333px;
  height: 184px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_columbus-logo {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_columbus-logo_old {
  background-image: url(./sprite.png);
  background-position: -653px 0px;
  width: 333px;
  height: 184px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_columbus-logo_old {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_csv {
  background-image: url(./sprite.png);
  background-position: 0px -364px;
  width: 277px;
  height: 277px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_csv {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_doc {
  background-image: url(./sprite.png);
  background-position: -958px -189px;
  width: 17px;
  height: 23px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_doc {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_error {
  background-image: url(./sprite.png);
  background-position: -958px -243px;
  width: 16px;
  height: 16px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_error {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_huntsman-logo {
  background-image: url(./sprite.png);
  background-position: -653px -419px;
  width: 231px;
  height: 67px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_huntsman-logo {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_no-notify {
  background-image: url(./sprite.png);
  background-position: -970px -286px;
  width: 16px;
  height: 13px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_no-notify {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_notify {
  background-image: url(./sprite.png);
  background-position: -958px -264px;
  width: 16px;
  height: 13px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_notify {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_pdf {
  background-image: url(./sprite.png);
  background-position: -653px -491px;
  width: 74px;
  height: 77px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_pdf {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_pdfs {
  background-image: url(./sprite.png);
  background-position: -786px -286px;
  width: 94px;
  height: 98px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_pdfs {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_ppt {
  background-image: url(./sprite.png);
  background-position: -653px -286px;
  width: 128px;
  height: 128px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_ppt {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_ppts {
  background-image: url(./sprite.png);
  background-position: -282px -553px;
  width: 64px;
  height: 81px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_ppts {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_product {
  background-image: url(./sprite.png);
  background-position: -958px -217px;
  width: 14px;
  height: 21px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_product {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }

.g-icon_video {
  background-image: url(./sprite.png);
  background-position: -885px -286px;
  width: 80px;
  height: 81px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .g-icon_video {
      background-image: url(./sprite@2x.png);
      background-size: 986px 641px; } }