.fAwesome, .wrapper-hp .message:before, .wrapper-hp .button:before, .wrapper-hp .banner-txt .vbt-btn a:before, .wrapper-hp .input-wrap-btn:before {
  font-weight: 900;
  margin-right: 14px;
  font-family: "Font Awesome 5 free"; }

@-webkit-keyframes rotation-up {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-webkit-keyframes rotation-down {
  0% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes comment-scale {
  0% {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  50% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); } }

@-webkit-keyframes comment-scale {
  0% {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  50% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); } }

@-webkit-keyframes arrow-moving {
  0% {
    right: 1px; }
  50% {
    right: -2px; }
  100% {
    right: 1px; } }

@keyframes arrow-moving {
  0% {
    right: 1px; }
  50% {
    right: -2px; }
  100% {
    right: 1px; } }

@-webkit-keyframes arrow-moving-left {
  0% {
    left: 1px; }
  50% {
    left: -4px; }
  100% {
    left: 1px; } }

@keyframes arrow-moving-left {
  0% {
    left: 1px; }
  50% {
    left: -4px; }
  100% {
    left: 1px; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  20% {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg); }
  30% {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg); }
  40% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    transform: rotate(210deg); }
  60% {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    -o-transform: rotate(240deg);
    transform: rotate(240deg); }
  70% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  80% {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    transform: rotate(300deg); }
  90% {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    transform: rotate(330deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  20% {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg); }
  30% {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg); }
  40% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    transform: rotate(210deg); }
  60% {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    -o-transform: rotate(240deg);
    transform: rotate(240deg); }
  70% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  80% {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    transform: rotate(300deg); }
  90% {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    transform: rotate(330deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  min-height: 100%; }

body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
  font-family: "Arial", "Helvetica", sans-serif !important;
  min-height: 100% !important;
  color: #000000 !important;
  line-height: 1.5 !important; }
  @media (max-width: 767px) {
    body {
      font-size: 12px !important; } }

.wrapper-hp {
  background-color: #ffffff;
  /* Message */
  /* color */
  /* Form */ }
  .wrapper-hp article,
  .wrapper-hp aside,
  .wrapper-hp details,
  .wrapper-hp figcaption,
  .wrapper-hp figure,
  .wrapper-hp footer,
  .wrapper-hp header,
  .wrapper-hp hgroup,
  .wrapper-hp main,
  .wrapper-hp menu,
  .wrapper-hp nav,
  .wrapper-hp section,
  .wrapper-hp summary {
    display: block; }
  .wrapper-hp audio,
  .wrapper-hp canvas,
  .wrapper-hp progress,
  .wrapper-hp video {
    display: inline-block;
    vertical-align: baseline; }
  .wrapper-hp audio:not([controls]) {
    display: none;
    height: 0; }
  .wrapper-hp [hidden],
  .wrapper-hp template {
    display: none; }
  .wrapper-hp :focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline: 0; }
  .wrapper-hp a {
    background-color: transparent;
    color: #CC0022;
    text-decoration: underline; }
  .wrapper-hp a:hover {
    outline: 0;
    text-decoration: none;
    color: #B1000E; }
  .wrapper-hp a:active {
    outline: 0;
    text-decoration: none;
    color: #B1000E; }
  .wrapper-hp abbr[title] {
    border-bottom: 1px dotted; }
  .wrapper-hp b,
  .wrapper-hp strong {
    font-weight: bold; }
  .wrapper-hp dfn {
    font-style: italic; }
  .wrapper-hp mark {
    color: #000;
    background: #ff0; }
  .wrapper-hp small {
    font-size: 80%; }
  .wrapper-hp sub,
  .wrapper-hp sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline; }
  .wrapper-hp sup {
    top: -.5em; }
  .wrapper-hp sub {
    bottom: -.25em; }
  .wrapper-hp img {
    border: 0; }
  .wrapper-hp svg:not(:root) {
    overflow: hidden; }
  .wrapper-hp figure {
    margin: 1em 40px; }
  .wrapper-hp hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .wrapper-hp pre {
    overflow: auto; }
  .wrapper-hp code,
  .wrapper-hp kbd,
  .wrapper-hp pre,
  .wrapper-hp samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  .wrapper-hp button,
  .wrapper-hp input,
  .wrapper-hp optgroup,
  .wrapper-hp select,
  .wrapper-hp textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    resize: none; }
  .wrapper-hp button {
    overflow: visible; }
  .wrapper-hp button,
  .wrapper-hp select {
    text-transform: none; }
  .wrapper-hp button,
  .wrapper-hp html input[type="button"],
  .wrapper-hp input[type="reset"],
  .wrapper-hp input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; }
  .wrapper-hp button[disabled],
  .wrapper-hp html input[disabled] {
    cursor: default; }
  .wrapper-hp button::-moz-focus-inner,
  .wrapper-hp input::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .wrapper-hp input {
    line-height: normal; }
  .wrapper-hp input[type="checkbox"],
  .wrapper-hp input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; }
  .wrapper-hp input[type="number"]::-webkit-inner-spin-button,
  .wrapper-hp input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  .wrapper-hp input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield; }
  .wrapper-hp input[type="search"]::-webkit-search-cancel-button,
  .wrapper-hp input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .wrapper-hp fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0; }
  .wrapper-hp legend {
    padding: 0;
    border: 0; }
  .wrapper-hp textarea {
    overflow: auto; }
  .wrapper-hp optgroup {
    font-weight: bold; }
  .wrapper-hp table {
    border-spacing: 0;
    border-collapse: collapse; }
  .wrapper-hp td,
  .wrapper-hp th {
    padding: 0; }
  .wrapper-hp h1,
  .wrapper-hp .h1,
  .wrapper-hp h2,
  .wrapper-hp .h2,
  .wrapper-hp h3,
  .wrapper-hp .h3,
  .wrapper-hp h4,
  .wrapper-hp .h4,
  .wrapper-hp h5,
  .wrapper-hp .h5,
  .wrapper-hp h6,
  .wrapper-hp .h6 {
    font-family: "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 0.5em;
    border: 0;
    background-image: none; }
    .wrapper-hp h1 a,
    .wrapper-hp h1 a:link,
    .wrapper-hp h1 a:visited,
    .wrapper-hp .h1 a,
    .wrapper-hp .h1 a:link,
    .wrapper-hp .h1 a:visited,
    .wrapper-hp h2 a,
    .wrapper-hp h2 a:link,
    .wrapper-hp h2 a:visited,
    .wrapper-hp .h2 a,
    .wrapper-hp .h2 a:link,
    .wrapper-hp .h2 a:visited,
    .wrapper-hp h3 a,
    .wrapper-hp h3 a:link,
    .wrapper-hp h3 a:visited,
    .wrapper-hp .h3 a,
    .wrapper-hp .h3 a:link,
    .wrapper-hp .h3 a:visited,
    .wrapper-hp h4 a,
    .wrapper-hp h4 a:link,
    .wrapper-hp h4 a:visited,
    .wrapper-hp .h4 a,
    .wrapper-hp .h4 a:link,
    .wrapper-hp .h4 a:visited,
    .wrapper-hp h5 a,
    .wrapper-hp h5 a:link,
    .wrapper-hp h5 a:visited,
    .wrapper-hp .h5 a,
    .wrapper-hp .h5 a:link,
    .wrapper-hp .h5 a:visited,
    .wrapper-hp h6 a,
    .wrapper-hp h6 a:link,
    .wrapper-hp h6 a:visited,
    .wrapper-hp .h6 a,
    .wrapper-hp .h6 a:link,
    .wrapper-hp .h6 a:visited {
      background-image: none; }
  .wrapper-hp h1,
  .wrapper-hp .h1 {
    font-size: 3em; }
    @media (max-width: 767px) {
      .wrapper-hp h1,
      .wrapper-hp .h1 {
        font-size: 2.4em; } }
  .wrapper-hp h2,
  .wrapper-hp .h2 {
    font-size: 2.5715em; }
    @media (max-width: 767px) {
      .wrapper-hp h2,
      .wrapper-hp .h2 {
        font-size: 2em; } }
  .wrapper-hp h3,
  .wrapper-hp .h3 {
    font-size: 2em;
    line-height: 1.4; }
    @media (max-width: 767px) {
      .wrapper-hp h3,
      .wrapper-hp .h3 {
        font-size: 1.7em; } }
  .wrapper-hp h4,
  .wrapper-hp .h4 {
    font-size: 1.5em;
    text-transform: none; }
    @media (max-width: 767px) {
      .wrapper-hp h4,
      .wrapper-hp .h4 {
        font-size: 1.4em; } }
  .wrapper-hp h5,
  .wrapper-hp .h5 {
    font-size: 1.5em; }
    @media (max-width: 767px) {
      .wrapper-hp h5,
      .wrapper-hp .h5 {
        font-size: 1.4em; } }
  .wrapper-hp h6,
  .wrapper-hp .h6 {
    font-size: 1.1428em; }
    @media (max-width: 767px) {
      .wrapper-hp h6,
      .wrapper-hp .h6 {
        font-size: 1em; } }
  .wrapper-hp p, .wrapper-hp .p-text {
    font-size: 1em;
    line-height: 1.8;
    margin-bottom: 15px;
    margin-top: 0; }
  @media (min-width: 1200px) {
    .wrapper-hp .container {
      max-width: 990px; } }
  .wrapper-hp .message {
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 15px; }
    .wrapper-hp .message:before {
      margin-right: 6px; }
    .wrapper-hp .message a {
      color: #CC0022; }
  .wrapper-hp .message.warning:before {
    color: #CC0022;
    content: "\f071"; }
  .wrapper-hp .message.pending:before {
    color: #CC0022;
    content: "\f017"; }
  .wrapper-hp .message.info:before {
    color: #CC0022;
    content: "\f05a";
    font-weight: 900; }
  .wrapper-hp .red1 {
    background-color: #CC0022; }
  .wrapper-hp .medGrey {
    background-color: #DADADA; }
  .wrapper-hp .black {
    background-color: #000000; }
  .wrapper-hp .disbutton {
    background-color: #333333; }
  .wrapper-hp .grey {
    background-color: #333333; }
  .wrapper-hp .red1 {
    background-color: #CC0022; }
  .wrapper-hp .red2 {
    background-color: #B1000E; }
  .wrapper-hp .red3 {
    background-color: #A94657; }
  .wrapper-hp .medGrey {
    background-color: #DADADA; }
  .wrapper-hp .lightGrey {
    background-color: #F2F2F2; }
  .wrapper-hp .form-group {
    margin-bottom: 24px; }
    .wrapper-hp .form-group.form-group-left {
      display: inline-block;
      width: calc(50% - 5px);
      padding-right: 10px; }
    .wrapper-hp .form-group.form-group-right {
      display: inline-block;
      width: calc(50% - 0px);
      padding-left: 15px; }
  .wrapper-hp .form-button {
    padding-top: 13px; }
    .wrapper-hp .form-button button:not(:first-child),
    .wrapper-hp .form-button a:not(:first-child) {
      margin-left: 11px; }
    .wrapper-hp .form-button button:not(:last-child),
    .wrapper-hp .form-button a:not(:last-child) {
      margin-right: 11px; }
  .wrapper-hp .form-block {
    padding-top: 17px; }
    .wrapper-hp .form-block input[type="text"],
    .wrapper-hp .form-block input[type="password"],
    .wrapper-hp .form-block input[type="email"],
    .wrapper-hp .form-block input[type="number"],
    .wrapper-hp .form-block input[type="date"],
    .wrapper-hp .form-block input[type="tel"],
    .wrapper-hp .form-block label,
    .wrapper-hp .form-block textarea {
      width: 100%;
      display: block; }
  .wrapper-hp input[type="text"],
  .wrapper-hp input[type="password"],
  .wrapper-hp input[type="email"],
  .wrapper-hp input[type="number"],
  .wrapper-hp input[type="date"],
  .wrapper-hp input[type="tel"] {
    padding: 12px 10px;
    margin-bottom: 0px;
    font-size: 16px;
    outline: 0;
    height: 44px; }
    .wrapper-hp input[type="text"]:focus,
    .wrapper-hp input[type="password"]:focus,
    .wrapper-hp input[type="email"]:focus,
    .wrapper-hp input[type="number"]:focus,
    .wrapper-hp input[type="date"]:focus,
    .wrapper-hp input[type="tel"]:focus {
      outline: 0; }
  .wrapper-hp textarea {
    padding: 12px 10px;
    border: 1px solid #333333;
    margin-bottom: 0px;
    font-size: 16px;
    outline: 0;
    height: 125px;
    resize: none; }
    .wrapper-hp textarea:focus {
      outline: 0; }
  .wrapper-hp label {
    margin-bottom: 5px;
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 15px; }
  .wrapper-hp .radio-btn input[type="radio"]:checked,
  .wrapper-hp .radio-btn input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px; }
  .wrapper-hp .radio-btn input[type="radio"]:checked + label,
  .wrapper-hp .radio-btn input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #CC0022;
    font-family: "Arial", "Helvetica", sans-serif; }
  .wrapper-hp .radio-btn input[type="radio"]:checked + label:before,
  .wrapper-hp .radio-btn input[type="radio"]:not(:checked) + label:before {
    content: '\f111';
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    font-family: s;
    font-size: 15px; }
  .wrapper-hp .radio-btn input[type="radio"]:checked + label:after,
  .wrapper-hp .radio-btn input[type="radio"]:not(:checked) + label:after {
    content: '\f058';
    font-family: "Font Awesome 5 free";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 900; }
  .wrapper-hp .radio-btn input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  .wrapper-hp .radio-btn input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .wrapper-hp .check-btn input[type="checkbox"]:checked,
  .wrapper-hp .check-btn input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px; }
  .wrapper-hp .check-btn input[type="checkbox"]:checked + label,
  .wrapper-hp .check-btn input[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #CC0022;
    font-family: "Arial", "Helvetica", sans-serif; }
  .wrapper-hp .check-btn input[type="checkbox"]:checked + label:before,
  .wrapper-hp .check-btn input[type="checkbox"]:not(:checked) + label:before {
    content: '\f111';
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    font-size: 15px; }
  .wrapper-hp .check-btn input[type="checkbox"]:checked + label:after,
  .wrapper-hp .check-btn input[type="checkbox"]:not(:checked) + label:after {
    content: '\f058';
    font-family: "Font Awesome 5 free";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 900; }
  .wrapper-hp .check-btn input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  .wrapper-hp .check-btn input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  @media (min-width: 1200px) {
    .wrapper-hp .spacer-lr {
      padding: 0 45px; } }

.JS body h2 {
  margin: 0 !important; }

@media screen and (max-width: 767px) {
  .JS .LV1LinkSet,
  .JS h2, .JS body .LV1LinkSet,
  .JS body h2 {
    margin: 0 !important; } }

.wrapper-hp {
  /* .input-wrap-btn-form:before {
    top: 28px;
} */ }
  .wrapper-hp .button, .wrapper-hp .banner-txt .vbt-btn a {
    display: inline-block;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 0.63rem 28px;
    font-size: 15px;
    line-height: 1.5;
    min-width: 170px;
    background-color: #CC0022;
    font-family: "Arial", "Helvetica", sans-serif;
    overflow: hidden;
    position: relative;
    text-decoration: none; }
    @media (max-width: 767px) {
      .wrapper-hp .button, .wrapper-hp .banner-txt .vbt-btn a {
        padding: 0.63rem 20px; } }
    .wrapper-hp .button:hover, .wrapper-hp .banner-txt .vbt-btn a:hover {
      background-color: #B1000E;
      color: #ffffff;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .wrapper-hp .button:before, .wrapper-hp .banner-txt .vbt-btn a:before {
      display: inline-block;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .wrapper-hp .button:after, .wrapper-hp .banner-txt .vbt-btn a:after {
      content: "";
      background: rgba(255, 255, 255, 0.7);
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      opacity: 0;
      top: 0%;
      transform: scale(2);
      filter: blur(30px);
      border-radius: "50%";
      -webkit-transition: all 0.8s;
      -o-transition: all 0.8s;
      transition: all 0.8s; }
    .wrapper-hp .button.disabled, .wrapper-hp .banner-txt .vbt-btn a.disabled {
      background-color: #333333;
      cursor: default; }
    .wrapper-hp .button.cancel-btn, .wrapper-hp .banner-txt .vbt-btn a.cancel-btn {
      background-color: #333333; }
  .wrapper-hp :focus,
  .wrapper-hp button:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline: 0; }
  .wrapper-hp input[type="submit"]:disabled,
  .wrapper-hp input[type="button"]:disabled {
    background-color: #333333;
    cursor: default; }
  .wrapper-hp .button[disabled], .wrapper-hp .banner-txt .vbt-btn a[disabled],
  .wrapper-hp button[disabled] {
    background-color: #333333;
    cursor: default; }
  .wrapper-hp .input-wrap-btn {
    position: relative; }
    .wrapper-hp .input-wrap-btn:hover:before {
      left: 35px; }
    .wrapper-hp .input-wrap-btn:before {
      display: inline-block;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      font-weight: 900;
      font-size: 18px;
      line-height: 20px;
      content: "\f058";
      position: absolute;
      top: 50%;
      margin-top: -10px;
      pointer-events: none;
      z-index: 9;
      color: #ffffff;
      left: 32px; }
    .wrapper-hp .input-wrap-btn .button, .wrapper-hp .input-wrap-btn .banner-txt .vbt-btn a, .wrapper-hp .banner-txt .vbt-btn .input-wrap-btn a {
      min-width: inherit;
      padding-left: 64px;
      padding-right: 48px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .wrapper-hp .input-wrap-btn .button:hover, .wrapper-hp .input-wrap-btn .banner-txt .vbt-btn a:hover, .wrapper-hp .banner-txt .vbt-btn .input-wrap-btn a:hover {
        padding-left: 62px;
        padding-right: 50px; }
    .wrapper-hp .input-wrap-btn.send-input:before {
      font-size: 13px;
      content: "\f1d8";
      left: 40px; }
    .wrapper-hp .input-wrap-btn.send-input .button, .wrapper-hp .input-wrap-btn.send-input .banner-txt .vbt-btn a, .wrapper-hp .banner-txt .vbt-btn .input-wrap-btn.send-input a {
      padding-left: 64px;
      padding-right: 59px; }
      .wrapper-hp .input-wrap-btn.send-input .button:hover, .wrapper-hp .input-wrap-btn.send-input .banner-txt .vbt-btn a:hover, .wrapper-hp .banner-txt .vbt-btn .input-wrap-btn.send-input a:hover {
        padding-left: 61px;
        padding-right: 61px; }
  .wrapper-hp .button:hover:before, .wrapper-hp .banner-txt .vbt-btn a:hover:before {
    margin-right: 4px;
    margin-left: 4px; }
  .wrapper-hp .button:active:after, .wrapper-hp .banner-txt .vbt-btn a:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s;
    transform: scale(0); }
  .wrapper-hp .button.submit:before, .wrapper-hp .banner-txt .vbt-btn a.submit:before {
    font-size: 13px;
    content: "\f2f6"; }
  .wrapper-hp .button.cancel:before, .wrapper-hp .banner-txt .vbt-btn a.cancel:before {
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    content: "\f00d"; }
  .wrapper-hp .button.send:before, .wrapper-hp .banner-txt .vbt-btn a.send:before {
    font-weight: 900;
    font-size: 13px;
    line-height: 20px;
    content: "\f1d8"; }
  .wrapper-hp .button.report:before, .wrapper-hp .banner-txt .vbt-btn a.report:before {
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    content: "\f024"; }
  .wrapper-hp .button.ok:before, .wrapper-hp .banner-txt .vbt-btn a.ok:before {
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    content: "\f058"; }
  .wrapper-hp .button.cancel:before, .wrapper-hp .banner-txt .vbt-btn a.cancel:before {
    content: "\f00d"; }
  .wrapper-hp .button.cancel:before, .wrapper-hp .banner-txt .vbt-btn a.cancel:before {
    content: "\f00d"; }
  .wrapper-hp .button.cancel:hover:before, .wrapper-hp .banner-txt .vbt-btn a.cancel:hover:before {
    transform: rotate(90deg);
    margin-right: 8px;
    margin-left: 0; }
  .wrapper-hp .button.change-password:before, .wrapper-hp .banner-txt .vbt-btn a.change-password:before {
    content: "\f30d"; }
  .wrapper-hp .button-no-hover:hover {
    color: #ffffff !important;
    background-color: #CC0022 !important; }
  .wrapper-hp .oam-compliance-message {
    margin-top: 10px; }

.color-code {
  list-style: none;
  padding: 0; }
  .color-code li {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 15px;
    border: 1px solid #eee; }
    .color-code li .boxes {
      width: 45px;
      height: 45px;
      display: block;
      float: left; }

.divider {
  padding-bottom: 30px; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 7rem auto 1.75rem;
    margin-top: 8rem; } }

.modal-content {
  border-radius: 0;
  border: 0; }

.modal-body {
  padding: 26px 28px 19px 38px; }
  .modal-body .message {
    padding-top: 19px; }
  .modal-body p:last-child {
    margin-bottom: 0; }

.modal-header {
  padding: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: #DADADA; }

.modal-title {
  padding: 13px 28px 13px 38px;
  font-size: 30px; }

.madal-md {
  width: 100%;
  max-width: 774px; }

.modal-footer > :not(:first-child) {
  margin-left: 11px; }

.modal-footer > :not(:last-child) {
  margin-right: 11px; }

.close-popup {
  font-size: 24px;
  position: absolute;
  right: -33px;
  top: -37px;
  color: #CC0022;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
  .close-popup:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

.modal-backdrop.show {
  opacity: 0.85;
  filter: alpha(opacity=85); }

/* users-slider */
/* users-slider end */
/* Vertical alignment */
.vtable {
  display: table; }
  .vtable .vcell {
    display: table-cell; }
  .vtable .vmiddle {
    vertical-align: middle; }

/* Vertical alignment end */
/*==============  MAIN WRAPPER ==================== */
.wrapper-hp {
  clear: both;
  /*============== HOME VIDEO ==================== */
  /*============== HOME VIDEO END==================== */
  /*============== BANNER==================== */
  /*============== BANNER END==================== */
  /*============== ANNOUNCEMENT==================== */
  /*============== ANNOUNCEMENT END==================== */
  /*============== ONWARD TO 2030==================== */
  /*============== ONWARD TO 2030 END==================== */
  /*============== JOIN OUR TEAM==================== */
  /*============== JOIN OUR TEAM END==================== */
  /*============== UPCOMING EVENTS==================== */
  /*============== UPCOMING EVENTS END==================== */
  /*============== SOCIAL INNVATION BUSINESS END==================== */
  /*============== SOCIAL INNVATION BUSINESS END==================== */
  /*============== BROCHURE END==================== */
  /*============== BROCHURE END==================== */
  /*============== SOCIAL ==================== */
  /*============== BROCHURE END==================== */
  /* Career page */
  /* Career page END */ }
  .wrapper-hp .video-banner {
    min-height: 700px;
    height: 100vh;
    overflow: hidden;
    position: relative; }
    @media (max-width: 767px) {
      .wrapper-hp .video-banner {
        min-height: 334px;
        height: 30vh; } }
    .wrapper-hp .video-banner .video-home {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      z-index: 0;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: url(../images/videos/video-bg.png) no-repeat;
      background-size: cover;
      transition: 1s opacity; }
      @media (max-width: 767px) {
        .wrapper-hp .video-banner .video-home {
          height: 50vh;
          min-height: 340px; } }
    .wrapper-hp .video-banner .video-banner-text {
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 34%, rgba(0, 0, 0, 0.85) 58%, black 80%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 34%, rgba(0, 0, 0, 0.85) 58%, black 80%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 34%, rgba(0, 0, 0, 0.85) 58%, black 80%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
      position: absolute;
      z-index: 0;
      width: 100%;
      bottom: -1px;
      padding: 0px 0 90px; }
      @media (max-width: 767px) {
        .wrapper-hp .video-banner .video-banner-text {
          padding: 0px 0 30px; } }
      .wrapper-hp .video-banner .video-banner-text h1 {
        padding-bottom: 14px; }
        @media (max-width: 767px) {
          .wrapper-hp .video-banner .video-banner-text h1 {
            padding-bottom: 5px; } }
      .wrapper-hp .video-banner .video-banner-text .banner-btn {
        padding-top: 2px; }
    .wrapper-hp .video-banner .header-banner-img {
      background-size: cover;
      background-position: top center;
      width: 100%;
      height: 100vh; }
  .wrapper-hp .video-home-wrap {
    display: block;
    height: 100%;
    position: relative; }
  .wrapper-hp .banner-txt {
    color: #ffffff;
    width: 100%;
    max-width: 540px; }
    .wrapper-hp .banner-txt p {
      font-size: 16px; }
    .wrapper-hp .banner-txt p,
    .wrapper-hp .banner-txt h2,
    .wrapper-hp .banner-txt h3,
    .wrapper-hp .banner-txt h4,
    .wrapper-hp .banner-txt h5,
    .wrapper-hp .banner-txt h6,
    .wrapper-hp .banner-txt li,
    .wrapper-hp .banner-txt h1 {
      color: #ffffff; }
    .wrapper-hp .banner-txt .vbt-btn a {
      font-weight: 500; }
  .wrapper-hp .social-video-wrap {
    position: relative; }
  .wrapper-hp .social-video {
    position: absolute;
    right: 0;
    bottom: -6px;
    margin: 0;
    padding: 0; }
    @media (max-width: 767px) {
      .wrapper-hp .social-video {
        right: 15px; } }
    .wrapper-hp .social-video li {
      display: inline-block;
      padding-left: 19px; }
      .wrapper-hp .social-video li a {
        color: #ffffff;
        font-size: 22px; }
  .wrapper-hp .btn-video-control {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9; }
    @media (min-width: 768px) {
      .wrapper-hp .btn-video-control {
        display: none; } }
    .wrapper-hp .btn-video-control a {
      color: #ffffff;
      border: 2px solid #ffffff;
      padding: 5px 9px;
      width: 32px;
      display: inline-block;
      text-align: center;
      border-radius: 50%; }
      .wrapper-hp .btn-video-control a.pause-btn {
        display: none; }
  .wrapper-hp .slider-banner h6 {
    padding-bottom: 16px; }
  .wrapper-hp .slider-banner p {
    line-height: 1.8; }
  .wrapper-hp .slider-banner .banner-btn {
    padding-top: 12px; }
  @media (min-width: 1200px) {
    .wrapper-hp .banner-fixed .banner-fixed-text {
      padding-left: 30px; } }
  .wrapper-hp .banner-fixed .banner-fixed-img {
    background: 50% 50%/cover no-repeat;
    height: 348px;
    float: right;
    width: 100%;
    max-width: 650px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .banner-fixed .banner-fixed-img {
        height: 280px; } }
    @media (max-width: 767px) {
      .wrapper-hp .banner-fixed .banner-fixed-img {
        max-width: inherit;
        height: 200px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .wrapper-hp .banner-fixed .hl-left {
      max-width: 480px !important;
      margin-right: 0px !important;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .wrapper-hp .banner-fixed .hl-left {
      max-width: 345px !important;
      margin-right: 0px !important;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .wrapper-hp .banner-fixed .hl-left {
      max-width: 540px !important;
      width: 100%;
      margin-right: 0px !important;
      margin: 0 auto !important;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .wrapper-hp .banner-fixed .hl-left .banner-fixed-text {
      padding-left: 15px; } }
  .wrapper-hp .product-service-slider .slick-slide .left-slider-text {
    padding-right: 0px;
    /*
 @media(max-width: 767px) {
     padding-right: 0;
 }

 @media(min-width: 768px) and (max-width: 991px) {
     padding-right: 20px;
 } */ }
    @media (min-width: 768px) {
      .wrapper-hp .product-service-slider .slick-slide .left-slider-text {
        padding-left: 30px; } }
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text a {
      color: #ffffff; }
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text h6,
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text h2,
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text p,
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text .banner-btn {
      position: relative;
      left: -100%; }
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text h6 {
      transition: all 1s ease; }
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text h2 {
      transition: all 1s ease; }
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text p {
      left: -10%;
      transition: opacity 2s, left 1s ease;
      transition-delay: 0.1s;
      opacity: 0; }
    .wrapper-hp .product-service-slider .slick-slide .left-slider-text .banner-btn {
      left: -10%;
      transition: opacity 2.5s, left 1.5s ease;
      transition-delay: 0.1s;
      opacity: 0; }
  .wrapper-hp .product-service-slider .slick-slide.slick-current.slick-active {
    left: 0; }
    .wrapper-hp .product-service-slider .slick-slide.slick-current.slick-active .left-slider-text h6,
    .wrapper-hp .product-service-slider .slick-slide.slick-current.slick-active .left-slider-text h2,
    .wrapper-hp .product-service-slider .slick-slide.slick-current.slick-active .left-slider-text p,
    .wrapper-hp .product-service-slider .slick-slide.slick-current.slick-active .left-slider-text .banner-btn {
      left: 0%;
      opacity: 1; }
  .wrapper-hp .product-service-slider-right {
    margin-right: -33%;
    margin-left: -67%; }
    @media (max-width: 767px) {
      .wrapper-hp .product-service-slider-right {
        margin-right: -0%;
        margin-left: -0%; } }
    .wrapper-hp .product-service-slider-right.slick-slider .slick-track {
      margin: 0; }
    @media (min-width: 992px) {
      .wrapper-hp .product-service-slider-right .img-slider-wrap {
        padding-left: 25px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .product-service-slider-right .img-slider-wrap {
        padding-left: 15px; } }
    .wrapper-hp .product-service-slider-right .img-slider {
      display: block;
      background: 50% 50%/cover no-repeat;
      height: 240px;
      width: 100%;
      background-image: url(../images/slider/slide1.png);
      -webkit-transition: all 0.6s;
      -o-transition: all 0.6s;
      transition: all 0.6s; }
      @media (max-width: 767px) {
        .wrapper-hp .product-service-slider-right .img-slider {
          margin-left: 0px; } }
    .wrapper-hp .product-service-slider-right .slick-list {
      /* .slick-slide{
                opacity: 0;
            }
            .slick-slide  ~ .slick-current {
                opacity: 1;
            }
            .slick-current + .slick-slide    {
                opacity:0.5;
            }
*/ }
      @media (max-width: 767px) {
        .wrapper-hp .product-service-slider-right .slick-list {
          padding: 0 !important; } }
      .wrapper-hp .product-service-slider-right .slick-list .slick-slide,
      .wrapper-hp .product-service-slider-right .slick-list .slick-cloned {
        transition: 0.5s all;
        opacity: 0.5; }
      .wrapper-hp .product-service-slider-right .slick-list .slide-active-prev {
        opacity: 0; }
      .wrapper-hp .product-service-slider-right .slick-list .slick-current {
        opacity: 1 !important; }
      .wrapper-hp .product-service-slider-right .slick-list .slide-active-next,
      .wrapper-hp .product-service-slider-right .slick-list .slick-current + .slick-slide {
        opacity: 0.5; }
    .wrapper-hp .product-service-slider-right .slick-arrow {
      position: absolute;
      z-index: 9;
      top: 50%;
      margin-top: -23px;
      text-indent: -9999em;
      max-width: 51px;
      min-width: inherit;
      height: 56px;
      width: 100%;
      background: rgba(0, 0, 0, 0.78);
      border: 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .product-service-slider-right .slick-arrow {
          height: 42px;
          max-width: 42px;
          margin-top: -21px; } }
      .wrapper-hp .product-service-slider-right .slick-arrow.slick-disabled {
        display: none !important; }
    .wrapper-hp .product-service-slider-right .slick-prev {
      left: calc(33.33333% + 25px); }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .product-service-slider-right .slick-prev {
          left: calc(33.33333% + 15px); } }
      @media (max-width: 767px) {
        .wrapper-hp .product-service-slider-right .slick-prev {
          left: 0; } }
      .wrapper-hp .product-service-slider-right .slick-prev:before {
        content: "";
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        transform: rotate(-138deg) skew(0deg);
        position: absolute;
        width: 15px;
        height: 15px;
        display: block;
        left: 22px;
        top: 50%;
        margin-top: -7px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .wrapper-hp .product-service-slider-right .slick-prev:before {
            left: 17px; } }
    .wrapper-hp .product-service-slider-right .slick-next {
      right: calc(33.33333% - 1px); }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .product-service-slider-right .slick-next {
          right: calc(33.33333% - 1px); } }
      @media (max-width: 767px) {
        .wrapper-hp .product-service-slider-right .slick-next {
          right: 0; } }
      .wrapper-hp .product-service-slider-right .slick-next:before {
        content: "";
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        transform: rotate(48deg) skew(0deg);
        position: absolute;
        /* background: red; */
        width: 15px;
        height: 15px;
        display: block;
        left: 16px;
        top: 50%;
        margin-top: -7px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .wrapper-hp .product-service-slider-right .slick-next:before {
            left: 11px; } }
    .wrapper-hp .product-service-slider-right .slick-dots {
      position: absolute;
      left: calc(33.33333% + 25px);
      padding: 0;
      list-style: none;
      margin: 0;
      bottom: -36px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .product-service-slider-right .slick-dots {
          left: calc(34% + 5px); } }
      @media (max-width: 767px) {
        .wrapper-hp .product-service-slider-right .slick-dots {
          left: 0px;
          width: 100%;
          text-align: center; } }
      .wrapper-hp .product-service-slider-right .slick-dots li {
        display: inline-block;
        width: 22px;
        height: 15px;
        padding: 0; }
        .wrapper-hp .product-service-slider-right .slick-dots li button {
          text-indent: 9999em;
          border: 0;
          width: 11px;
          height: 11px;
          padding: 0;
          background-color: rgba(255, 255, 255, 0.1); }
          .wrapper-hp .product-service-slider-right .slick-dots li button:hover {
            background-color: rgba(255, 255, 255, 0.2); }
        .wrapper-hp .product-service-slider-right .slick-dots li.slick-active button {
          background-color: white; }
  .wrapper-hp .announces-wrap {
    border: 1px solid #DCDCDC;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 12px 2px rgba(214, 214, 214, 0.5);
    box-shadow: 0 2px 12px 2px rgba(214, 214, 214, 0.5);
    padding-top: 32px;
    padding-bottom: 32px;
    z-index: 2;
    position: relative; }
    .wrapper-hp .announces-wrap .aw-text-p {
      position: relative;
      padding-right: 130px; }
      @media (max-width: 991px) {
        .wrapper-hp .announces-wrap .aw-text-p {
          padding-right: 0;
          text-align: center; } }
      .wrapper-hp .announces-wrap .aw-text-p a {
        text-decoration: none;
        color: #333333; }
        .wrapper-hp .announces-wrap .aw-text-p a:hover {
          color: #B1000E; }
          .wrapper-hp .announces-wrap .aw-text-p a:hover span {
            color: #B1000E; }
      .wrapper-hp .announces-wrap .aw-text-p .h5 {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 5px;
        display: block; }
      .wrapper-hp .announces-wrap .aw-text-p .p-text {
        display: block; }
    .wrapper-hp .announces-wrap h4 {
      color: #B1000E;
      font-size: 24px;
      padding-bottom: 18px; }
    .wrapper-hp .announces-wrap .text-btn {
      text-align: right;
      position: absolute;
      top: 50%;
      margin-top: -14px;
      right: -13px; }
      .wrapper-hp .announces-wrap .text-btn a {
        color: #CC0022; }
        .wrapper-hp .announces-wrap .text-btn a:hover {
          color: #B1000E; }
      @media (max-width: 991px) {
        .wrapper-hp .announces-wrap .text-btn {
          position: static;
          text-align: center;
          padding-top: 20px; } }
      .wrapper-hp .announces-wrap .text-btn a {
        font-size: 14px; }
  .wrapper-hp .onward-to-2030-wrap {
    overflow: hidden;
    position: relative; }
    .wrapper-hp .onward-to-2030-wrap.section-bt100, .wrapper-hp .onward-to-2030-wrap.section-p-130 {
      padding-bottom: 0; }
  .wrapper-hp .wrap-ow-to2030 {
    position: relative;
    z-index: 1; }
    @media (min-width: 992px) {
      .wrapper-hp .wrap-ow-to2030 h2 {
        padding-right: 20px; } }
  .wrapper-hp .onward-to-2030 {
    /* min-height: 300px; */ }
    @media (max-width: 767px) {
      .wrapper-hp .onward-to-2030 {
        padding-bottom: 60px; } }
    .wrapper-hp .onward-to-2030 .image-onword-js {
      display: none; }
    .wrapper-hp .onward-to-2030 .image-onword .image-onword-js {
      display: block; }
  .wrapper-hp .animate-overlay {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-color: #ffffff;
    z-index: 998; }
  .wrapper-hp .animate-slide {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 999; }
  .wrapper-hp .animate-box {
    position: relative;
    z-index: 0;
    margin-top: -23%; }
    @media (max-width: 767px) {
      .wrapper-hp .animate-box {
        display: none; } }
  .wrapper-hp .st0 {
    fill: none;
    stroke: #CC0022; }
  .wrapper-hp .st1 {
    fill: #fff; }
  .wrapper-hp .st2 {
    fill: #CC0022; }
  .wrapper-hp .st3 {
    fill: #CC0022;
    stroke: #CC0022;
    stroke-width: 0.2; }
  .wrapper-hp .st4 {
    fill: none;
    stroke: #CC0022;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .wrapper-hp .st0 {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: dash 22s linear alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    fill: none;
    stroke-miterlimit: 10; }

@keyframes dash {
  from {
    stroke-dashoffset: 2000; }
  to {
    stroke-dashoffset: 0; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .wrapper-hp .fade-in {
    opacity: 0;
    animation: fadeIn ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.8s; }
  .wrapper-hp .fade-in.one {
    animation-delay: 0.3; }
  .wrapper-hp .fade-in.two {
    animation-delay: 0.85s; }
  .wrapper-hp .fade-in.three {
    animation-delay: 1.3s; }
  .wrapper-hp .fade-in.four {
    animation-delay: 2s; }
  .wrapper-hp .fade-in.five {
    animation-delay: 2.9s; }
  .wrapper-hp .fade-in.six {
    animation-delay: 3.4s; }
  .wrapper-hp .fade-in.seven {
    animation-delay: 4.6s; }
  .wrapper-hp .fade-in-circle {
    opacity: 0;
    animation: fadeIn ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.3s; }
  .wrapper-hp .fade-in-circle.one {
    animation-delay: 0s; }
  .wrapper-hp .fade-in-circle.two {
    animation-delay: 0.2s; }
  .wrapper-hp .fade-in-circle.three {
    animation-delay: 0.65s; }
  .wrapper-hp .fade-in-circle.four {
    animation-delay: 0.9s; }
  .wrapper-hp .fade-in-circle.five {
    animation-delay: 1.15s; }
  .wrapper-hp .fade-in-circle.six {
    animation-delay: 1.45s; }
  .wrapper-hp .fade-in-circle.seven {
    animation-delay: 1.65s; }
  .wrapper-hp .team-p-bg {
    background: 50% 50%/cover no-repeat;
    background-image: url(../images/nik-macmillan.png);
    position: relative; }
    .wrapper-hp .team-p-bg:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.47);
      z-index: 0;
      top: 0;
      bottom: 0; }
    .wrapper-hp .team-p-bg .team-p .team-p-text {
      background: rgba(0, 0, 0, 0.7);
      padding: 125px 75px; }
      @media (max-width: 767px) {
        .wrapper-hp .team-p-bg .team-p .team-p-text {
          padding: 60px 15px;
          margin: 0 -15px; } }
      .wrapper-hp .team-p-bg .team-p .team-p-text p {
        line-height: 1.8; }
  .wrapper-hp .upcoming-events h6 {
    padding-bottom: 19px; }
  .wrapper-hp .upcoming-events .text-btn {
    padding-top: 5px; }
  .wrapper-hp .upcoming-events p {
    font-size: 16px; }
  .wrapper-hp .upcoming-events .upcoming-slider {
    max-width: 795px;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .wrapper-hp .upcoming-events .upcoming-slider {
        padding: 0 5%; } }
    @media (max-width: 767px) {
      .wrapper-hp .upcoming-events .upcoming-slider {
        width: 96%; } }
  .wrapper-hp .upcoming-events .slick-arrow {
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -23px;
    text-indent: -9999em;
    max-width: 56px;
    min-width: inherit;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 0;
    overflow: hidden; }
    @media (max-width: 767px) {
      .wrapper-hp .upcoming-events .slick-arrow {
        display: none; } }
    .wrapper-hp .upcoming-events .slick-arrow.slick-disabled {
      display: none !important; }
    .wrapper-hp .upcoming-events .slick-arrow:before {
      content: "";
      background: url(../images/event-arrow.svg) no-repeat;
      position: absolute;
      width: 30px;
      height: 30px;
      display: block;
      top: 50%;
      margin-top: -18px;
      background-size: 100%;
      left: 0; }
  .wrapper-hp .upcoming-events .slick-prev {
    left: -80px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
    @media (max-width: 991px) {
      .wrapper-hp .upcoming-events .slick-prev {
        left: -26px; } }
    @media (max-width: 767px) {
      .wrapper-hp .upcoming-events .slick-prev {
        display: none; } }
  .wrapper-hp .upcoming-events .slick-next {
    right: -80px; }
    @media (max-width: 991px) {
      .wrapper-hp .upcoming-events .slick-next {
        right: -26px; } }
    @media (max-width: 767px) {
      .wrapper-hp .upcoming-events .slick-next {
        display: none; } }
  .wrapper-hp .upcoming-events .slick-dots {
    left: 0;
    padding: 35px 0 0;
    list-style: none;
    margin: 0;
    bottom: -40px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .wrapper-hp .upcoming-events .slick-dots {
        /* display: none !important; */ } }
    .wrapper-hp .upcoming-events .slick-dots li {
      display: inline-block;
      width: 22px;
      height: 15px;
      padding: 0; }
      .wrapper-hp .upcoming-events .slick-dots li button {
        text-indent: 9999em;
        width: 11px;
        height: 11px;
        background-color: rgba(51, 51, 51, 0.1);
        border: 0;
        padding: 0; }
        .wrapper-hp .upcoming-events .slick-dots li button:hover {
          background-color: rgba(51, 51, 51, 0.2); }
      .wrapper-hp .upcoming-events .slick-dots li.slick-active button {
        background-color: #333333; }
  .wrapper-hp .social-innovations-story h6 {
    padding-bottom: 21px; }
  .wrapper-hp .social-innovations-story h2 {
    padding-bottom: 21px; }
  .wrapper-hp .social-innovations-story .banner-btn {
    padding-top: 18px; }
  .wrapper-hp .social-innovations-story .hsib-img {
    background: 50% 50%/cover no-repeat;
    width: 100%;
    height: 346px;
    max-width: 288px;
    float: right; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .social-innovations-story .hsib-img {
        height: 264px; } }
    @media (max-width: 767px) {
      .wrapper-hp .social-innovations-story .hsib-img {
        float: none;
        margin: 50px auto 0; } }
  .wrapper-hp .brochure-story .brochure-img {
    background: 50% 50%/cover no-repeat;
    max-width: 410px;
    width: 100%;
    height: 330px;
    /*     border: 1px solid $footGrey;
    @include box-shadow (inset 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.08)); */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .brochure-story .brochure-img {
        height: 253px; } }
    @media (max-width: 767px) {
      .wrapper-hp .brochure-story .brochure-img {
        height: 267px;
        margin: 0 auto;
        max-width: 365px;
        margin-bottom: 30px; } }
  @media (min-width: 1200px) {
    .wrapper-hp .brochure-story .brochure-text {
      margin-left: -34px;
      width: calc(100% + 50px); } }
  .wrapper-hp .brochure-story .social-video a {
    color: #333333; }
  .wrapper-hp .si-story-bg {
    background: 50% 50%/cover no-repeat;
    position: relative; }
    .wrapper-hp .si-story-bg:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.8);
      z-index: 0;
      top: 0;
      bottom: 0; }
  .wrapper-hp .social-story-btn {
    text-align: right;
    margin-top: 65px;
    position: relative;
    padding-bottom: 54px; }
    .wrapper-hp .social-story-btn a {
      text-decoration: none;
      position: relative;
      padding-right: 25px;
      font-size: 16px;
      font-weight: 700;
      display: block;
      line-height: 1.2;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      position: absolute;
      top: 0; }
      .wrapper-hp .social-story-btn a:hover {
        padding-right: 15px; }
      .wrapper-hp .social-story-btn a:after {
        content: "";
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(48deg) skew(0deg);
        position: absolute;
        width: 9px;
        height: 9px;
        display: block;
        right: 0px;
        top: 50%;
        margin-top: -4px; }
  .wrapper-hp .inner-banners {
    padding-top: 84px;
    padding-bottom: 75px; }
  .wrapper-hp .cover-img-career {
    background: 50% 50%/cover no-repeat;
    height: 100%; }
    .wrapper-hp .cover-img-career .career-img-hide {
      display: none; }
  .wrapper-hp .career-bg {
    background: 50% 50%/cover no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .wrapper-hp .career-bg:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.47);
      z-index: 0;
      top: 0;
      bottom: 0; }
    .wrapper-hp .career-bg .career-banner {
      max-width: 530px;
      z-index: 2;
      position: relative;
      min-height: 236px;
      max-height: 350px; }
      .wrapper-hp .career-bg .career-banner h1 {
        color: #ffffff; }
      .wrapper-hp .career-bg .career-banner .career-banner-btn {
        padding-top: 6px; }
  .wrapper-hp .career-full-box {
    padding-top: 70px;
    padding-bottom: 70px; }
    @media (max-width: 767px) {
      .wrapper-hp .career-full-box {
        padding-top: 50px;
        padding-bottom: 0px; } }
    .wrapper-hp .career-full-box .img-p-0 {
      padding: 0; }
    .wrapper-hp .career-full-box .right-career {
      min-height: 250px; }
      @media (min-width: 768px) {
        .wrapper-hp .career-full-box .right-career {
          margin-left: 100px;
          float: right;
          width: calc(100% - 100px);
          min-height: 348px; } }
      @media (max-width: 767px) {
        .wrapper-hp .career-full-box .right-career {
          margin-top: 30px; } }
    .wrapper-hp .career-full-box .left-career {
      max-width: 465px;
      float: right; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .wrapper-hp .career-full-box .left-career {
          max-width: 450px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .career-full-box .left-career {
          max-width: 330px; } }
      @media (min-width: 567px) and (max-width: 767px) {
        .wrapper-hp .career-full-box .left-career {
          max-width: 540px;
          margin: 0 auto;
          float: none;
          padding-bottom: 20px;
          padding-left: 15px;
          padding-right: 15px; } }
    .wrapper-hp .career-full-box:nth-child(odd) {
      direction: rtl;
      background-color: #F2F2F2;
      padding-top: 0px;
      padding-bottom: 0px; }
      .wrapper-hp .career-full-box:nth-child(odd) .right-career {
        min-height: 250px; }
        @media (min-width: 768px) {
          .wrapper-hp .career-full-box:nth-child(odd) .right-career {
            margin-left: 0;
            margin-right: 100px;
            float: left; } }
      .wrapper-hp .career-full-box:nth-child(odd) .left-career {
        max-width: 465px;
        float: left;
        text-align: left;
        padding-top: 70px;
        padding-bottom: 70px;
        direction: ltr; }
        @media (max-width: 767px) {
          .wrapper-hp .career-full-box:nth-child(odd) .left-career {
            padding-top: 50px;
            padding-bottom: 0px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .wrapper-hp .career-full-box:nth-child(odd) .left-career {
            max-width: 450px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .wrapper-hp .career-full-box:nth-child(odd) .left-career {
            max-width: 330px; } }
        @media (min-width: 567px) and (max-width: 767px) {
          .wrapper-hp .career-full-box:nth-child(odd) .left-career {
            max-width: 540px;
            margin: 0 auto;
            float: none;
            padding-bottom: 20px;
            padding-left: 15px;
            padding-right: 15px; } }
  .wrapper-hp .social-career {
    position: relative;
    padding-bottom: 26px; }
    .wrapper-hp .social-career .social-video {
      bottom: -61px; }
      @media (max-width: 767px) {
        .wrapper-hp .social-career .social-video {
          bottom: -40px; } }
      .wrapper-hp .social-career .social-video li a {
        color: #333333;
        font-size: 24px; }
  .wrapper-hp .career-vacancies {
    text-align: center;
    margin: 0 auto;
    max-width: 605px;
    padding-top: 50px; }
    @media (max-width: 767px) {
      .wrapper-hp .career-vacancies {
        padding-top: 25px; } }
    .wrapper-hp .career-vacancies .career-lang {
      list-style: none;
      padding: 0;
      margin: 40px 0 0;
      flex-direction: row;
      text-align: center; }
      @media (min-width: 768px) {
        .wrapper-hp .career-vacancies .career-lang {
          display: flex; } }
      .wrapper-hp .career-vacancies .career-lang li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px; }
        @media (min-width: 768px) {
          .wrapper-hp .career-vacancies .career-lang li {
            flex: 1 1 auto; } }
        @media (max-width: 767px) {
          .wrapper-hp .career-vacancies .career-lang li {
            width: 32%;
            margin-bottom: 10px; } }
        .wrapper-hp .career-vacancies .career-lang li a {
          background: #CC0022;
          color: #ffffff;
          display: block;
          padding: 7px 0;
          margin: 0px auto;
          text-decoration: none;
          max-width: 200px; }
  .wrapper-hp .career-accordian {
    padding-bottom: 50px; }
    @media (max-width: 767px) {
      .wrapper-hp .career-accordian {
        padding-bottom: 25px; } }
  .wrapper-hp .career-accordian-list .career-accordion-toggle {
    display: block;
    margin: 0;
    cursor: pointer;
    margin: 18px 0 0;
    border: 1px solid #DCDCDC;
    background-color: #ffffff;
    box-shadow: 0 2px 12px 2px rgba(214, 214, 214, 0.5);
    color: #CC0022;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.1px;
    line-height: 21px;
    text-decoration: none;
    padding: 12px 40px 12px 25px;
    position: relative; }
    .wrapper-hp .career-accordian-list .career-accordion-toggle:before {
      content: "";
      width: 12px;
      height: 12px;
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -8px;
      border-left: 2px solid #CC0022;
      border-bottom: 2px solid #CC0022;
      transform: rotate(-45deg); }
    .wrapper-hp .career-accordian-list .career-accordion-toggle.career-active-accordian:before {
      margin-top: -6px;
      transform: rotate(135deg); }
  .wrapper-hp .career-accordian-list .career-accordion-content {
    display: none;
    padding: 20px 25px;
    border: 1px solid #DCDCDC; }
    .wrapper-hp .career-accordian-list .career-accordion-content p {
      margin: 0;
      padding-bottom: 10px; }
  .wrapper-hp .career-accordian-list .career-accordion-content.default {
    display: block; }

.fixed-overlay-career {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none; }

.fixed-career-video {
  position: fixed;
  top: 10%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  z-index: 9999;
  display: none;
  max-width: 940px; }
  .fixed-career-video .close-vde {
    position: absolute;
    right: -39px;
    z-index: 99999999;
    width: 35px;
    height: 35px;
    top: -36px;
    display: block; }
    @media (max-width: 991px) {
      .fixed-career-video .close-vde {
        right: 2px;
        height: 20px;
        top: -30px;
        width: 30px; } }
    .fixed-career-video .close-vde:before, .fixed-career-video .close-vde:after {
      content: "";
      position: absolute;
      width: 5px;
      height: 100%;
      background: #ffffff;
      transform: rotate(45deg);
      left: 17px;
      top: 0%; }
      @media (max-width: 991px) {
        .fixed-career-video .close-vde:before, .fixed-career-video .close-vde:after {
          width: 3px; } }
    .fixed-career-video .close-vde:after {
      transform: rotate(-45deg); }
  .fixed-career-video .plyr__control.plyr__tab-focus,
  .fixed-career-video .plyr__control--overlaid,
  .fixed-career-video .plyr--video .plyr__control.plyr__tab-focus,
  .fixed-career-video .plyr--video .plyr__control:hover,
  .fixed-career-video .plyr--video .plyr__control[aria-expanded=true] {
    background: transparent url(../images/career/arrow-plyr.png) no-repeat;
    box-shadow: 0 0 0 0px rgba(26, 175, 255, 0);
    background-size: 100%;
    border-radius: 0; }

/*==============  MAIN WRAPPER END==================== */
/*============== FOOTER BANNER=================== */
.footer-banner-bg {
  position: relative;
  background: 50% 50%/cover no-repeat; }
  @media (min-width: 992px) {
    .footer-banner-bg {
      min-height: 450px; } }
  .footer-banner-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
    top: 0;
    bottom: 0; }
  .footer-banner-bg .footer-banner {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media (min-width: 992px) {
      .footer-banner-bg .footer-banner {
        padding-top: 50px;
        padding-bottom: 50px; } }
    .footer-banner-bg .footer-banner .banner-btn {
      padding-top: 10px; }
  .footer-banner-bg .social-video {
    bottom: -115px; }
    @media (max-width: 767px) {
      .footer-banner-bg .social-video {
        bottom: -60px; } }

/*============== FOOTER BANNER END==================== */
/*============== FOOTER==================== */
.footer {
  width: 100%;
  background-color: #E5E5E5;
  padding: 35px 0;
  color: #333333; }
  @media (max-width: 767px) {
    .footer .left-footer {
      text-align: center;
      padding-bottom: 20px; } }
  .footer .left-footer a {
    color: #333333;
    padding: 0 10px;
    border-right: 1px solid #333333; }
    .footer .left-footer a:first-child {
      padding-left: 0; }
      @media (max-width: 767px) {
        .footer .left-footer a:first-child {
          padding-left: 10px; } }
    .footer .left-footer a:last-child {
      border-right: 0px solid #333333; }
  .footer .right-footer {
    text-align: right; }
    @media (max-width: 767px) {
      .footer .right-footer {
        text-align: center; } }
    .footer .right-footer p {
      margin-bottom: 0; }

@media (max-width: 767px) {
  #zone-footer-bottom #region-footer-bottom-second {
    text-align: left; } }

/*============== END FOOTER==================== */
/*NEW NR*/
.visibility-hidden {
  visibility: hidden; }

.social-content-title {
  padding-left: 30px;
  position: relative;
  top: 27px; }
  @media (max-width: 767px) {
    .social-content-title {
      padding-left: 0px;
      top: 20px; } }

/*============== END FOOTER==================== */
/*============== Seit 2012 ist Hitachi Europe ==================== */
.siet-wrapper .siet-img {
  background: 50% 50%/cover no-repeat;
  background-image: url(../images/nik-macmillan-280300-unsplash.jpg);
  height: 100%;
  margin-left: -15px;
  min-height: 600px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .siet-wrapper .siet-img {
      min-height: 480px;
      margin-right: 10px; } }
  @media (min-width: 991px) {
    .siet-wrapper .siet-img {
      margin-right: 45px; } }
  @media (max-width: 767px) {
    .siet-wrapper .siet-img {
      min-height: 320px;
      margin-right: -15px; } }

.siet-wrapper .siet-text-wrap {
  max-width: 600px;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 1200px) {
    .siet-wrapper .siet-text-wrap {
      margin-left: 45px;
      width: calc(100% - 45px); } }
  @media (max-width: 767px) {
    .siet-wrapper .siet-text-wrap {
      margin-top: 40px;
      max-width: 545px;
      width: 100%;
      margin: 0 auto; } }
  .siet-wrapper .siet-text-wrap .siet-text {
    width: 100%;
    max-width: 450px; }

.siet-wrapper h2 {
  color: #CC0022; }

.siet-wrapper .banner-btn {
  padding-top: 10px; }

.loading-sliders {
  opacity: 0; }

/*============== Seit 2012 ist Hitachi Europe END==================== */
.career-wrapper {
  width: 100%;
  display: block;
  overflow: hidden; }
  .career-wrapper .grid-12 {
    margin: 0 auto;
    width: 100%;
    float: none;
    overflow: hidden;
    display: block; }
    @media (min-device-width: 740px) and (min-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation: landscape) {
      .career-wrapper .grid-12 {
        max-width: 700px; } }
    @media (min-device-width: 980px) and (min-width: 980px), (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) {
      .career-wrapper .grid-12 {
        max-width: 940px; } }
    @media screen and (min-width: 995px) {
      .career-wrapper .grid-12 {
        max-width: 965px; } }

.player-video-dy {
  background: url(../images/career/loader-svg.svg) no-repeat center center; }
  .player-video-dy iframe {
    width: 100%;
    min-height: 200px; }

a.main-top-go {
  position: fixed;
  right: 5%;
  bottom: 50px;
  z-index: 9;
  border: 2px solid #B1000E;
  width: 36px;
  text-align: center;
  height: 36px;
  line-height: 34px;
  border-radius: 50%;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.7);
  transition: all 0.5s; }
  a.main-top-go:hover {
    background-color: #CC0022;
    color: #ffffff; }

/* body {
    padding-bottom: 94px;
    @media (max-width: 767px) {
        padding-bottom: 130px;
    }
} */
.text-center {
  text-align: center; }

.wrapper-hp .half-left-container {
  display: flex;
  width: 100%; }
  @media (max-width: 767px) {
    .wrapper-hp .half-left-container {
      display: block; } }
  .wrapper-hp .half-left-container .hl-left {
    float: right;
    width: 100%;
    max-width: 455px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .half-left-container .hl-left {
        max-width: 331px; } }
    @media (min-width: 768px) {
      .wrapper-hp .half-left-container .hl-left {
        margin-right: 40px; } }
    @media (max-width: 767px) {
      .wrapper-hp .half-left-container .hl-left {
        max-height: inherit;
        float: none; } }
  .wrapper-hp .half-left-container .hr-right {
    margin-right: -15px;
    padding-bottom: 30px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .wrapper-hp .half-left-container .hr-right {
        max-height: inherit;
        float: none;
        margin-left: -15px;
        padding-top: 50px; } }

.wrapper-hp .black-bg {
  background-color: #000000;
  color: #ffffff; }
  .wrapper-hp .black-bg p, .wrapper-hp .black-bg h2, .wrapper-hp .black-bg h3, .wrapper-hp .black-bg h4, .wrapper-hp .black-bg h5, .wrapper-hp .black-bg h6, .wrapper-hp .black-bg li, .wrapper-hp .black-bg a {
    color: #ffffff; }

.wrapper-hp .grey-bg {
  background-color: #F2F2F2; }

.wrapper-hp .white-text {
  color: #ffffff; }
  .wrapper-hp .white-text p, .wrapper-hp .white-text h1, .wrapper-hp .white-text h2, .wrapper-hp .white-text h3, .wrapper-hp .white-text h4, .wrapper-hp .white-text h5, .wrapper-hp .white-text h6, .wrapper-hp .white-text li, .wrapper-hp .white-text a {
    color: #ffffff; }

.wrapper-hp .section-bt190 {
  padding-bottom: 145px;
  padding-top: 93px; }
  @media (max-width: 767px) {
    .wrapper-hp .section-bt190 {
      padding-top: 60px;
      padding-bottom: 60px; } }

.wrapper-hp .section-9040 {
  padding-bottom: 90px;
  padding-top: 40px; }
  @media (max-width: 767px) {
    .wrapper-hp .section-9040 {
      padding-top: 60px;
      padding-bottom: 30px; } }

.wrapper-hp .section-bt40 {
  padding-bottom: 40px;
  padding-top: 93px; }
  @media (max-width: 767px) {
    .wrapper-hp .section-bt40 {
      padding-top: 60px;
      padding-bottom: 30px; } }

.wrapper-hp .section-bt100, .wrapper-hp .section-p-130 {
  padding-bottom: 100px;
  padding-top: 100px; }
  @media (max-width: 767px) {
    .wrapper-hp .section-bt100, .wrapper-hp .section-p-130 {
      padding-top: 60px;
      padding-bottom: 60px; } }

.wrapper-hp .section-p-95 {
  padding-top: 95px;
  padding-bottom: 65px; }
  @media (max-width: 767px) {
    .wrapper-hp .section-p-95 {
      padding-top: 60px;
      padding-bottom: 30px; } }

.wrapper-hp .section-p-75 {
  padding-top: 75px;
  padding-bottom: 75px; }
  @media (max-width: 767px) {
    .wrapper-hp .section-p-75 {
      padding-top: 60px;
      padding-bottom: 30px; } }

.wrapper-hp .section-bt90 {
  padding-bottom: 90px;
  padding-top: 90px; }
  @media (max-width: 767px) {
    .wrapper-hp .section-bt90 {
      padding-top: 60px;
      padding-bottom: 60px; } }

.wrapper-hp .section-bt70 {
  padding-bottom: 70px;
  padding-top: 70px; }
  @media (max-width: 767px) {
    .wrapper-hp .section-bt70 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.wrapper-hp .text-btn a {
  font-weight: bold;
  text-decoration: none; }

.wrapper-hp .text-btn.arrow-btn a {
  background: url(../images/red-arrow.svg) no-repeat right -6px;
  padding-right: 27px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .wrapper-hp .text-btn.arrow-btn a:hover {
    padding-right: 21px; }

.wrapper-hp {
  /* common table */
  /* Banner  */
  /* sticky nav */
  /* Sustainable Development Goals */
  /* Our Environmental Vision */ }
  .wrapper-hp .sdg-table {
    display: table;
    width: 100%; }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-table {
        display: block; } }
    .wrapper-hp .sdg-table.sdg-block {
      margin-top: 35px; }
      .wrapper-hp .sdg-table.sdg-block .sdg-table-cell {
        padding: 0 15px;
        width: 50%;
        vertical-align: middle; }
        @media (min-width: 768px) and (max-width: 991px) {
          .wrapper-hp .sdg-table.sdg-block .sdg-table-cell {
            padding: 0 7px; } }
        @media (max-width: 767px) {
          .wrapper-hp .sdg-table.sdg-block .sdg-table-cell {
            display: block;
            width: 100%;
            padding: 15px 0; } }
        .wrapper-hp .sdg-table.sdg-block .sdg-table-cell:first-child {
          padding-left: 0; }
          @media (max-width: 767px) {
            .wrapper-hp .sdg-table.sdg-block .sdg-table-cell:first-child {
              padding-top: 0; } }
        .wrapper-hp .sdg-table.sdg-block .sdg-table-cell:last-child {
          padding-right: 0; }
          @media (max-width: 767px) {
            .wrapper-hp .sdg-table.sdg-block .sdg-table-cell:last-child {
              padding-bottom: 0; } }
    .wrapper-hp .sdg-table .sdg-table-cell {
      display: table-cell; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-table .sdg-table-cell {
          display: block;
          width: 100%; } }
      .wrapper-hp .sdg-table .sdg-table-cell.v-middle {
        vertical-align: middle; }
      .wrapper-hp .sdg-table .sdg-table-cell.v-bottom {
        vertical-align: bottom; }
      .wrapper-hp .sdg-table .sdg-table-cell.v-top {
        vertical-align: top; }
  .wrapper-hp .sdg-banner-wrap {
    min-height: 540px;
    background: 50% 50%/cover no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .wrapper-hp .sdg-banner-wrap {
        min-height: 400px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .sdg-banner-wrap {
        min-height: 500px; } }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-banner-wrap {
        min-height: 300px; } }
    .wrapper-hp .sdg-banner-wrap:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.2);
      z-index: 0;
      top: 0;
      bottom: 0; }
    .wrapper-hp .sdg-banner-wrap .sdg-banner {
      max-width: 533px;
      padding-bottom: 46px;
      position: relative; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-banner-wrap .sdg-banner {
          padding-top: 40px; } }
      .wrapper-hp .sdg-banner-wrap .sdg-banner p {
        font-size: 16px;
        letter-spacing: -0.2px;
        line-height: 24px; }
        @media (max-width: 767px) {
          .wrapper-hp .sdg-banner-wrap .sdg-banner p {
            font-size: 14px;
            line-height: 20px; } }
      .wrapper-hp .sdg-banner-wrap .sdg-banner h1 {
        letter-spacing: -0.14px;
        line-height: 48px; }
  .wrapper-hp .sdg-button-group {
    border-bottom: 1px solid #DCDCDC;
    background-color: #ffffff;
    box-shadow: 0 2px 12px 2px rgba(214, 214, 214, 0.5);
    padding-top: 70px;
    padding-bottom: 70px;
    transition: all 0.5s; }
    @media (max-width: 9921px) and (max-width: 1199px) {
      .wrapper-hp .sdg-button-group {
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media (max-width: 991px) {
      .wrapper-hp .sdg-button-group {
        padding-top: 50px;
        padding-bottom: 30px;
        display: none; } }
    @media (max-width: 991px) {
      .wrapper-hp .sdg-button-group.parent-active {
        border-bottom: 1px solid transparent;
        background-color: transparent;
        box-shadow: 0 0px 0px 0px rgba(214, 214, 214, 0); } }
    .wrapper-hp .sdg-button-group.sdg-fixed {
      position: fixed;
      padding: 10px 0;
      top: 0;
      width: 100%;
      z-index: 9; }
    .wrapper-hp .sdg-button-group .sdg-fixed-menu {
      position: relative; }
    .wrapper-hp .sdg-button-group .sdg-btn-lst {
      list-style: none;
      padding: 0;
      margin: 0;
      flex-direction: row;
      text-align: center; }
      @media (min-width: 768px) {
        .wrapper-hp .sdg-button-group .sdg-btn-lst {
          display: table !important;
          width: 100%; } }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-button-group .sdg-btn-lst {
          display: none; } }
      @media (min-width: 768px) {
        .wrapper-hp .sdg-button-group .sdg-btn-lst li {
          vertical-align: middle;
          display: table-cell;
          padding: 0 10px; } }
      @media (max-width: 991px) {
        .wrapper-hp .sdg-button-group .sdg-btn-lst li {
          display: block;
          width: 100%;
          padding: 0px;
          margin: 0 0px 10px; } }
      .wrapper-hp .sdg-button-group .sdg-btn-lst li:first-child {
        padding-left: 0; }
      .wrapper-hp .sdg-button-group .sdg-btn-lst li:last-child {
        padding-right: 0; }
      .wrapper-hp .sdg-button-group .sdg-btn-lst li a {
        background: #CC0022;
        color: #ffffff;
        display: block;
        padding: 5px;
        margin: 0px auto;
        text-decoration: none;
        width: 100%;
        max-width: 350px;
        font-size: 13px; }
        @media (max-width: 991px) {
          .wrapper-hp .sdg-button-group .sdg-btn-lst li a {
            max-width: inherit; } }
  .wrapper-hp .sdg-fxd-bar {
    border: none;
    cursor: pointer;
    outline: none;
    position: absolute;
    display: block;
    width: 30px;
    height: 26px;
    background: transparent;
    border-top: 4px solid #333333;
    border-bottom: 4px solid #333333;
    color: #CC0022;
    font-size: 0;
    transition: all .25s ease-in-out;
    right: 0;
    top: -40px; }
    @media (min-width: 992px) {
      .wrapper-hp .sdg-fxd-bar {
        display: none; } }
    .wrapper-hp .sdg-fxd-bar:before, .wrapper-hp .sdg-fxd-bar:after {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: 50%;
      left: 50%;
      background: #333333;
      transform: translate(-50%, -50%);
      transition: all .25s ease-in-out; }
  .wrapper-hp .sdg-fxd-bar:hover {
    color: #CC0022; }
  .wrapper-hp .sdg-fxd-bar.is-active {
    border-color: transparent; }
    .wrapper-hp .sdg-fxd-bar.is-active:before {
      transform: translate(-50%, -50%) rotate(45deg); }
    .wrapper-hp .sdg-fxd-bar.is-active:after {
      transform: translate(-50%, -50%) rotate(-45deg); }
  .wrapper-hp .sdg-goal-box {
    padding-top: 65px;
    padding-bottom: 45px;
    display: table;
    width: 100%; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .sdg-goal-box {
        padding-top: 45px;
        padding-bottom: 30px; } }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-goal-box {
        max-width: inherit;
        display: block;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 35px;
        padding-bottom: 25px; } }
    .wrapper-hp .sdg-goal-box .sdg-goal-box-left {
      display: table-cell;
      width: 50%;
      vertical-align: middle; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-goal-box .sdg-goal-box-left {
          max-width: inherit;
          display: block;
          padding-bottom: 20px;
          width: 100%; } }
    .wrapper-hp .sdg-goal-box .sdg-goal-box-right {
      display: table-cell;
      width: 50%;
      vertical-align: middle; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-goal-box .sdg-goal-box-right {
          max-width: inherit;
          display: block;
          padding-bottom: 20px;
          width: 100%; } }
    .wrapper-hp .sdg-goal-box p {
      font-size: 16px;
      line-height: 24px;
      color: #333333;
      font-family: Arial;
      letter-spacing: -0.2px; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-goal-box p {
          line-height: 20px;
          font-size: 14px; } }
    .wrapper-hp .sdg-goal-box h2 {
      color: #333333;
      font-weight: 700; }
    .wrapper-hp .sdg-goal-box .wrap-sdg-goal-text {
      padding-right: 80px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .sdg-goal-box .wrap-sdg-goal-text {
          padding-right: 15px; } }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-goal-box .wrap-sdg-goal-text {
          padding-right: 0px; } }
    .wrapper-hp .sdg-goal-box .right-sdg {
      min-height: 250px; }
      @media (min-width: 768px) {
        .wrapper-hp .sdg-goal-box .right-sdg {
          margin-left: 100px;
          float: right;
          width: calc(100% - 100px);
          min-height: 348px; } }
      @media (max-width: 991px) {
        .wrapper-hp .sdg-goal-box .right-sdg {
          margin-left: 0px;
          float: none;
          width: calc(100% - 0px);
          min-height: 348px; } }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-goal-box .right-sdg {
          min-height: 200px; } }
    .wrapper-hp .sdg-goal-box .left-sdg {
      max-width: 480px;
      float: right; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .wrapper-hp .sdg-goal-box .left-sdg {
          max-width: 464px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .sdg-goal-box .left-sdg {
          max-width: 345px; } }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-goal-box .left-sdg {
          max-width: inherit;
          display: block;
          float: none; } }
  .wrapper-hp .sdg-box-content h2 {
    letter-spacing: -0.9px;
    padding-bottom: 30px; }
    @media (min-width: 768px) {
      .wrapper-hp .sdg-box-content h2 {
        font-size: 2.3715em; } }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-box-content h2 {
        padding-bottom: 20px; } }
  .wrapper-hp .cover-img-sdg {
    background: 50% 50%/cover no-repeat;
    height: 100%; }
    .wrapper-hp .cover-img-sdg .sdg-img-hide {
      display: none; }
  .wrapper-hp .sdx-heading {
    text-align: center;
    padding-bottom: 35px; }
    .wrapper-hp .sdx-heading h2 {
      color: #333333;
      padding-bottom: 25px; }
    .wrapper-hp .sdx-heading p {
      max-width: 580px;
      margin: 0 auto;
      color: #333333;
      font-family: Arial;
      font-size: 16px;
      letter-spacing: -0.2px;
      line-height: 24px; }
      @media (max-width: 767px) {
        .wrapper-hp .sdx-heading p {
          line-height: 20px;
          font-size: 14px; } }
  .wrapper-hp .sdg-slider-main-wrapper {
    position: relative;
    padding-top: 70px;
    background: #f8f8f8; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .sdg-slider-main-wrapper {
        padding-top: 40px; } }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-slider-main-wrapper {
        padding-top: 30px; } }
    .wrapper-hp .sdg-slider-main-wrapper:before {
      content: "";
      height: 12px;
      width: 100%;
      position: absolute;
      bottom: 0;
      background-color: #f0f0f0; }
    .wrapper-hp .sdg-slider-main-wrapper .container-slide {
      max-width: 1020px;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto; }
      .wrapper-hp .sdg-slider-main-wrapper .container-slide.sdg-five-slide {
        max-width: 1058px; }
  .wrapper-hp .sdg-p-bg .sdg-p-text {
    background: rgba(0, 0, 0, 0.7);
    padding: 97px 50px; }
    @media (min-width: 1200px) {
      .wrapper-hp .sdg-p-bg .sdg-p-text {
        margin-right: -80px;
        margin-left: 82px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .sdg-p-bg .sdg-p-text {
        padding: 65px 50px; } }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-p-bg .sdg-p-text {
        padding: 60px 15px;
        margin: 0 -15px; } }
    .wrapper-hp .sdg-p-bg .sdg-p-text p {
      font-family: Arial;
      font-size: 16px;
      letter-spacing: -0.2px;
      line-height: 24px; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-p-bg .sdg-p-text p {
          font-size: 14px;
          line-height: 20px; } }
  .wrapper-hp .sdg-p-bg .banner-btn {
    padding-top: 10px; }
  .wrapper-hp .sdg-commitments-text {
    background-color: #f0f0f0;
    padding-top: 61px;
    padding-bottom: 70px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .sdg-commitments-text {
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-commitments-text {
        padding-top: 30px;
        padding-bottom: 30px; } }
    .wrapper-hp .sdg-commitments-text.sdg-commitments-gap {
      padding-top: 110px;
      padding-bottom: 95px; }
      @media (max-width: 991px) {
        .wrapper-hp .sdg-commitments-text.sdg-commitments-gap {
          padding-top: 40px;
          padding-bottom: 40px; } }
  .wrapper-hp .sdg-slider-text-2 {
    max-width: 990px;
    display: table;
    width: 100%; }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-slider-text-2 {
        padding-right: 0px;
        width: 100%;
        display: block; } }
    .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap {
      display: table-cell;
      width: 50%;
      vertical-align: top;
      padding-right: 80px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap {
          padding-right: 15px; } }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap {
          padding-right: 0px;
          width: 100%;
          display: block;
          padding-bottom: 30px; } }
    .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-video {
      width: 50%;
      display: table-cell;
      vertical-align: top;
      padding-left: 15px; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-video {
          width: 100%;
          display: block;
          padding-left: 0; } }
    .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-left {
      display: table-cell;
      width: 64%;
      vertical-align: top;
      padding-right: 100px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-left {
          padding-right: 15px; } }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-left {
          padding-right: 0px;
          width: 100%;
          display: block;
          padding-bottom: 30px; } }
    .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-right {
      width: 36%;
      display: table-cell;
      vertical-align: top; }
      .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-right .sdg-image img {
        max-height: 400px;
        float: right; }
        @media (max-width: 767px) {
          .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-right .sdg-image img {
            float: none; } }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-slider-text-2 .sdg-slide-wrap-right {
          width: 100%;
          display: block; } }
    .wrapper-hp .sdg-slider-text-2 .banner-btn {
      padding-top: 10px; }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-slider-text-2 .sdg-image img {
        margin: 0 auto; } }
  .wrapper-hp .sdg-video .sdg-video-text {
    background-color: #ffffff;
    padding: 19px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 5px; }
    .wrapper-hp .sdg-video .sdg-video-text .sdg-text-video {
      color: #333333;
      font-family: Arial;
      font-size: 18px;
      line-height: 21px;
      padding-bottom: 6px; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-video .sdg-video-text .sdg-text-video {
          font-size: 16px; } }
    .wrapper-hp .sdg-video .sdg-video-text .sdg-anch-video a {
      position: relative;
      padding-right: 20px;
      color: #CC0022;
      font-family: Arial;
      font-size: 14px;
      font-weight: bold;
      line-height: 16px;
      text-decoration: none;
      transition: all 0.5s; }
      .wrapper-hp .sdg-video .sdg-video-text .sdg-anch-video a:hover {
        padding-right: 15px;
        text-decoration: underline; }
      .wrapper-hp .sdg-video .sdg-video-text .sdg-anch-video a:before {
        content: "";
        border-top: 2px solid #CC0022;
        border-right: 2px solid #CC0022;
        transform: rotate(48deg) skew(0deg);
        position: absolute;
        width: 10px;
        height: 10px;
        display: block;
        right: 0px;
        top: 50%;
        margin-top: -4px; }
  .wrapper-hp .sdg-video .sdg-video-img {
    background: 50% 40%/cover no-repeat;
    width: 100%;
    height: 223px; }
    .wrapper-hp .sdg-video .sdg-video-img a {
      position: relative;
      display: block;
      height: 100%; }
      .wrapper-hp .sdg-video .sdg-video-img a img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -27px;
        margin-top: -27px; }
  @media (max-width: 480px) {
    .wrapper-hp .sdg-thumb {
      margin-left: -15px;
      margin-right: -15px; } }
  .wrapper-hp .sdg-thumb .slick-slide {
    transition: all 0.3s;
    transform-origin: bottom;
    padding-bottom: 20px;
    cursor: pointer; }
    .wrapper-hp .sdg-thumb .slick-slide:hover {
      transform: scale(1.05);
      padding-bottom: 10px; }
    @media (max-width: 480px) {
      .wrapper-hp .sdg-thumb .slick-slide {
        padding-left: 15px;
        padding-right: 15px; } }
  .wrapper-hp .sdg-thumb .slick-current {
    transform: scale(1.2);
    padding-bottom: 0px; }
    .wrapper-hp .sdg-thumb .slick-current:hover {
      transform: scale(1.2);
      padding-bottom: 0px; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick:before {
      content: "";
      width: 26px;
      background: #c11729;
      position: absolute;
      bottom: -10px;
      left: 50%;
      height: 26px;
      transform: rotate(45deg);
      margin-left: -13px;
      z-index: -1; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-green:before {
      background: #299338; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-blue:before {
      background: #00A6D6; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-yellow:before {
      background: #FAB700; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-orange:before {
      background: #EB6616; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-darkyellow:before {
      background: #F49D0D; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-mehroon:before {
      background: #C11729; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-darkorange:before {
      background: #E5341C; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-darkmehroon:before {
      background: #931832; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-gold:before {
      background: #D08C0F; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-darkgreen:before {
      background: #4A7735; }
    .wrapper-hp .sdg-thumb .slick-current .sdg-img-slick.sdg-darkblue:before {
      background: #1F3262; }
  .wrapper-hp .sdg-thumb .sdg-img-slick {
    text-align: center;
    padding-top: 30px;
    transition: all 0.5s;
    position: relative;
    padding-bottom: 2px; }
    .wrapper-hp .sdg-thumb .sdg-img-slick div {
      margin: 0 auto;
      max-width: 100%;
      height: 138px;
      width: 138px; }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-green div {
      background-image: url("../../assets/images/sdg/3.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-blue div {
      background-image: url("../../assets/images/sdg/6.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-yellow div {
      background-image: url("../../assets/images/sdg/7.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-orange div {
      background-image: url("../../assets/images/sdg/9.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-darkyellow div {
      background-image: url("../../assets/images/sdg/11.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-mehroon div {
      background-image: url("../../assets/images/sdg/4.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-darkorange div {
      background-image: url("../../assets/images/sdg/5.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-darkmehroon div {
      background-image: url("../../assets/images/sdg/8.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-gold div {
      background-image: url("../../assets/images/sdg/12.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-darkgreen div {
      background-image: url("../../assets/images/sdg/13.svg"); }
    .wrapper-hp .sdg-thumb .sdg-img-slick.sdg-darkblue div {
      background-image: url("../../assets/images/sdg/17.svg"); }
  .wrapper-hp .sdg-left-text p {
    color: #333333;
    font-family: Arial;
    font-size: 18px;
    line-height: 24px; }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-left-text p {
        font-size: 16px;
        line-height: 20px; } }
  .wrapper-hp .sdg-left-text h3 {
    font-size: 24px; }
  .wrapper-hp .sdg-dih {
    padding-top: 65px;
    padding-bottom: 60px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .sdg-dih {
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-dih {
        padding-top: 35px;
        padding-bottom: 45px; } }
    .wrapper-hp .sdg-dih .social-career .social-video {
      bottom: 8px; }
      @media (max-width: 767px) {
        .wrapper-hp .sdg-dih .social-career .social-video {
          bottom: -20px; } }
    .wrapper-hp .sdg-dih .sdg-table.sdg-block {
      margin-top: 0; }
    .wrapper-hp .sdg-dih .banner-btn {
      padding-top: 10px; }
  .wrapper-hp .sdg-dih-text h2 {
    color: #333333; }
  .wrapper-hp .sdg-dih-text p {
    color: #333333;
    font-family: Arial;
    font-size: 16px;
    line-height: 21px; }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-dih-text p {
        font-size: 14px; } }
  .wrapper-hp .sdg-dih-text .sdg-dih-text-in {
    padding-right: 110px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wrapper-hp .sdg-dih-text .sdg-dih-text-in {
        padding-right: 25px; } }
    @media (max-width: 767px) {
      .wrapper-hp .sdg-dih-text .sdg-dih-text-in {
        padding-right: 0; } }

.fixed-career-video iframe {
  border: 0; }

@-moz-document url-prefix() {
  .sdg-banner-wrap {
    height: 540px; } }

.wrapper-hp {
  /* Result page */ }
  .wrapper-hp .main-inner-banner {
    padding-top: 84px;
    padding-bottom: 75px;
    background: 50% 50% / cover no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 1;
    min-height: 395px;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .wrapper-hp .main-inner-banner {
        min-height: inherit; } }
    .wrapper-hp .main-inner-banner:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.3);
      z-index: 0;
      top: 0;
      bottom: 0; }
    .wrapper-hp .main-inner-banner .main-banner {
      position: relative;
      z-index: 2;
      max-width: 530px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .wrapper-hp .main-inner-banner {
      height: 395px; } }
  .wrapper-hp .rcy-full-box {
    padding-top: 70px;
    padding-bottom: 70px; }
    @media (max-width: 767px) {
      .wrapper-hp .rcy-full-box {
        padding-top: 0px;
        padding-bottom: 0px; } }
    .wrapper-hp .rcy-full-box .img-p-0 {
      padding: 0; }
    .wrapper-hp .rcy-full-box .right-panel {
      min-height: 250px; }
      @media (min-width: 768px) {
        .wrapper-hp .rcy-full-box .right-panel {
          margin-left: 100px;
          float: right;
          width: calc(100% - 100px);
          min-height: 348px; } }
    .wrapper-hp .rcy-full-box .left-panel {
      max-width: 465px;
      float: right; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .wrapper-hp .rcy-full-box .left-panel {
          max-width: 450px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .rcy-full-box .left-panel {
          max-width: 330px; } }
      @media (max-width: 767px) {
        .wrapper-hp .rcy-full-box .left-panel {
          padding-top: 30px;
          padding-bottom: 30px; } }
      @media (min-width: 567px) and (max-width: 767px) {
        .wrapper-hp .rcy-full-box .left-panel {
          max-width: 540px;
          margin: 0 auto;
          float: none;
          padding-bottom: 20px;
          padding-left: 15px;
          padding-right: 15px; } }
  .wrapper-hp .rcy-head {
    color: #cc0022;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -0.12px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    padding-bottom: 17px;
    margin-bottom: 20px; }
    .wrapper-hp .rcy-head:before {
      content: "";
      border-bottom: 2px solid #cc0022;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
  .wrapper-hp .bg-grey-ryc {
    background-color: #f8f8f8; }
  .wrapper-hp .panel-full-box.bg-white-ryc {
    background-color: #ffffff; }
  .wrapper-hp .input-rcycl {
    box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.1);
    height: 46px !important;
    padding: 13px 17px !important;
    margin: 0 15px 0 0;
    border: 0;
    clear: both;
    display: block;
    width: 100%;
    font-size: 16px !important; }
    @media (max-width: 767px) {
      .wrapper-hp .input-rcycl {
        font-size: 12px !important; } }
  .wrapper-hp .rcy-form-cont {
    padding-top: 50px;
    padding-bottom: 50px; }
    @media (max-width: 767px) {
      .wrapper-hp .rcy-form-cont {
        padding-top: 30px;
        padding-bottom: 30px; } }
    .wrapper-hp .rcy-form-cont .custom-select {
      position: relative;
      display: block;
      margin-bottom: 15px; }
      .wrapper-hp .rcy-form-cont .custom-select .select-items {
        position: absolute;
        left: 0;
        top: 100%;
        background: #fff;
        box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.1);
        padding: 0;
        width: 100%;
        z-index: 9999;
        margin: 0;
        padding: 0;
        font-size: 16px; }
        @media (max-width: 767px) {
          .wrapper-hp .rcy-form-cont .custom-select .select-items {
            font-size: 12px; } }
        .wrapper-hp .rcy-form-cont .custom-select .select-items div {
          padding: 3px 13px;
          cursor: pointer; }
          .wrapper-hp .rcy-form-cont .custom-select .select-items div:hover, .wrapper-hp .rcy-form-cont .custom-select .select-items div.same-as-selected {
            background: #f1f1f1; }
      .wrapper-hp .rcy-form-cont .custom-select select {
        position: absolute;
        z-index: -99999;
        width: 0;
        height: 0;
        opacity: 0; }
      .wrapper-hp .rcy-form-cont .custom-select.custom-select-dis .select-selected {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        color: #b2b2b2;
        cursor: default; }
        .wrapper-hp .rcy-form-cont .custom-select.custom-select-dis .select-selected:before {
          border-left: 1.5px solid #e1e1e1;
          border-bottom: 1.5px solid #e1e1e1; }
      .wrapper-hp .rcy-form-cont .custom-select.custom-select-dis .select-items {
        display: none; }
    .wrapper-hp .rcy-form-cont .select-selected {
      background: #fff;
      box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.1);
      padding: 11px 35px 11px 12px;
      color: #333333;
      position: relative;
      font-size: 16px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .wrapper-hp .rcy-form-cont .select-selected {
          font-size: 12px; } }
      .wrapper-hp .rcy-form-cont .select-selected:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-left: 1.5px solid #CC0022;
        border-bottom: 1.5px solid #CC0022;
        right: 15px;
        top: 50%;
        margin-top: -5px;
        transform: rotate(-45deg); }
      .wrapper-hp .rcy-form-cont .select-selected.disabled {
        background-color: #eee;
        color: #888; }
        .wrapper-hp .rcy-form-cont .select-selected.disabled:before {
          border-color: #555; }
  @media (min-width: 768px) {
    .wrapper-hp .rcy-form-text {
      max-width: 530px; } }
  .wrapper-hp .ryc-forms-input {
    padding-top: 30px;
    display: flex;
    width: 100%; }
    @media (max-width: 767px) {
      .wrapper-hp .ryc-forms-input {
        display: block; } }
  .wrapper-hp .ryc-forms-number {
    padding-top: 10px;
    flex: 1 1 auto; }
    @media (min-width: 768px) {
      .wrapper-hp .ryc-forms-number {
        max-width: 370px; } }
    .wrapper-hp .ryc-forms-number ::-webkit-input-placeholder {
      color: #DADADA;
      letter-spacing: -0.2px; }
    .wrapper-hp .ryc-forms-number ::-moz-placeholder {
      color: #DADADA;
      letter-spacing: -0.2px; }
    .wrapper-hp .ryc-forms-number :-ms-input-placeholder {
      color: #DADADA;
      letter-spacing: -0.2px; }
    .wrapper-hp .ryc-forms-number :-moz-placeholder {
      color: #DADADA;
      letter-spacing: -0.2px; }
  .wrapper-hp .ryc-or {
    padding-top: 10px;
    flex: 1 1 auto;
    text-align: center;
    padding-top: 82px; }
    @media (min-width: 768px) {
      .wrapper-hp .ryc-or {
        max-width: 370px; } }
    @media (max-width: 767px) {
      .wrapper-hp .ryc-or {
        padding: 30px 0 15px;
        text-align: left; } }
    .wrapper-hp .ryc-or span {
      color: #cc0022;
      font-size: 21px;
      font-weight: bold;
      letter-spacing: -0.12px;
      line-height: 24px; }
  .wrapper-hp .rcy-btn-box {
    text-align: right;
    padding-top: 29px;
    padding-bottom: 30px; }
    @media (max-width: 767px) {
      .wrapper-hp .rcy-btn-box {
        padding-bottom: 0; } }
    @media (max-width: 767px) {
      .wrapper-hp .rcy-btn-box .button, .wrapper-hp .rcy-btn-box .banner-txt .vbt-btn a, .wrapper-hp .banner-txt .vbt-btn .rcy-btn-box a {
        display: block;
        width: 100%; } }
  .wrapper-hp .rcy-results {
    padding-top: 11px; }
    .wrapper-hp .rcy-results .table-responsive {
      max-width: 100%;
      overflow: hidden;
      overflow-x: auto; }
      @media (max-width: 767px) {
        .wrapper-hp .rcy-results .table-responsive {
          padding-top: 30px; } }
      .wrapper-hp .rcy-results .table-responsive table {
        border: inherit;
        width: 100%;
        border-collapse: separate;
        min-width: 800px;
        border: 0; }
        @media (max-width: 767px) {
          .wrapper-hp .rcy-results .table-responsive table {
            min-width: inherit;
            max-width: 600px; } }
        .wrapper-hp .rcy-results .table-responsive table .width-td-20 {
          width: 22%; }
        .wrapper-hp .rcy-results .table-responsive table .width-td-15 {
          width: 14%; }
        .wrapper-hp .rcy-results .table-responsive table td,
        .wrapper-hp .rcy-results .table-responsive table th {
          padding: 10px 8px;
          border: 0; }
        .wrapper-hp .rcy-results .table-responsive table th {
          background-color: inherit;
          text-align: left;
          border-bottom: 2px solid #CC0022;
          font-size: 16px;
          font-weight: bold;
          letter-spacing: -0.2px;
          line-height: 24px;
          color: #333333; }
          @media (max-width: 767px) {
            .wrapper-hp .rcy-results .table-responsive table th {
              border-top: 2px solid #CC0022;
              font-size: 14px;
              line-height: 22px; } }
          .wrapper-hp .rcy-results .table-responsive table th:nth-child(odd) {
            padding-left: 15px;
            padding-right: 15px; }
          .wrapper-hp .rcy-results .table-responsive table th:first-child {
            padding-left: 8px; }
        .wrapper-hp .rcy-results .table-responsive table td {
          background-color: #f2f2f2;
          border-bottom: 2px solid #ffffff;
          border-top: 2px solid #ffffff;
          font-size: 16px;
          letter-spacing: -0.2px;
          line-height: 24px; }
          @media (max-width: 767px) {
            .wrapper-hp .rcy-results .table-responsive table td {
              font-size: 12px;
              line-height: 18px; } }
          .wrapper-hp .rcy-results .table-responsive table td:nth-child(odd) {
            background: #f9f9f9;
            padding-left: 15px;
            padding-right: 15px; }
          .wrapper-hp .rcy-results .table-responsive table td:first-child {
            padding-left: 8px; }
          .wrapper-hp .rcy-results .table-responsive table td:first-child {
            border-left: 2px solid transparent; }
          .wrapper-hp .rcy-results .table-responsive table td:last-child {
            border-right: 2px solid transparent; }
        .wrapper-hp .rcy-results .table-responsive table .blank-td-space td {
          background-color: #ffffff;
          height: 15px;
          padding: 0;
          border: 0; }
          .wrapper-hp .rcy-results .table-responsive table .blank-td-space td:nth-child(odd) {
            background: #ffffff;
            padding: 0; }
        .wrapper-hp .rcy-results .table-responsive table .blank-td-space:hover td {
          border: 0; }
          .wrapper-hp .rcy-results .table-responsive table .blank-td-space:hover td:first-child {
            border-left: 0; }
          .wrapper-hp .rcy-results .table-responsive table .blank-td-space:hover td:last-child {
            border-right: 0; }
        .wrapper-hp .rcy-results .table-responsive table .clickable-row {
          cursor: pointer; }
        .wrapper-hp .rcy-results .table-responsive table tr:hover td {
          border-bottom: 2px solid #CC0022;
          border-top: 2px solid #CC0022; }
          .wrapper-hp .rcy-results .table-responsive table tr:hover td:first-child {
            border-left: 2px solid #CC0022; }
          .wrapper-hp .rcy-results .table-responsive table tr:hover td:last-child {
            border-right: 2px solid #CC0022; }
    .wrapper-hp .rcy-results .view-empty ul {
      padding-left: 1em; }
      .wrapper-hp .rcy-results .view-empty ul li {
        list-style-type: initial; }
  .wrapper-hp .rcy-form-head {
    position: relative;
    margin-bottom: 6px;
    padding-right: 180px; }
    @media (max-width: 767px) {
      .wrapper-hp .rcy-form-head {
        padding-right: 10px; } }
    .wrapper-hp .rcy-form-head h1 {
      padding-bottom: 0; }
    @media (min-width: 768px) {
      .wrapper-hp .rcy-form-head .rcy-number-page {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); } }
    @media (max-width: 767px) {
      .wrapper-hp .rcy-form-head .rcy-number-page {
        margin-top: 10px;
        display: inline-block; } }
  .wrapper-hp .rcy-number-page {
    background: #F2F2F2;
    padding: 5px 13px; }
  .wrapper-hp .rcy-number-page-wrap {
    padding-top: 8px;
    text-align: right; }
    @media (max-width: 767px) {
      .wrapper-hp .rcy-number-page-wrap {
        text-align: left;
        margin-top: 10px; } }
  .wrapper-hp .rcy-pagination {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px; }
    .wrapper-hp .rcy-pagination a,
    .wrapper-hp .rcy-pagination span {
      font-size: 12px;
      font-weight: bold;
      padding: 7px;
      line-height: 14px;
      text-decoration: none;
      color: #CC0022; }
      @media (max-width: 767px) {
        .wrapper-hp .rcy-pagination a,
        .wrapper-hp .rcy-pagination span {
          padding: 7px 4px; } }

.rcy-detail-info-wrap-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px; }
  @media (max-width: 767px) {
    .rcy-detail-info-wrap-row {
      margin-top: 20px; } }

.rcy-detail-info-wrap {
  max-width: 365px;
  width: 100%;
  padding: 30px;
  background-color: #333333; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .rcy-detail-info-wrap {
      max-width: 30%;
      margin: 0; } }
  @media (max-width: 767px) {
    .rcy-detail-info-wrap {
      max-width: 100%;
      width: 100%;
      margin: 0;
      padding: 30px 23px; } }
  .rcy-detail-info-wrap .rcy-detail-info {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -0.12px;
    line-height: 28px;
    color: #ffffff; }

.rcy-detail-producer {
  max-width: 595px;
  padding: 21px 20px 7px 24px;
  width: 100%;
  background-color: #F2F2F2; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .rcy-detail-producer {
      max-width: 70%;
      margin: 0; } }
  @media (max-width: 767px) {
    .rcy-detail-producer {
      max-width: 100%;
      width: 100%;
      margin: 0; } }

.rcy-detail-row-wrap {
  display: flex;
  width: 100%;
  padding-bottom: 17px; }
  @media (max-width: 767px) {
    .rcy-detail-row-wrap {
      display: block;
      width: 100%;
      padding-bottom: 12px; } }
  .rcy-detail-row-wrap .rcy-detail-cell-left {
    max-width: 35%;
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.1px;
    line-height: 21px; }
    @media (max-width: 767px) {
      .rcy-detail-row-wrap .rcy-detail-cell-left {
        display: block;
        width: 100%;
        max-width: 100%;
        font-size: 16px;
        padding-bottom: 8px; } }
  .rcy-detail-row-wrap .rcy-detail-cell-right {
    max-width: 65%;
    flex: 1 1 auto;
    font-size: 16px;
    letter-spacing: -0.09px;
    line-height: 18px; }
    @media (max-width: 767px) {
      .rcy-detail-row-wrap .rcy-detail-cell-right {
        display: block;
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        padding-bottom: 10px; } }
    .rcy-detail-row-wrap .rcy-detail-cell-right a {
      color: #333333 !important;
      text-decoration: none !important;
      font-weight: normal !important; }

.rcy-pro-info-ul {
  width: calc(50% - 5px);
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: top; }
  @media (max-width: 767px) {
    .rcy-pro-info-ul {
      display: block;
      width: 100%; } }
  .rcy-pro-info-ul li {
    max-width: 400px;
    padding: 12px 0; }
    @media (max-width: 767px) {
      .rcy-pro-info-ul li {
        padding: 0 0 10px; } }
  .rcy-pro-info-ul strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.1px;
    line-height: 21px;
    padding-bottom: 7px; }
    @media (max-width: 767px) {
      .rcy-pro-info-ul strong {
        display: block;
        width: 100%;
        font-size: 16px;
        padding-bottom: 7px; } }
  .rcy-pro-info-ul .rcy-pro-info-date {
    display: block;
    font-size: 16px;
    letter-spacing: -0.09px;
    line-height: 20px; }
    @media (max-width: 767px) {
      .rcy-pro-info-ul .rcy-pro-info-date {
        display: block;
        width: 100%;
        font-size: 14px;
        padding-bottom: 10px; } }

.rcy-pro-info-main {
  background-color: #333333;
  color: #ffffff;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: -0.12px;
  line-height: 28px;
  padding: 26px 30px;
  margin-top: 20px; }
  @media (max-width: 767px) {
    .rcy-pro-info-main {
      padding: 30px 23px; } }

.rcy-pro-info-wrap {
  background: #F2F2F2;
  padding: 18px 30px; }
  @media (max-width: 767px) {
    .rcy-pro-info-wrap {
      padding: 18px 24px; } }

.rcy-prod-info-tabl {
  padding-top: 70px;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto; }
  @media (max-width: 767px) {
    .rcy-prod-info-tabl {
      padding-top: 30px; } }
  .rcy-prod-info-tabl table {
    width: 100%;
    border: 0;
    border-collapse: separate;
    min-width: 500px;
    bottom: 0; }
    @media (max-width: 767px) {
      .rcy-prod-info-tabl table {
        min-width: 300px;
        width: 380px;
        margin: 0 auto; } }
    .rcy-prod-info-tabl table .width-td-60 {
      width: 60%; }
    .rcy-prod-info-tabl table .width-td-15 {
      width: 15%; }
    .rcy-prod-info-tabl table .width-td-25 {
      width: 25%; }
    .rcy-prod-info-tabl table td,
    .rcy-prod-info-tabl table th {
      padding: 10px 8px; }
    .rcy-prod-info-tabl table th {
      border: 0;
      text-align: left;
      border-bottom: 2px solid #CC0022;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: -0.2px;
      line-height: 24px;
      color: #333333;
      background-color: #ffffff; }
      @media (max-width: 767px) {
        .rcy-prod-info-tabl table th {
          font-size: 14px !important;
          line-height: 22px; } }
      .rcy-prod-info-tabl table th:nth-child(odd) {
        padding-left: 15px;
        padding-right: 15px; }
      .rcy-prod-info-tabl table th:first-child {
        padding-left: 8px; }
    .rcy-prod-info-tabl table td {
      vertical-align: top;
      background-color: #F9F9F9;
      border: 0;
      border-bottom: 5px solid #ffffff;
      border-top: 5px solid #ffffff;
      font-size: 16px;
      letter-spacing: -0.2px;
      line-height: 24px; }
      @media (max-width: 767px) {
        .rcy-prod-info-tabl table td {
          font-size: 12px !important;
          line-height: 18px; } }
      .rcy-prod-info-tabl table td:first-child {
        padding-left: 8px; }
    .rcy-prod-info-tabl table .blank-td-space td {
      background-color: #ffffff;
      height: 15px;
      padding: 0;
      border: 0; }
      .rcy-prod-info-tabl table .blank-td-space td:nth-child(odd) {
        background: #ffffff;
        padding: 0; }
    .rcy-prod-info-tabl table tr:last-child td {
      border-bottom: 10px solid #ffffff; }

.rcy-block-text {
  font-size: 14px;
  letter-spacing: -0.17px;
  line-height: 16px;
  padding-top: 40px; }
  @media (max-width: 767px) {
    .rcy-block-text {
      font-size: 12px;
      letter-spacing: -0.15px;
      line-height: 14px; } }
  .rcy-block-text p {
    font-size: 14px;
    letter-spacing: -0.17px;
    line-height: 16px;
    padding-bottom: 13px; }
    @media (max-width: 767px) {
      .rcy-block-text p {
        font-size: 12px;
        letter-spacing: -0.15px;
        line-height: 14px; } }

.srch-rslt-h3 {
  font-size: 21px;
  font-weight: bold;
  margin: 15px 0 10px; }

@media (max-width: 767px) {
  .career-wrapper #breadcrumb {
    padding-left: 15px;
    padding-right: 15px; } }

.career-wrapper #breadcrumb .breadcrumb a {
  font-weight: bold; }

.wrapper-hp .rcy-form-cont .select-selected.rcy-cli-active {
  color: #DADADA; }

.main-top-go {
  display: none; }
  .main-top-go.fixed-top-go {
    display: block; }

.wrapper-hp {
  /* 10 July 2019 */
  /* European Branches */ }
  .wrapper-hp .ht-video-banner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 34%, rgba(0, 0, 0, 0.85) 58%, black 80%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 34%, rgba(0, 0, 0, 0.85) 58%, black 80%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 34%, rgba(0, 0, 0, 0.85) 58%, black 80%); }
  .wrapper-hp .ht-video-banner .video-banner-text {
    background: none;
    background-image: none;
    position: absolute;
    z-index: 0;
    width: 100%;
    bottom: auto;
    padding: 0;
    top: 50%;
    transform: translateY(-50%); }
  .wrapper-hp .ht-main-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%; }
  .wrapper-hp .ht-mob-vs {
    display: none; }
  .wrapper-hp .cover-img-vcig {
    background: 50% 50% / cover no-repeat;
    height: 100%; }
    .wrapper-hp .cover-img-vcig .vcig-img-hide {
      display: none; }
  .wrapper-hp .vcig-segments {
    padding-top: 115px;
    padding-bottom: 62px; }
    .wrapper-hp .vcig-segments .product-service-slider-right .slick-dots li button {
      background-color: #333333;
      width: 15px;
      height: 15px; }
    .wrapper-hp .vcig-segments .product-service-slider-right .slick-dots li.slick-active button {
      background-color: #cc0022; }
    .wrapper-hp .vcig-segments .product-service-slider-right .img-slider {
      height: 246px; }
    .wrapper-hp .vcig-segments .half-left-container .hr-right {
      padding-bottom: 34px; }
  .wrapper-hp .vcig-social .social-video {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    text-align: right; }
    .wrapper-hp .vcig-social .social-video li a {
      color: #333333; }
  .wrapper-hp .vcig-full-box {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #000000; }
    @media (max-width: 767px) {
      .wrapper-hp .vcig-full-box {
        padding-top: 50px;
        padding-bottom: 0px; } }
    .wrapper-hp .vcig-full-box .img-p-0 {
      padding: 0; }
    .wrapper-hp .vcig-full-box .right-vcig {
      min-height: 250px; }
      @media (min-width: 768px) {
        .wrapper-hp .vcig-full-box .right-vcig {
          margin-left: 100px;
          float: right;
          width: calc(100% - 100px);
          min-height: 388px; } }
      @media (max-width: 767px) {
        .wrapper-hp .vcig-full-box .right-vcig {
          margin-top: 30px; } }
    .wrapper-hp .vcig-full-box .left-vcig {
      max-width: 465px;
      float: right; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .wrapper-hp .vcig-full-box .left-vcig {
          max-width: 450px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .vcig-full-box .left-vcig {
          max-width: 330px; } }
      @media (min-width: 567px) and (max-width: 767px) {
        .wrapper-hp .vcig-full-box .left-vcig {
          max-width: 540px;
          margin: 0 auto;
          float: none;
          padding-bottom: 20px;
          padding-left: 0px;
          padding-right: 0px; } }
      @media (max-width: 566px) {
        .wrapper-hp .vcig-full-box .left-vcig {
          max-width: 100%; } }
    .wrapper-hp .vcig-full-box:nth-child(odd) {
      direction: rtl;
      background-color: #F2F2F2;
      padding-top: 0px;
      padding-bottom: 0px; }
      .wrapper-hp .vcig-full-box:nth-child(odd) .right-vcig {
        min-height: 250px; }
        @media (min-width: 768px) {
          .wrapper-hp .vcig-full-box:nth-child(odd) .right-vcig {
            margin-left: 0;
            margin-right: 100px;
            float: left; } }
      .wrapper-hp .vcig-full-box:nth-child(odd) .left-vcig {
        max-width: 465px;
        float: left;
        text-align: left;
        padding-top: 70px;
        padding-bottom: 70px;
        direction: ltr; }
        @media (max-width: 767px) {
          .wrapper-hp .vcig-full-box:nth-child(odd) .left-vcig {
            padding-top: 50px;
            padding-bottom: 0px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .wrapper-hp .vcig-full-box:nth-child(odd) .left-vcig {
            max-width: 450px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .wrapper-hp .vcig-full-box:nth-child(odd) .left-vcig {
            max-width: 330px; } }
        @media (min-width: 567px) and (max-width: 767px) {
          .wrapper-hp .vcig-full-box:nth-child(odd) .left-vcig {
            max-width: 540px;
            margin: 0 auto;
            float: none;
            padding-bottom: 20px;
            padding-left: 15px;
            padding-right: 15px; } }
  @media (min-width: 1200px) {
    .wrapper-hp .video-banner.ht-video-banner .video-banner-text h1 {
      padding-bottom: 24px; }
    .wrapper-hp .vcig-segments .product-service-slider .slick-slide .left-slider-text {
      padding-right: 70px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .wrapper-hp .vcig-segments .half-left-container .hl-left {
      max-width: 440px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .wrapper-hp .vcig-segments .half-left-container .hl-left {
      padding-left: 10px; } }
  @media (max-width: 767px) {
    .wrapper-hp .vcig-segments .half-left-container .hl-left {
      margin: 0 auto; }
    .wrapper-hp .ht-mob-hd {
      display: none; }
    .wrapper-hp .ht-mob-vs {
      display: block; }
    .wrapper-hp .video-banner.ht-video-banner {
      min-height: 100vh; } }
  @media (min-width: 567px) and (max-width: 767px) {
    .wrapper-hp .vcig-segments .half-left-container .hl-left {
      max-width: 543px; } }
  .wrapper-hp .vcig-full-box {
    padding-top: 30px; }
  .wrapper-hp .vcig-segments {
    padding-top: 80px; }
  .wrapper-hp .segments-wrapper {
    padding-top: 25px;
    padding-bottom: 25px; }
    .wrapper-hp .segments-wrapper .row-vcig {
      margin-right: -7px;
      margin-left: -7px;
      display: flex;
      flex-wrap: wrap; }
      .wrapper-hp .segments-wrapper .row-vcig .vcig-half {
        min-width: 50%;
        max-width: 50%;
        flex: 1 1 50%;
        margin-bottom: 14px;
        padding-left: 7px;
        padding-right: 7px; }
        @media (max-width: 767px) {
          .wrapper-hp .segments-wrapper .row-vcig .vcig-half {
            max-width: 100%;
            min-width: 100%; } }
  .wrapper-hp .sgm-single {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    height: 100%; }
  .wrapper-hp .sgm-single-img {
    background: 50% 50% / cover no-repeat;
    height: 228px;
    width: 100%; }
  .wrapper-hp .sgm-single-head {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.16px;
    line-height: 32px;
    padding-bottom: 15px; }
  .wrapper-hp .sgm-list {
    padding: 0;
    margin: 0;
    padding-left: 14px; }
    .wrapper-hp .sgm-list li {
      padding-bottom: 15px;
      list-style: disc; }
      .wrapper-hp .sgm-list li:last-child {
        padding-bottom: 0; }
  .wrapper-hp .sgm-content-wrap {
    padding: 40px; }
  .wrapper-hp .main-inner-banner {
    padding-top: 84px;
    padding-bottom: 75px;
    background: 50% 50% / cover no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 1;
    min-height: 395px;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .wrapper-hp .main-inner-banner {
        min-height: inherit; } }
    .wrapper-hp .main-inner-banner:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.3);
      z-index: 0;
      top: 0;
      bottom: 0; }
    .wrapper-hp .main-inner-banner .main-banner {
      position: relative;
      z-index: 2;
      max-width: 530px; }
  .wrapper-hp .panel-full-box {
    padding-top: 70px;
    padding-bottom: 70px; }
    @media (max-width: 767px) {
      .wrapper-hp .panel-full-box {
        padding-top: 0px;
        padding-bottom: 0px; } }
    .wrapper-hp .panel-full-box .img-p-0 {
      padding: 0; }
    .wrapper-hp .panel-full-box .right-panel {
      min-height: 250px; }
      @media (min-width: 768px) {
        .wrapper-hp .panel-full-box .right-panel {
          margin-left: 100px;
          float: right;
          width: calc(100% - 100px);
          min-height: 348px; } }
    .wrapper-hp .panel-full-box .left-panel {
      max-width: 465px;
      float: right; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .wrapper-hp .panel-full-box .left-panel {
          max-width: 450px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .wrapper-hp .panel-full-box .left-panel {
          max-width: 330px; } }
      @media (max-width: 767px) {
        .wrapper-hp .panel-full-box .left-panel {
          padding-top: 30px;
          padding-bottom: 30px; } }
      @media (min-width: 567px) and (max-width: 767px) {
        .wrapper-hp .panel-full-box .left-panel {
          max-width: 540px;
          margin: 0 auto;
          float: none;
          padding-bottom: 20px;
          padding-left: 15px;
          padding-right: 15px; } }
    .wrapper-hp .panel-full-box:nth-child(odd) {
      direction: rtl;
      background-color: #F2F2F2;
      padding-top: 0px;
      padding-bottom: 0px; }
      @media (max-width: 767px) {
        .wrapper-hp .panel-full-box:nth-child(odd) {
          padding-top: 30px;
          padding-bottom: 0px; } }
      .wrapper-hp .panel-full-box:nth-child(odd) .right-panel {
        min-height: 250px; }
        @media (min-width: 768px) {
          .wrapper-hp .panel-full-box:nth-child(odd) .right-panel {
            margin-left: 0;
            margin-right: 100px;
            float: left; } }
      .wrapper-hp .panel-full-box:nth-child(odd) .left-panel {
        max-width: 465px;
        float: left;
        text-align: left;
        padding-top: 70px;
        padding-bottom: 70px;
        direction: ltr; }
        @media (max-width: 767px) {
          .wrapper-hp .panel-full-box:nth-child(odd) .left-panel {
            padding-top: 30px;
            padding-bottom: 30px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .wrapper-hp .panel-full-box:nth-child(odd) .left-panel {
            max-width: 450px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .wrapper-hp .panel-full-box:nth-child(odd) .left-panel {
            max-width: 330px; } }
        @media (min-width: 567px) and (max-width: 767px) {
          .wrapper-hp .panel-full-box:nth-child(odd) .left-panel {
            max-width: 540px;
            margin: 0 auto;
            float: none;
            padding-bottom: 20px;
            padding-left: 15px;
            padding-right: 15px; } }
    .wrapper-hp .panel-full-box .banner-btn {
      padding-top: 15px; }
      .wrapper-hp .panel-full-box .banner-btn a {
        min-width: 159px;
        margin: 0 10px; }
        .wrapper-hp .panel-full-box .banner-btn a:first-child {
          margin-left: 0; }
        .wrapper-hp .panel-full-box .banner-btn a:last-child {
          margin-right: 0; }
        @media (max-width: 991px) {
          .wrapper-hp .panel-full-box .banner-btn a {
            margin: 0 5px;
            min-width: inherit;
            padding: 10px 15px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main-inner-banner {
    height: 395px; } }

.under-consru-wrap {
  max-width: 475px;
  padding-top: 106px;
  padding-bottom: 78px; }
  .under-consru-wrap h1#page-title {
    margin-bottom: 20px; }