@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500");
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.slds-button {
  color: #33aef8;
  -webkit-transition: all ease-in-out 180ms;
  -moz-transition: all ease-in-out 180ms;
  transition: all ease-in-out 180ms;
  line-height: 2.07rem;
  margin: 0.45rem 0;
  height: 37px;
  line-height: 2.2rem; }
  .slds-button .slds-icon-text-default {
    fill: #ffffff;
    width: 0.87rem;
    height: 0.87rem;
    opacity: 0.8;
    line-height: 1em;
    top: -0.125rem;
    position: relative;
    margin-right: 7px; }

.slds-button[disabled],
.slds-button:disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default; }

.slds-button_outline-brand {
  background-color: transparent;
  border: 1px solid #33aef8;
  font-size: 15px;
  height: 37px;
  padding-left: 25px;
  padding-right: 25px;
  line-height: 1.9rem; }

.slds-button_brand {
  background-color: #33aef8;
  border-color: #33aef8;
  -webkit-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  -ms-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  color: #ffffff;
  font-size: 15px;
  padding-left: 25px;
  padding-right: 25px; }
  .slds-button_brand:hover, .slds-button_brand:focus {
    background-color: #33aef8;
    border-color: #33aef8;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
    -ms-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
    box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25); }
  .slds-button_brand:disabled {
    background-color: #33aef8;
    border-color: #33aef8;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

.slds-button_destructive {
  background-color: #ff4949;
  border-color: #ff4949;
  -webkit-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  -ms-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  color: #ffffff;
  font-size: 15px;
  padding-left: 25px;
  padding-right: 25px; }
  .slds-button_destructive:hover, .slds-button_destructive:focus {
    background-color: #ff4949;
    border-color: #ff4949;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
    -ms-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
    box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25); }
  .slds-button_destructive:disabled {
    background-color: #ff4949;
    border-color: #ff4949;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

.slds-button_success {
  background-color: #00d49e;
  border-color: #00d49e;
  -webkit-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  -ms-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  color: #ffffff;
  font-size: 15px;
  padding-left: 25px;
  padding-right: 25px; }
  .slds-button_success:hover, .slds-button_success:focus {
    background-color: #00d49e;
    border-color: #00d49e;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
    -ms-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
    box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25); }
  .slds-button_success:link, .slds-button_success:visited {
    color: #ffffff; }
  .slds-button_success:disabled {
    color: #ffffff;
    background-color: #00d49e;
    border-color: #00d49e;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

.slds-button.slds-button_md {
  font-size: 16px;
  height: 48px;
  line-height: 46px; }
  .slds-button.slds-button_md .slds-icon-text-default {
    fill: #ffffff;
    width: 1.1rem;
    height: 1.1rem;
    opacity: 0.8;
    line-height: 1em;
    top: -0.17rem;
    position: relative;
    margin-right: 8px; }

.slds-button.slds-button_lg {
  font-size: 20px;
  height: 64px;
  line-height: 61px; }
  .slds-button.slds-button_lg .slds-icon-text-default {
    fill: #ffffff;
    width: 1.2rem;
    height: 1.2rem;
    opacity: 0.8;
    line-height: 1em;
    top: -0.15rem;
    position: relative;
    margin-right: 9px; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown .slds-button {
    padding-left: 20px;
    padding-right: 20px; }
    .dropdown .slds-button .slds-icon-text-default {
      width: 0.8rem;
      height: 0.8rem;
      top: -0.07rem;
      margin-right: 0;
      margin-left: 7px; }
  .dropdown .dropdown-toggle * {
    pointer-events: none; }
  .dropdown .dropdown-toggle .icn {
    position: relative;
    display: inline-block;
    top: 1px;
    margin-left: 7px; }

.dropdown-menu {
  min-width: 200px;
  max-width: 415px;
  padding: 0.6rem 0 0.75rem 0;
  list-style: none;
  -webkit-box-shadow: 0 2px 6px rgba(58, 58, 58, 0.3);
  -ms-box-shadow: 0 2px 6px rgba(58, 58, 58, 0.3);
  box-shadow: 0 2px 6px rgba(58, 58, 58, 0.3);
  z-index: 99;
  border-radius:4px ;
  -webkit-border-radius:4px ;
  -moz-border-radius:4px ;
  -ms-border-radius:4px ;
  -o-border-radius:4px ;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #8f969e;
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase; }

.dropdown-item {
  overflow: hidden;
  display: block;
  font-size: 14px;
  color: rgba(31, 45, 61, 0.8);
  padding: 7px 25px;
  text-decoration: none !important;
  white-space: nowrap;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0; }
  .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #264a94; }

.leftside_menu {
  left: 0;
  float: left; }

.rightside_menu {
  right: -14px;
  float: right;
  left: inherit; }

.caret_menu {
  top: calc(100% - -23px); }
  .caret_menu:before {
    position: absolute;
    display: block;
    content: "";
    top: -9px;
    right: 23px;
    margin: auto;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #ffffff; }

.leftside_menu.caret_menu:before {
  right: inherit;
  left: 23px; }

.show {
  display: block !important;
  outline: none; }

[data-toggle="dropdown"] * {
  pointer-events: none; }

[data-toggle="dropdown"].active .icn {
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg); }

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  background-color: #f7fafb;
  color: #1f2d3d;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  font-weight: 300;
  min-height: 100%;
  padding-bottom: 163px;
  counter-reset: number;
}

div {
  outline: none !important; }

html {
  background-color: #f7fafb;
  height: 100%; }

#esJP_body {
  font-family: "Noto Sans JP";
  font-style: normal; }
  #esJP_body .slds-input,
  #esJP_body .slds-textarea,
  #esJP_body .slds-select,
  #esJP_body h1,
  #esJP_body h2,
  #esJP_body h3,
  #esJP_body h4,
  #esJP_body h5,
  #esJP_body h6 {
    font-family: "Noto Sans JP"; }

.white_bg_page {
  position: fixed;
  z-index: -1;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block; }

a {
  color: #33aef8;
  font-weight: 400; }
  a:hover {
    color: #005fb2; }

p {
  line-height: 1.38em;
  font-weight: 300;
  margin-bottom: 15px; }
  p:last-child {
    margin-bottom: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1f2d3d;
  font-family: "Source Sans Pro", sans-serif; }

h1 {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 20px; }

h2 {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.27em;
  margin-bottom: 15px; }

h3 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.35em;
  margin-bottom: 15px; }

h5 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.27em;
  margin-bottom: 15px; }


.slds-input,
.slds-textarea,
.slds-select {
  font-family: "Source Sans Pro", sans-serif;
  border: 1px solid #e1e6ea !important;
  color: #4b5763;
  border-radius: 4px !important;
  min-height: 38px; }

.slds-input.slds-input_md {
  height: calc(2.69rem + (1px * 2));
  min-height: auto;
  font-weight: 500;
  font-size: 16px;
  padding-left: 1.3rem;
}
.slds-input.slds-input_lg {
  height: calc(3.2rem + (1px * 2));
  min-height: auto;
  font-size: 18px;
  padding: 0 1.25rem;
  font-weight: 500; }

.slds-textarea {
  min-height: 130px; }

.slds-form-element .has-error_field:focus,
.slds-form-element .has-error_field,
.slds-has-error .slds-input,
.slds-has-error .slds-textarea {
  border-color: #f44336 !important;
  box-shadow: 0 0 3px #f44336 !important; }

.slds-form-element .has-error_field::placeholder,
.slds-has-error .slds-input::placeholder,
.slds-has-error .slds-textarea::placeholder {
  color: #f44336 !important;
  opacity: 0.6;
  font-weight: 500; }

.container {
  position: relative;
  max-width: 1200px;
  padding-right: 30px;
  padding-left: 30px;
  margin: 0 auto; }

.slds-form-element__row {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  margin-right: -10px;
  margin-left: -10px; }
  .slds-form-element__row .slds-form-element + .slds-form-element {
    padding-left: 0.5rem;
    margin-top: 0; }

.slds-size {
  padding-left: 10px;
  padding-right: 10px; }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.flexbox_container_auto {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkkit-flex-wrap: wrap;
  height: 100%; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

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

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.slds-gutters_row {
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
  display: -ms-flexbox;
  display: flex; }
  .slds-gutters_row .slds-col {
    padding: 0.75rem; }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

section {
  position: relative; }

section.global-section {
  padding: 70px 0; }

section.gray-section_bg {
  background-color: #fafbfc; }

section.gray-gradient-section_bg {
  background-image: -webkit-linear-gradient(to bottom, #fff 0%, #fafbfc 100%);
  background-image: -moz-linear-gradient(to bottom, #fff 0%, #fafbfc 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #fafbfc 100%);
  background-color: #fafbfc; }

section.white-section_bg {
  background-color: #ffffff; }

section.section-padding-0 {
  padding: 0px; }

.global-box_white {
  background-color: #ffffff;
  padding: 30px;
  box-shadow: 0 10px 21px #e6eaef;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.global-box_gray {
  background-color: #f7fafb;
  padding: 30px;
  box-shadow: 0 10px 21px #e6eaef;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.global-box_wide {
  padding: 45px 40px; }

@media (min-width: 768px) {
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; } }
.slds-global_heading {
  text-align: center;
  margin-bottom: 70px; }
  .slds-global_heading h2 {
    margin-bottom: 10px; }
  .slds-global_heading p {
    color: #1f2d3d;
    font-weight: 300;
    font-size: 18px; }

.custom-grid_align-center {
  margin: auto; }

.slds-fade-in-open {
  background-color: rgba(31, 45, 61, 0.45); }

.link-list_type_one {
  margin: 35px auto 0; }
  .link-list_type_one ul {
    flex-wrap: wrap;
    flex-direction: row;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
    display: -ms-flexbox;
    display: flex; }
    .link-list_type_one ul li.slds-col {
      padding: 0.5rem; }
      .link-list_type_one ul li.slds-col a {
        min-height: 100%;
        display: block;
        border: 1px solid #e2e5ea;
        text-align: left;
        padding: 10px 19px;
        border-radius: 4px;
        font-size: 15px;
        text-decoration: none;
        -webkit-transition: all ease-in-out 180ms;
        -moz-transition: all ease-in-out 180ms;
        transition: all ease-in-out 180ms; }
        .link-list_type_one ul li.slds-col a:hover {
          border-color: #33aef8;
          color: #33aef8; }
    .link-list_type_one ul li.slds-size_1-of-1 {
      -webkit-flex-basis: calc(100%);
      -moz-flex-basis: calc(100%);
      flex-basis: calc(100%); }
    .link-list_type_one ul li.slds-size_1-of-2 {
      -webkit-flex-basis: calc(50%);
      -moz-flex-basis: calc(50%);
      flex-basis: calc(50%); }
    .link-list_type_one ul li.slds-size_1-of-3 {
      -webkit-flex-basis: calc(33.33%);
      -moz-flex-basis: calc(33.33%);
      flex-basis: calc(33.33%); }
    .link-list_type_one ul li.slds-size_1-of-4 {
      -webkit-flex-basis: calc(25%);
      -moz-flex-basis: calc(25%);
      flex-basis: calc(25%); }

.link-list_type_one_lg ul li.slds-col a {
  padding: 15px 19px; }

.link-list_type {
  margin: 35px auto 0; }
  .link-list_type h5 {
    margin-bottom: 20px;
    text-align: left; }
  .link-list_type ul {
    flex-wrap: wrap;
    flex-direction: row;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
    display: -ms-flexbox;
    display: flex; }
    .link-list_type ul li.slds-col {
      padding: 0 0.75rem;
      text-align: left; }
      .link-list_type ul li.slds-col a {
        text-align: left;
        padding: 7px 0 7px 25px;
        position: relative;
        text-decoration: none;
        display: inline-block; }
        .link-list_type ul li.slds-col a:before {
          position: absolute;
          padding: 5px;
          display: block;
          font-family: "cons_icons" !important;
          content: "\f105";
          left: 0;
          top: 12%;
          font-size: 14px;
          color: #212f3e; }
    .link-list_type ul li.slds-size_1-of-1 {
      -webkit-flex-basis: calc(100%);
      -moz-flex-basis: calc(100%);
      flex-basis: calc(100%); }
    .link-list_type ul li.slds-size_1-of-2 {
      -webkit-flex-basis: calc(50%);
      -moz-flex-basis: calc(50%);
      flex-basis: calc(50%); }
    .link-list_type ul li.slds-size_1-of-3 {
      -webkit-flex-basis: calc(33.33%);
      -moz-flex-basis: calc(33.33%);
      flex-basis: calc(33.33%); }
    .link-list_type ul li.slds-size_1-of-4 {
      -webkit-flex-basis: calc(25%);
      -moz-flex-basis: calc(25%);
      flex-basis: calc(25%); }

.path-1,
.path-active,
.path-2 {
  fill-rule: evenodd; }

.path-1,
.path-active {
  fill: #eff2f7; }

.path-2 {
  fill: #30383b; }

.tab-content {
  display: none; }

.tab-mobile-header {
  display: none; }

@media screen and (max-width: 992px) {
  .tab-content {
    display: block; }
    .tab-content .tab_topic_list {
      margin-top: 0; }
    /* .tab-content:last-child .tab_topic_list .tab_topic_list-detail {
      border-bottom: none; } */
      .tab_topic_list .tab_topic_list-detail h3 {
        display: none !important;
      }
      .tab_topic_list .tab_topic_list-detail .link-list_type_one ul li:nth-child(1) a, .tab_topic_list .tab_topic_list-detail .link-list_type_one ul li:nth-child(2) a {
        border-bottom-width: 1px !important;
        border-top: 1px solid #eee !important;
    }
  .tab-content.fade {
    opacity: 1; }
  .tab-content.fade {
    opacity: 1; }

  .tab_topic_list .tab_topic_list-detail {
    box-shadow: none;
    overflow: hidden;
    display: none;
  }
  .tab_topic_list .tab_topic_list-detail.tab-topic_active {
    border-bottom: 1px solid #e2e7ec; 
  }
    .tab_topic_list .tab_topic_list-detail .global-box_white {
      background-color: #f3faff; }

  .tab-mobile-header {
    position: relative;
    display: block;
    background-color: #ffffff;
    font-size: 16px;
    padding: 0.81rem 50px 0.81rem 24px;
    text-decoration: none;
    line-height: 1.563em;
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #e2e7ec; }
    .tab-mobile-header:after {
      position: absolute;
      display: block;
      content: "";
      width: 10px;
      height: 10px;
      background-size: 10px;
      background-repeat: no-repeat;
      right: 24px;
      background-image: url(arrow_down.svg);
      top: 44%;
      z-index: 1; }
      .tab_topic_list .tab_topic_list-detail .link-list_type_one {
        margin-top: 0;
      }

  .tab-mobile-header.active-collapse:after {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    top: 37%; }

  .tab-menu_container {
    border: 1px solid #e2e7ec;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 5px; }

  .link-list_type_one ul li.slds-size_1-of-2 {
    -webkit-flex-basis: calc(100%);
    -moz-flex-basis: calc(100%);
    flex-basis: calc(100%); } }
.fade.show {
  opacity: 1; }

.fade {
  opacity: 0;
  -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms; }

@-webkit-keyframes $animationName {
  from {
    opacity: 0.7; }
  to {
    opacity: 1; } }
@-moz-keyframes $animationName {
  from {
    opacity: 0.7; }
  to {
    opacity: 1; } }
@-o-keyframes $animationName {
  from {
    opacity: 0.7; }
  to {
    opacity: 1; } }
@keyframes $animationName {
  from {
    opacity: 0.7; }
  to {
    opacity: 1; } }
.tab-nav * {
  pointer-events: none !important; }

.pagination_grid .slds-col {
  margin-top: auto;
  margin-bottom: auto; }
.pagination_grid .slds-form-element {
  margin-top: auto;
  margin-bottom: auto;
  display: -webki-tflex;
  display: -moz-flex;
  display: flex; }
  .pagination_grid .slds-form-element .slds-form-element__label {
    line-height: 2em;
    font-size: 14px; }
.pagination_grid .pagination {
  padding-left: 25px; }
.pagination_grid .showing_number {
  font-size: 14px; }

.slds-col_right__auto {
  margin-right: auto;
  padding-left: 0 !important; }

.slds-col_left__auto {
  margin-left: auto;
  padding-right: 0 !important; }

nav .pagination {
  display: block;
  padding-left: 0;
  list-style: none;
  border-radius: 0.125rem;
  margin: 20px 0; }
  nav .pagination li {
    display: inline-block;
    margin: 3px 0; }
    nav .pagination li a {
      position: relative;
      min-width: 2.6em;
      text-align: center;
      display: block;
      line-height: 2em;
      border-radius: 30px;
      text-decoration: none; }
      nav .pagination li a:hover {
        background: #e9ecef; }
    nav .pagination li a.current {
      background: #e9ecef; }
    nav .pagination li a.previous,
    nav .pagination li a.next {
      text-indent: -100px;
      overflow: hidden;
      display: inline-table;
      text-align: center; }
    nav .pagination li a.previous:before,
    nav .pagination li a.next:before {
      position: absolute;
      display: block;
      content: "";
      left: 4px;
      right: 0;
      margin: auto;
      top: 10px;
      text-align: center;
      width: 9px;
      height: 13px;
      background-image: url(arrow_right.svg);
      background-size: 7px;
      background-repeat: no-repeat; }
    nav .pagination li a.previous {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.notification {
  margin: 30px auto;
  font-size: 15px;
  position: relative;
  -webkit-box-shadow: 0 5px 16px #e6eaef;
  -ms-box-shadow: 0 5px 16px #e6eaef;
  box-shadow: 0 5px 16px #e6eaef;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  .notification .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
    text-decoration: none;
    font-size: 20px;
    opacity: 0.5;
    transition: all ease-in-out 180ms;
    font-weight: 500; }
    .notification .close:hover {
      opacity: 1; }
  .notification .notification-content {
    display: block;
    padding: 20px;
    margin-left: 55px;
    background-color: #f8f9fb; }
  .notification p {
    margin-bottom: 15px; }
    .notification p:last-child {
      margin-bottom: 0; }

.notification-default {
  background-color: #7a858c;
  border-color: #7a858c; }
.notification-warning {
  background-color: #f4a300;
  border-color: #f4a300; }
  .notification-warning .notification-content {
    background-color: #f8f9fb; }

.notification-danger {
  background-color: #ff4949;
  border-color: #ff4949; }
  .notification-danger .notification-content {
    background-color: #f8f9fb; }

.notif-icon:before {
  position: absolute;
  content: "";
  display: block;
  top: 17px;
  left: 14px;
  width: 28px;
  height: 28px;
  background-size: 28px;
  content: "\f059";
  text-align: center;
  color: #fff;
  font-family: "cons_icons";
  font-size: 25px; }
.notif-icon.notif-icon_info:before {
  content: "\f05a"; }
.notif-icon.notif-icon_warning:before {
  content: "\f071"; }
.notif-icon.notif-icon_check:before {
  content: "\f058"; }
.notif-icon.notif-icon_times:before {
  content: "\f057"; }
.notif-icon.notif-icon_blocked:before {
  content: "\f05e"; }

.alert {
  position: relative;
  padding: 17px 25px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 4px;
  padding-left: 50px;}
  .alert.simple-alert {
    padding: 20px 15px;
}
.alert.simple-alert:before {
  display: none;
}
.alert.simple-alert p {
  margin: 0;
}
  .alert .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
    text-decoration: none;
    font-size: 20px;
    opacity: 0.5;
    transition: all ease-in-out 180ms; }
    .alert .close:hover {
      opacity: 1; }
  .alert h5 {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 500; }
  .alert a {
    font-weight: 700;
    color: inherit;
    text-decoration: underline; }
  .alert:before {
    position: absolute;
    display: block;
    top: 12px;
    left: 14px;
    width: 28px;
    height: 28px;
    background-size: 28px;
    content: "\f059";
    text-align: center;
    color: inherit;
    font-family: "cons_icons";
    font-size: 20px; }
  .alert.alert-icon_info:before {
    content: "\f05a"; }
  .alert.alert-icon_warning:before {
    content: "\f071"; }
  .alert.alert-icon_check:before {
    content: "\f00c"; }
  .alert.alert-icon_times:before {
    content: "\f057"; }
  .alert.alert-icon_blocked:before {
    content: "\f05e"; }
  .alert.alert-icon_none {
    padding-left: 15px; }
    .alert.alert-icon_none:before {
      content: ""; }

.alert-default {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }
  .alert-default h4 {
    color: #c0d2dd;
    margin-bottom: 5px; }

.alert-success {
  background-color: #cff8e2;
  color: #728886; }
  .alert-success h4 {
    color: #47cd88;
    margin-bottom: 5px; }

.alert-primary {
  background-color: #caecff;
  color: #5f90af; }
  .alert-primary h4 {
    color: #3dbef7;
    margin-bottom: 5px; }

.alert-warning {
  background-color: #fff49a;
  color: #856404; }
  .alert-warning h4 {
    color: #f4a300;
    margin-bottom: 5px; }

.alert-danger {
  background-color: #fee2df;
  color: #721c24; }
  .alert-danger h4 {
    color: #f06653;
    margin-bottom: 5px; }

.article-detail_container h3 {
  font-weight: 600;
  margin-bottom: 25px; }

.accordion_section {
  margin: 0px 0 30px 0; }
  .accordion_section .collapse_heading h3 {
    font-weight: 400;
    margin-bottom: 0; }
  .accordion_section .collapse_heading .expand_all {
    font-size: 11px;
    position: relative;
    top: 3px;
    color: #878590;
    text-transform: uppercase; }
  .accordion_section .collapse_heading .slds-col {
    margin-top: auto; }
    .accordion_section .collapse_heading .slds-col h5 {
      margin-bottom: 13px;
    }
  .accordion_section .accordion {
    margin-top: 10px; }

.accordion {
  border: 1px solid #e2e7ec;
  border-radius: 4px;
  margin: 70px 0 35px 0;
  padding-right: 0;
  padding-left: 0;
  position: relative;
  z-index: 0; }
.accordion .h4 {
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  color: #8e8787;
  padding-left: 25px;
  margin-top: 20px;
}
  .accordion .card:last-child .collapse {
    border-bottom: none; }
    .accordion .accordion-btn:hover {
      background-color: #f5f8fb; }
    .accordion .accordion-btn:after {
      position: absolute;
      content: "\f107";
      font-family: 'cons_icons' !important;
      font-size: 18px;
      color: #5f6d7d;
      background-repeat: no-repeat;
      right: 24px;
      top: 0;
      z-index: 1;
      display: flex;
      align-items: center;
      height: 100%;
    }
    .accordion .card-header * {
      pointer-events: none; }
    .accordion .card-header h5,
    .accordion .card-header h3 {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 600; }
  .accordion .card-body {
    padding: 25px 24px; }
    .accordion .card-body p {
      margin-bottom: 15px; }
      .accordion .card-body p:last-child {
        margin-bottom: 0; }
  .accordion .accordion-btn.active:after {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg); }
  .accordion .accordion-btn.active:hover {
    background-color: #ffffff; }
  .accordion .accordion-toggle {
    position: absolute;
    z-index: 1;
    top: -49px;
    right: 0;
    font-size: 11px;
    color: #878590;
    text-transform: uppercase;
    height: 34px;
    line-height: 2.2rem;
    background-color: transparent;
    border: none;
    display: block; }
  .accordion .accordion-btn,
  .accordion .card .card-header {
    position: relative;
    background-color: #ffffff;
    display: block;
    color: #1f2d3d;
    padding: 0.85rem 50px 0.85rem 24px;
    text-decoration: none;
    line-height: 1.6rem;
    cursor: pointer;
    transition: all ease-in-out 180ms;
    font-size: 16px;
    font-weight: 500;
    font-family: "Source Sans Pro", sans-serif; }
    .accordion .card .card-header {
      padding: 1.04rem 50px 1.04rem 24px;
    }
  .accordion .accordion-item:not(:last-child) .accordion-btn,
  .accordion .card:not(:last-child) .card-header {
    border-bottom: 1px solid #e2e7eb; }
  .accordion .accordion-item:not(:last-child) .accordion-btn.active {
    border-color: transparent; }
  .accordion .accordion-content,
  .accordion .card .collapse {
    overflow: hidden;
    background-color: #f3faff;
    border-bottom: 1px solid #e2e7ec;
    -webkit-transition: max-height 0.2s ease-out;
    -ms-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
    padding: 25px 24px;
    display: none;
   }
   .accordion .card .collapse .card-body {
     padding: 0;
   }

.bd-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eeeeee;
  border-left-width: 4px;
  border-radius: 4px;
  background-color: #fff; }

.bd-callout-success {
  border-left-color: #47cd88; }

.bd-callout-info {
  border-left-color: #4ebffc; }

.bd-callout-warning {
  border-left-color: #f4a300; }

.bd-callout-danger {
  border-left-color: #f06653; }

.bd-callout h4 {
  margin: 0 !important;
  margin-bottom: 10px !important;
  font-size: 16px !important;
}
.bd-callout.bd-callout-success h4 {
  color: #47cd88; }
.bd-callout.bd-callout-warning h4 {
  color: #f4a300; }
.bd-callout.bd-callout-danger h4 {
  color: #f06653; }
.bd-callout.bd-callout-info h4 {
  color: #4ebffc; }

.smiley_feedback-container input {
  display: none; }

.smiley_feedback-container input + label {
  display: inline-block;
  cursor: pointer;
  margin: 0;
  position: relative;
  vertical-align: top;
  font-size: 0;
  text-align: center;
  width: 52px;
  height: 52px;
  border-radius: 100px;
  background-color: #f6f6f6;
  padding: 0;
}
  .smiley_feedback-container input + label:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    -webkit-transition: all ease-in-out 180ms;
    -ms-transition: all ease-in-out 180ms;
    transition: all ease-in-out 180ms;
  }

  .smiley_feedback-container input + label:hover:before {
    transform: scale(1.65);
    top: -10px;
  }

.smiley_feedback-container .fb_horrible input + label:before {
  background-image: url(horrible.svg); }
.smiley_feedback-container .fb_bad input + label:before {
  background-image: url(bad.svg); }
.smiley_feedback-container .fb_justok input + label:before {
  background-image: url(just_ok.svg); }
.smiley_feedback-container .fb_good input + label:before {
  background-image: url(good.svg); }
.smiley_feedback-container .fb_super input + label:before {
  background-image: url(super.svg); }

.smiley_feedback-container {
  padding-top: 50px; }
  .smiley_feedback-container .smiley_feedback-heading {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500; }
  .smiley_feedback-container #second-state_feedback {
    max-width: 470px; }
    .smiley_feedback-container #second-state_feedback .slds-button {
      margin-top: 10px; }
    .smiley_feedback-container #second-state_feedback .alert,
    .smiley_feedback-container #second-state_feedback .slds-form-element {
      display: none; }
    .smiley_feedback-container #second-state_feedback .slds-form-element__control {
      position: relative; }
      .smiley_feedback-container #second-state_feedback .slds-form-element__control textarea {
        resize: none; }
      .smiley_feedback-container #second-state_feedback .slds-form-element__control .feedbackCount_container {
        display: inline-block;
        font-size: 12px;
        position: absolute;
        bottom: 15px;
        right: 8px;
        line-height: 1em;
        padding: 5px 8px;
        border-radius: 30px;
        background-color: #fff49a;
        color: #d89204; }
  .smiley_feedback-container ul {
    display: inline-block; }
    .smiley_feedback-container ul li {
      text-align: center;
      display: inline-block;
      margin-right: 3px;
      position: relative;
      background: #f6f6f6;
      padding: 0 !important;
      border-radius: 3px;
      border: 1px solid #f3f3f3;
    }
      .smiley_feedback-container ul li:last-child {
        margin-right: 0; }
      .smiley_feedback-container ul li:hover span {
        opacity: 1;
        visibility: visible; 
        top: -38px;
      }
      .smiley_feedback-container ul li span {
        text-align: center;
        margin-bottom: 6px;
        position: absolute;
        display: block;
        top: -28px;
        background-color: rgba(0, 0, 0, 0.6);
        color: #ffffff;
        line-height: 1em;
        padding: 5px 8px;
        min-width: 56px;
        font-size: 11px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border-radius: 30px;
        opacity: 0;
        visibility: hidden;
        white-space: nowrap;
        -webkit-transition: all ease-in-out 180ms;
        -ms-transition: all ease-in-out 180ms;
        transition: all ease-in-out 180ms;
        /* pointer-events: none; */
      }

.show_state #second-state_feedback .alert,
.show_state #second-state_feedback .slds-form-element {
  display: block;
  -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }
.show_state #first-state_feedback {
  display: none; }

.tm-icon_1 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  background-size: 42px;
  background-repeat: no-repeat;
  background-position: center;
}
.tm-icon_1__gear {
  background-image: url(icon-gear.svg); }

.tm-icon_1__troubleshoot {
  background-image: url(icon-troubleshoot.svg); }

.tm-icon_1__subscription {
  background-image: url(icon-subscription.svg); }

.tm-icon_1__resource {
  background-image: url(icon-resource.svg); }

.tm-icon_1__headphone {
  background-image: url(icon-headphone.svg); }


.tm-icon_1__faq {
  background-image: url(icon-faq.svg);
  background-position: 2px 1px;
  width: 50px;
  height: 48px;
  background-size: 99px;
}
.tm-icon_1__mostviewed {
  background-image: url(icon-mostview.svg); 
  background-position: 3px 0;
  width: 50px;
  height: 48px;
  background-size: cover;
}
.tm-icon_1__featuredproduct {
  background-image: url(icon-featuredproduct.svg);
  background-position: 2px 7px;
  background-size: 97px;
  width: 50px;
  height: 48px;
}
.tm-icon_1__subscriptionhelp {
  background-image: url(icon-help.svg);
  background-position: 2px 0;
  width: 50px;
  height: 48px;
  background-size: cover;
}
.tm-icon_1__monthlysubscription {
  background-image: url(icon-monthly-subscription.svg);
  background-position: 0.2rem 0;
  width: 50px;
  height: 48px;
  background-size: cover;
}
.tm-icon_1__install {
  background-image: url(icon-install.svg);
  background-position: 0;
  width: 50px;
  height: 48px;
  background-size: cover;
}
.tm-icon_1__datacollection {
  background-image: url(icon-datacollection.svg);
  background-position: 5px 0;
  width: 50px;
  height: 48px;
  background-size: cover;
}

.icon-1_hover.active .tm-icon_1__faq,
.icon-1_hover:hover .tm-icon_1__faq {
  background-position: -3.1rem 1px !important;
}
.icon-1_hover.active .tm-icon_1__mostviewed,
.icon-1_hover:hover .tm-icon_1__mostviewed {
  background-position: -3.6rem 0 !important;
}
.icon-1_hover.active .tm-icon_1__featuredproduct,
.icon-1_hover:hover .tm-icon_1__featuredproduct {
  background-position: -3.07rem 7px !important;
}
.icon-1_hover.active .tm-icon_1__subscriptionhelp,
.icon-1_hover:hover .tm-icon_1__subscriptionhelp {
  background-position: -3.95rem 0 !important;
}
.icon-1_hover.active .tm-icon_1__monthlysubscription,
.icon-1_hover:hover .tm-icon_1__monthlysubscription {
  background-position: -4rem 0 !important;
}
.icon-1_hover.active .tm-icon_1__datacollection,
.icon-1_hover:hover .tm-icon_1__datacollection {
  background-position: -3.95rem 0 !important;
}
.icon-1_hover.active .tm-icon_1__install,
.icon-1_hover:hover .tm-icon_1__install {
  background-position: -3.4rem 0 !important;
}


.icon-1_hover:hover .tm-icon_1__gear,
.icon-1_hover.active .tm-icon_1__gear {
  background-image: url(icon-gear-hover.svg); }

.icon-1_hover:hover .tm-icon_1__troubleshoot,
.icon-1_hover.active .tm-icon_1__troubleshoot {
  background-image: url(icon-troubleshoot-hover.svg); }
  
.icon-1_hover:hover .tm-icon_1__subscription,
.icon-1_hover.active .tm-icon_1__subscription {
  background-image: url(icon-subscription-hover.svg); }

.icon-1_hover:hover .tm-icon_1__resource,
.icon-1_hover.active .tm-icon_1__resource {
  background-image: url(icon-resource-hover.svg); }

.icon-1_hover:hover .tm-icon_1__headphone,
.icon-1_hover.active .tm-icon_1__headphone {
  background-image: url(icon-headphone-hover.svg); }

.icon-user {
  width: 20px;
  height: 20px;
  background-position: center;
  background-image: url(icon-user.svg);
  background-repeat: no-repeat;
  background-size: 17px;
  display: inline-block;
  vertical-align: middle;
}
.white-background {
  background-color: #ffffff;
  border: none !important;
  color: #1f2d3d !important;
  padding: 30px 25px;
  -webkit-box-shadow: 0 10px 21px #e6eaef;
  -ms-box-shadow: 0 10px 21px #e6eaef;
  box-shadow: 0 10px 21px #e6eaef;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all ease-in-out 180ms;
  -ms-transition: all ease-in-out 180ms;
  transition: all ease-in-out 180ms;
  text-decoration: none !important; }
  .white-background.shadow--none {
    box-shadow: none; }

/* Firefox 4-18 */
:-moz-placeholder {
  color: #9fb2c4;
  font-weight: 500;
  font-size: 15px;
  font-family: "Source Sans Pro", sans-serif; }

/* Firefox 19-50 */
::-moz-placeholder {
  color: #9fb2c4;
  font-weight: 500;
  font-size: 15px;
  font-family: "Source Sans Pro", sans-serif; }

/* - Internet Explorer 10–11
 - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
  color: #9fb2c4;
  font-weight: 500;
  font-size: 15px;
  font-family: "Source Sans Pro", sans-serif; }

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
  color: #9fb2c4;
  font-weight: 500;
  font-size: 15px;
  font-family: "Source Sans Pro", sans-serif; }

::placeholder {
  color: #9fb2c4;
  font-weight: 500;
  font-size: 15px;
  font-family: "Source Sans Pro", sans-serif; }

/* Firefox 4-18 */
.slds-input.slds-input_lg:-moz-placeholder {
  font-size: 18px; }

/* Firefox 19-50 */
.slds-input.slds-input_lg::-moz-placeholder {
  font-size: 18px;
  color: #9fb2c4;
  font-weight: 500; }

/* - Internet Explorer 10–11
 - Internet Explorer Mobile 10-11 */
.slds-input.slds-input_lg:-ms-input-placeholder {
  font-size: 18px;
  color: #9fb2c4;
  font-weight: 500; }

/* Edge (also supports ::-webkit-input-placeholder) */
.slds-input.slds-input_lg::-ms-input-placeholder {
  font-size: 18px;
  color: #9fb2c4;
  font-weight: 500; }

/* Browser of newer versions than mentioned in vendor prefixes */
.slds-input.slds-input_lg::placeholder {
  font-size: 18px;
  color: #9fb2c4;
  font-weight: 500; }

.slds-breadcrumb li a {
  color: #8e959d;
  font-size: 15px;
  font-family: "Source Sans Pro", sans-serif;
  padding: 0px 10px; }
.slds-breadcrumb li:before {
  font-size: 14px;
  color: #8e959d;
  padding: 0px 5px;
  padding-left: 0px; }
.slds-breadcrumb li:last-child {
  font-weight: 600; }

.slds-form_stacked .slds-form-element {
  margin-bottom: 25px; }

.slds-text-title_caps {
  font-weight: 700;
  color: #849296;
  padding-bottom: 15px; }

@media screen and (max-width: 992px) {
  .slds-p-top_xx-large,
  .slds-p-top--xx-large {
    padding-top: 2.5rem; } 
    .mt-0-mobile {
      margin-top: 0 !important;
    }
  }
@media screen and (max-width: 768px) {
  .slds-form-element__row {
    display: block; }
    .slds-form-element__row .slds-size {
      width: 100%; }

  hr {
    margin: 1.75rem 0; } }
@media screen and (max-width: 767px) {
  .container {
    padding-right: 20px;
    padding-left: 20px; }

  .white-background {
    padding: 30px 20px; }

  .slds-p-top_xx-large,
  .slds-p-top--xx-large {
    padding-top: 1.75rem; }

  .slds-form_stacked .slds-form-element {
    margin-bottom: 15px; } 
    .contact-list-footer {
      padding: 0;
    }
    .contact-list-footer .slds-grid_align-spread{
      display: block;
    }
    .contact-list-footer .slds-size_1-of-3 {
      width: 100%;
      margin-bottom: 15px;
    }
    .contact-list-footer .slds-size_1-of-3:last-child {
      margin-bottom: 0;
    }

  }
.slds-modal__content {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }
  .slds-modal__content .slds-modal__detail {
    padding: 35px; }
  .slds-modal__content p {
    margin-bottom: 18px; }
    .slds-modal__content p:last-child {
      margin-bottom: 0; }
  .slds-modal__content h3,
  .slds-modal__content h4 {
    font-weight: 500; }

.slds-modal__footer {
  color: #f5f5f5;
  padding: 0.6rem 1rem;
  border-top: none; }
  .slds-modal__footer .slds-button.slds-x_modal {
    color: #7c8082; }

.x-shadow {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

/* #product-page_banner .slds-input-has-icon_left .icn {
  position: absolute;
  left: 13px;
  top: 16px;
  font-size: 13px;
  color: #c2ceda; } */
.slds-input-has-icon_left button {
  position: absolute;
  right: 11px;
  top: 0;
  font-size: 19px;
  color: #c2ceda;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 32px;
  padding: 0;
  outline: none !important;
}

#product-page_banner .slds-form-element {
  margin-top: 35px; }

.sticky-scrolling {
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  min-height: max-content;
  top: 70px;
  vertical-align: top; }

@media screen and (max-width: 1023px) {
  .hide_1023 {
    display: none !important; }

  .show_1023 {
    display: block !important; } 

  .show-menu--mobile.show_1023 {
    display: flex !important; }

}
    
@media screen and (max-width: 992px) {
  .hide_992 {
    display: none !important; }

  .show_992 {
    display: block !important; } }
@media screen and (max-width: 768px) {
  .hide_768 {
    display: none !important; }

  .show_768 {
    display: block !important; } }
@media screen and (max-width: 767px) {
  .hide_767 {
    display: none !important; }

  .show_767 {
    display: block !important; } }
.pt-0 {
  padding-top: 0 !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pt-100 {
  padding-top: 100px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.mt-0 {
  margin-top: 0px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-100 {
  margin-top: 100px !important; }

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

.mb-20 {
  margin-bottom: 20px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.mb-200 {
  margin-bottom: 200px !important; }

.pb-0{padding-bottom:0px!important;}
.pb-50{padding-bottom:50px!important;}
.pb-100{padding-bottom:100px!important;}
.pb-120{padding-bottom:120px!important;}
.pb-130{padding-bottom:130px!important;}
.pb-140{padding-bottom:140px!important;}
.pb-150{padding-bottom:150px!important;}
.pb-160{padding-bottom:160px!important;}
.pb-170{padding-bottom:170px!important;}
.pb-180{padding-bottom:180px!important;}
.pb-190{padding-bottom:190px!important;}
.pb-200{padding-bottom:200px!important;}
.pt-0{padding-top:0px!important;}
.pt-50{padding-top:50px!important;}
.pt-100{padding-top:100px!important;}
.pt-120{padding-top:120px!important;}
.pt-130{padding-top:130px!important;}
.pt-140{padding-top:140px!important;}
.pt-150{padding-top:150px!important;}
.pt-160{padding-top:160px!important;}
.pt-170{padding-top:170px!important;}
.pt-180{padding-top:180px!important;}
.pt-190{padding-top:190px!important;}
.pt-200{padding-top:200px!important;}
.tooltip[alt] {
  position: relative; }
  .tooltip[alt]:hover {
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit; }
  .tooltip[alt]:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 5px 6px 0 6px;
    border-style: solid;
    border-color: #074158 transparent transparent transparent;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms; }
  .tooltip[alt]:after {
    content: attr(alt);
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%) translateY(-100%);
    background: #074158;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    pointer-events: none;
    padding: 5px 7px;
    z-index: 99;
    display: block;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    z-index: 9999999;
    -webkit-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms; }
  .tooltip[alt]:hover::after, .tooltip[alt]:hover::before {
    opacity: 1;
    visibility: visible; }

.tooltip.top:before {
  left: 50%; }

.tooltip.right:before {
  left: 100%;
  top: 50%;
  margin-left: 1px;
  -webkit-transform: translatey(-50%) rotate(90deg);
  -ms-transform: translatey(-50%) rotate(90deg);
  transform: translatey(-50%) rotate(90deg);
  margin-left: 4px; }

.tooltip.bottom:before {
  top: 100%;
  margin-top: 12px;
  -webkit-transform: translateX(-50%) translatey(-100%) rotate(-180deg);
  -ms-transform: translateX(-50%) translatey(-100%) rotate(-180deg);
  transform: translateX(-50%) translatey(-100%) rotate(-180deg); }

.tooltip.left:before {
  left: 0%;
  top: 50%;
  margin-left: -17px;
  -webkit-transform: translatey(-50%) rotate(-90deg);
  -ms-transform: translatey(-50%) rotate(-90deg);
  transform: translatey(-50%) rotate(-90deg); }

.tooltip.top:after {
  left: 50%; }

.tooltip.right:after {
  left: 100%;
  top: 50%;
  margin-left: 12px;
  -webkit-transform: translateX(0%) translateY(-50%);
  -ms-transform: translateX(0%) translateY(-50%);
  transform: translateX(0%) translateY(-50%); }

.tooltip.bottom:after {
  top: 100%;
  margin-top: 12px;
  -webkit-transform: translateX(-50%) translateY(0%);
  -ms-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%); }

.tooltip.left:after {
  left: 0%;
  top: 50%;
  margin-left: -12px;
  -webkit-transform: translateX(-100%) translateY(-50%);
  -ms-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%); }

.tabs-container .tabs-menu .tab-nav {
  margin: 0px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: transparent;
  padding: 7px 28px 7px 28px;
  color: #89898B;
  outline: none; }
.tabs-container .tabs-menu .tab-nav.active {
  color: #33aef8;
  border: 1px solid #E8E8E8;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #ffffff; }
.tabs-container .tab-content {
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  padding-top: 16px;
  margin-top: -1px;
  padding: 30px; }
.tabs-container .show:first-child {
  border-top-left-radius: 0; }

.slds-button.popover[alt]:hover {
  transform: none;
  margin-top: -2px; }

.popover[alt] {
  position: relative; }
  .popover[alt]:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 5px 6px 0 6px;
    border-style: solid;
    border-color: #cccccc transparent transparent transparent;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms; }
  .popover[alt]:after {
    content: attr(alt);
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%) translateY(-100%);
    background: #ffffff;
    color: #202d3e;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 13px;
    border-radius: 4px;
    pointer-events: none;
    padding: 5px 11px;
    z-index: 99;
    display: block;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    z-index: 9999999;
    -webkit-transition: all ease-in-out 100ms;
    -ms-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms; }

.popover.popover-active[alt]:after, .popover.popover-active[alt]:before {
  opacity: 1;
  visibility: visible; }

.popover.top:before {
  left: 50%; }

.popover.right:before {
  left: 100%;
  top: 50%;
  margin-left: 1px;
  -webkit-transform: translatey(-50%) rotate(90deg);
  -ms-transform: translatey(-50%) rotate(90deg);
  transform: translatey(-50%) rotate(90deg);
  margin-left: 4px; }

.popover.bottom:before {
  top: 100%;
  margin-top: 12px;
  -webkit-transform: translateX(-50%) translatey(-100%) rotate(-180deg);
  -ms-transform: translateX(-50%) translatey(-100%) rotate(-180deg);
  transform: translateX(-50%) translatey(-100%) rotate(-180deg); }

.popover.left:before {
  left: 0%;
  top: 50%;
  margin-left: -17px;
  -webkit-transform: translatey(-50%) rotate(-90deg);
  -ms-transform: translatey(-50%) rotate(-90deg);
  transform: translatey(-50%) rotate(-90deg); }

.popover.top:after {
  left: 50%; }

.popover.right:after {
  left: 100%;
  top: 50%;
  margin-left: 12px;
  -webkit-transform: translateX(0%) translateY(-50%);
  -ms-transform: translateX(0%) translateY(-50%);
  transform: translateX(0%) translateY(-50%); }

.popover.bottom:after {
  top: 100%;
  margin-top: 12px;
  -webkit-transform: translateX(-50%) translateY(0%);
  -ms-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%); }

.popover.left:after {
  left: 0%;
  top: 50%;
  margin-left: -12px;
  -webkit-transform: translateX(-100%) translateY(-50%);
  -ms-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%); }

.slds-global-header_container {
  position: relative; }

@media screen and (max-width: 1023px) {
  .slds-global-header_container {
    border-bottom: 1px solid #eef0f3; 
  } 
}
.slds-global-header {
  height: 62px;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  padding: 0.6rem 0 0.5rem 0;
  box-shadow: none; }
  .slds-global-header .slds-grid.container {
    width: 100%;
    height: 62px; }
  .slds-global-header .slds-global-header__branding {
    display: -webkit-flex;
    display: flex;
    padding-left: 0;
    padding-right: 15px; }
    .slds-global-header .slds-global-header__branding a {
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
    .slds-global-header .slds-global-header__branding .slds-global-header__logo {
      width: 150px;
      height: 45px;
      background-size: 134px;
      background-image: url(tm-logo.svg); }
    .slds-global-header .slds-global-header__branding h5 {
      margin: auto;
      font-weight: 600;
      font-size: 20px;
      border-left: 1px dotted #ccc;
      padding-left: 10px;
      margin-left: 10px; }
    .ja-JP .slds-global-header .slds-global-header__branding h5 {
      font-size: 16px;
    }
    .slds-global-header .slds-global-header__branding div {
      display: flex;
      align-items: center; }
  .slds-global-header .slds-global-header__item_search {
    min-width: auto;
    margin: auto;
    margin-left: 45px;
    max-width: 500px; }
    .slds-global-header .slds-global-header__item_search .slds-form-element {
      margin-bottom: 20px !important; }
  .slds-global-header .slds-global-header__profile {
    padding-right: 0;
    margin: auto;
    margin-right: initial;
    padding-right: 0;
    margin: auto;
    margin-right: initial;
    display: flex;
    align-items: center;
    justify-content: center; }
    .slds-global-header .slds-global-header__profile .slds-global-actions .slds-global-actions__item {
      font-size: 13px;
      position: relative; }
      .slds-global-header .slds-global-header__profile .btn-cancel {
        display: none; }
      .slds-global-header .slds-global-header__profile .slds-global-actions .slds-global-actions__item:last-child {
        margin-right: 0; }
      .slds-global-header .slds-global-header__profile .slds-global-actions .slds-global-actions__item:first-child:after {
        position: absolute;
        display: block;
        height: 20px;
        width: 1px;
        top: 8px;
        border-left: 1px dotted #ccc;
        content: "";
        right: -6px;
      }
      .slds-global-header .slds-global-header__profile .slds-global-actions .slds-global-actions__item .slds-global-actions__item-action {
        padding: 2px 5px;
        margin-top: 0;
        margin-bottom: 0; }
        .slds-global-header .slds-global-header__profile .slds-global-actions .slds-global-actions__item .slds-global-actions__item-action:hover .slds-avatar_medium {
          box-shadow: 0 1px 2px #fd5448, 0 -1px 1px #fd5448; }
        .slds-global-header .slds-global-header__profile .slds-global-actions .slds-global-actions__item .slds-global-actions__item-action:focus {
          box-shadow: none !important; }
    .slds-global-header .slds-global-header__profile .slds-dropdown-trigger .slds-button {
      line-height: 1.93rem; }
      .slds-global-header .slds-global-header__profile .slds-dropdown-trigger .slds-button .slds-avatar_medium {
        width: 25px;
        height: 25px;
        opacity: 0.78;
        -webkit-transition: all ease-in-out 180ms;
        transition: all ease-in-out 180ms; }
        .slds-global-header .slds-global-header__profile .slds-dropdown-trigger .slds-button .slds-avatar_medium:hover {
          border-radius: 50px; }
    .slds-global-header .slds-global-header__profile .header-login_btn {
      padding: 7px 0 7px 7px;
      color: #1f2d3d;
      font-weight: 500;
      text-decoration: none;
      text-transform: uppercase;
      align-items: center; }
      .slds-global-header .slds-global-header__profile .header-login_btn:hover {
        color: #f32950; }
  .slds-global-header .slds-context-bar__secondary {
    margin-left: 25px; }
    .slds-global-header .slds-context-bar__secondary .slds-context-bar__label-action {
      text-decoration: none;
      font-weight: 500;
      color: #1f2d3d;
      line-height: 1em;
      position: relative; }
    .slds-global-header .slds-context-bar__secondary .tm-dropdown-trigger span {
      pointer-events: none; }
    .slds-global-header .slds-context-bar__secondary .tm-dropdown-trigger .slds-context-bar__label-action {
      padding-right: 1.7rem; }
      .slds-global-header .slds-context-bar__secondary .tm-dropdown-trigger .slds-context-bar__label-action:after {
        position: absolute;
        display: block;
        content: "";
        width: 8px;
        height: 8px;
        background-size: 8px;
        background-repeat: no-repeat;
        right: 9px;
        background-image: url(arrow_down.svg);
        top: 47%;
        z-index: 1; }
    .slds-global-header .slds-context-bar__secondary .slds-is-open .slds-context-bar__label-action:after {
      top: 43%;
      -webkit-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      transform: rotateX(180deg); }
    .slds-global-header .slds-context-bar__secondary .slds-context-bar__item:not(.slds-no-hover):after {
      display: none !important; }
    .slds-global-header .slds-context-bar__secondary .slds-context-bar__item:not(.slds-no-hover):before {
      position: absolute;
      display: block;
      width: 0;
      height: 3px;
      background: #ff4949;
      top: auto;
      bottom: 0;
      left: 0;
      content: "";
      -webkit-transition: all ease-in-out 180ms;
      -ms-transition: all ease-in-out 180ms;
      transition: all ease-in-out 180ms; }
    .slds-global-header .slds-context-bar__secondary .slds-context-bar__item:not(.slds-no-hover):hover:before {
      width: 100%; }
    .slds-global-header .slds-context-bar__secondary .slds-context-bar__item:not(.slds-no-hover):hover {
      background-color: transparent; }
      .slds-global-header .slds-context-bar__secondary .slds-context-bar__item:not(.slds-no-hover):hover a {
        color: #d71920; }
    .slds-global-header .slds-context-bar__secondary .slds-context-bar__item #back_menu {
      color: rgba(31, 45, 61, 0.6); }
      .slds-global-header .slds-context-bar__secondary .slds-context-bar__item #back_menu * {
        pointer-events: none; }
    .slds-global-header .slds-context-bar__secondary .slds-context-bar__item.slds-is-open:before {
      background: #ff4949;
      content: "";
      width: 100%;
      height: 3px;
      bottom: 0;
      display: block;
      position: absolute;
      left: 0;
      right: 0; }
    .slds-global-header .slds-context-bar__secondary .slds-context-bar__item.slds-is-open .slds-button_icon {
      -webkit-transform: rotateZ(180deg);
      -ms-transform: rotateZ(180deg);
      transform: rotateZ(180deg);
      top: 3px; }
    .slds-global-header .slds-context-bar__secondary .slds-button__icon {
      width: 0.575rem;
      height: 0.575rem; }
    .slds-global-header a[aria-label="Product Support"],
    .slds-global-header a[aria-label="製品サポート"],
    .slds-global-header a[aria-label="產品支援"] {
      padding-right: 1.7rem;
      position: relative;
      z-index: 0; }
      .slds-context-bar__secondary a[aria-label="Product Support"]:after,
      .slds-context-bar__secondary a[aria-label="製品サポート"]:after,
      .slds-context-bar__secondary a[aria-label="產品支援"]:after {
        position: absolute;
        display: block;
        content: "\f107";
        font-family: 'cons_icons' !important;
        font-size: 15px;
        color: #5f6d7d;
        background-repeat: no-repeat;
        right: 8px;
        top: 39%;
        z-index: 1; }
  .slds-global-header .separate-link {
    display: none; }
  .slds-global-header .header-login_btn.isLogin {
    position: relative;
    padding-right: 10px; }
    .slds-global-header .header-login_btn.isLogin:after {
      position: absolute;
      display: block;
      content: "\f107";
      font-family: "cons_icons";
      right: -7px;
      top: 10px;
      color: #6d6d6d;
      height: 10px;
      line-height: 1em; }
    .slds-global-header .header-login_btn.isLogin .profile-icon {
      display: inline-block;
      position: relative;
      width: 25px;
      height: 25px;
      border-radius: 50px;
      background: #bfd1e0;
      border: 1px solid #aec5d8;
      color: #fff;
      text-align: center;
      line-height: 24px;
      margin-right: 8px;
      font-size: 10px; }

.nav-section-menu {
  position: absolute;
  top: auto!important;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f6;
  border-top: 1px solid #f2f2f6;
  flex-direction: row;
  display: flex;
  transform: translate(0, -30px);
  opacity: 0;
  visibility: hidden;
  transition: all linear 150ms;
  -webkit-box-shadow: 0 15px 50px 5px rgba(23, 23, 23, 0.1);
  -ms-box-shadow: 0 15px 50px 5px rgba(23, 23, 23, 0.1);
  box-shadow: 0 15px 50px 5px rgba(23, 23, 23, 0.1);
  z-index: 99; }
  .nav-section-menu #back_navigation {
    display: none; }
  .nav-section-menu .menu-products {
    flex: 0 0 67%; }
  .nav-section-menu .menu-product--end-of-life {
    background-color: #f4f5f7;
    flex: 0 0 33%; }
  .nav-section-menu .products {
    display: flex;
    flex-wrap: wrap; }
  .nav-section-menu .product_link {
    flex: none;
    width: 33.33%;
    display: flex;
    align-items: baseline;
    margin: 17px 0; }
  .nav-section-menu .dropdown__main-content {
    max-width: 845px;
    margin-left: auto;
    padding: 0 30px; }
  .nav-section-menu .dropdown__side-content {
    padding-left: 30px;
    margin-left: auto; }

.mega_menu--is-open {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0); }

.menu-product--links {
  padding-top: 40px;
  padding-bottom: 45px; }
  .menu-product--links h5 {
    display: block;
    font-size: 15px; }
  .menu-product--links ul {
    margin-top: 10px;
    padding-left: 24px; }
    .ja-JP .menu-product--links ul li {
      font-size: 14px;
    }
    .menu-product--links ul li {
      font-size: 15px; }
      .menu-product--links ul li a {
        color: #696969;
        font-weight: 300;
        display: block;
        line-height: 2em;
        text-decoration: none; }
        .menu-product--links ul li a:hover {
          color: #33aef8; }

.tm-icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  top: -1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 8px; }

.tm-icon_windows {
  background-image: url(icon-menu_windows.svg); }

.tm-icon_android {
  background-image: url(icon-menu_android.svg); }

.tm-icon_mac {
  background-image: url(icon-menu_ios.svg); }

.tm-icon_devices {
  background-image: url(icon-menu_device.svg); }

.tm-icon_privacy {
  background-image: url(icon-menu_privacy.svg); }

.tm-icon_endoflife {
  background-image: url(icon-menu_clock.svg); }

.header_gutter {
  position: relative;
  height: 62px;
  width: 100%;
  display: block; }

span.notification_count {
  position: absolute;
  top: -2px;
  right: 0;
  background: #f94b44;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.3em;
  padding: 0.2rem 4px;
  width: 16px;
  height: 16px;
  font-size: 9px;
  border-radius: 30px;
  text-align: center;
  pointer-events: none; }

.empty-state_notification {
  overflow: hidden;
  display: block;
  font-size: 14px;
  color: #1f2d3d;
  padding: 8px 25px;
  text-decoration: none;
  width: 253px; }

.nav-global-header {
  background-color: #f8f8f8; }
  .nav-global-header ul li {
    position: relative;
    display: inline-block; }
    .nav-global-header ul li a {
      font-size: 11px;
      text-decoration: none;
      font-weight: 500;
      color: rgba(31, 45, 61, 0.7);
      padding: 10px;
      display: block;
      line-height: 1em; }
      .nav-global-header ul li a:hover {
        background-color: #f1f1f1; }
    .nav-global-header ul li a.active {
      background-color: #f1f1f1; }
  .nav-global-header .slds-col:last-child li {
    left: 10px; }

.show-menu--mobile .slds-button {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 30px;
  padding: 0;
  border: none;
  outline: none;
  line-height: 0.2em;
  margin-left: 5px;
  height: 32px;
  width: 32px; }
  .show-menu--mobile .slds-button:hover {
    background: #ececec; }
  .show-menu--mobile .slds-button span {
    position: relative;
    border-radius: 30px;
    width: 5px;
    height: 5px;
    text-indent: -999px;
    display: inline-block;
    vertical-align: middle;
    background: #636363; }
    .show-menu--mobile .slds-button span:before, .show-menu--mobile .slds-button span:after {
      position: absolute;
      display: block;
      content: "";
      width: 5px;
      height: 5px;
      background: #636363;
      border-radius: 30px;
      top: 0; }
    .show-menu--mobile .slds-button span:before {
      left: -8px; }
    .show-menu--mobile .slds-button span:after {
      left: 8px; }

@media screen and (max-width: 1023px) {
  .nav-global-header {
    display: none; }

  .slds-global-header .separate-link {
    display: block;
    border-top: 1px solid #dfe1e5; }

  .slds-context-bar__secondary {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    overflow-y: auto;
    background-color: #f6fafb;
    will-change: transform;
    -webkit-transition: all linear 200ms;
    -ms-transition: all linear 200ms;
    transition: all linear 200ms;
    transform: translate3d(100%, 0, 0);
    margin-left: 0 !important;
    min-width: 400px; }
    .slds-context-bar__secondary ul.slds-grid {
      flex-direction: column;
      width: 100%; }
      .slds-context-bar__secondary ul.slds-grid .slds-context-bar__item {
        max-width: none; }
        .slds-context-bar__secondary ul.slds-grid .slds-context-bar__item:not(.slds-no-hover):before {
          display: none; }
        .slds-context-bar__secondary ul.slds-grid .slds-context-bar__item a.slds-context-bar__label-action {
          padding: 18px 30px;
          font-size: 13px; }
          .slds-context-bar__secondary ul.slds-grid .slds-context-bar__item a.slds-context-bar__label-action:after {
            right: 25px;
            top: 42%;
            -webkit-transform: rotateZ(-90deg);
            -ms-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg); }
        .slds-context-bar__secondary ul.slds-grid .slds-context-bar__item .mobile-header-menu {
          display: flex;
          padding: 7px 30px;
          border-bottom: 1px solid #dfe1e4;
          background-color: #ffffff;
          height: 63px;
      }
          .slds-context-bar__secondary ul.slds-grid .slds-context-bar__item .mobile-header-menu a.slds-context-bar__label-action {
            padding-left: 0;
            padding-right: 0; }

  .nav-section-menu {
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: auto;
    z-index: 1001;
    display: block;
    box-shadow: none;
    background-color: #f6fafb;
    transform: translate(100%, 0);
    opacity: 1;
    visibility: visible; }
  .nav-section-menu.mega_menu--is-open {
    transform: translate(0, 0);
  }
    .nav-section-menu #back_navigation {
      display: block;
      background-color: #ffffff;
      color: rgba(31, 45, 61, 0.6);
      border-bottom: 1px solid #dfe1e6;
      padding: 18px 30px;
      font-size: 13px;
      text-decoration: none;
      font-weight: 500;
      line-height: 1em;
      position: relative;
      margin-bottom: 5px; }
    .nav-section-menu .dropdown__main-content {
      max-width: none; }
    .nav-section-menu .product_link {
      width: 33.33%; }
    .nav-section-menu .menu-products {
      padding-top: 0; }
    .nav-section-menu .menu-products,
    .nav-section-menu .menu-product--end-of-life {
      flex: auto; }
    .nav-section-menu .menu-product--end-of-life {
      background-color: #ffffff; }

  #isLogin-dropdown-mobile .slds-button {
    padding: 6px 5px;
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    font-size: 13px;
    color: #818181; }
    #isLogin-dropdown-mobile .slds-button:focus {
      box-shadow: none; }
  #isLogin-dropdown-mobile .header-login_btn.isLogin {
    display: flex;
    align-items: center; } 
  .mobile-sign-in {
    display: flex;
    align-items: center;
  }
  .mobile-sign-in a {
    font-size: 13px;
    color: #818181;
    text-transform: uppercase;
    margin: 0;
    padding: 10px;
    line-height: 1em;
    position: relative;
    left: 10px;
    display: flex;
    align-items: center;
  }
  .mobile-sign-in a .icon {
    margin-right: 9px;
  }
  .slds-global-header .slds-global-header__profile .slds-global-actions li:nth-child(2) {
    display: none;
  }
  
}
.nav-mobile-fade-screen {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(31, 45, 61, 0.45);
  -webkit-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  z-index: 998;
  opacity: 0;
  visibility: hidden; }

.show-menu {
  overflow: hidden; }
  .show-menu .nav-mobile-fade-screen {
    visibility: visible;
    opacity: 1; }
  .show-menu .slds-context-bar__secondary {
    transform: translate3d(0, 0, 0); }

@media screen and (max-width: 768px) {
  .slds-global-header .slds-global-header__branding h5 {
    font-size: 18px;
    padding-left: 8px;
    margin-left: 8px; }
  .slds-global-header .slds-global-header__branding .slds-global-header__logo {
    width: 44px;
    background-size: 125px; }

  .slds-context-bar__secondary {
    min-width: 85%; }

  .nav-section-menu .product_link {
    width: 50%; } }
@media screen and (max-width: 767px) {
  .nav-section-menu .product_link {
    width: 100%; }
  .nav-section-menu .product_link {
    margin: 15px 0 10px; }
    .menu-product--links h5 {
      font-size: 14px;
      margin-bottom: 10px;
  }
  .menu-product--links ul li a {
    font-size: 13px;
  }
  .menu-product--links.menu-products {
    padding-bottom: 20px;
  }
  .menu-product--links.menu-product--end-of-life {
    padding-top: 20px;
  }
  .nav-section-menu .dropdown__side-content {
    padding: 17px 0 0 30px;
    margin-left: auto; } }
.hero_section {
  background-image: url(banner.jpg);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 470px;
  background-color: #f1f0f5; }
  .hero_section picture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }
  .hero_section:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(31, 45, 61, 0.03); }
  .hero_section .container {
    margin: auto !important;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center; }
  .hero_section .slds-combobox-group {
    font-size: 0;
    -webkit-box-shadow: 0 2px 8px rgba(152, 152, 152, 0.1);
    -ms-box-shadow: 0 2px 8px rgba(152, 152, 152, 0.1);
    box-shadow: 0 2px 8px rgba(152, 152, 152, 0.1); }
  .hero_section .hero_section_container {
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    transform: translateY(-45px); }
    .hero_section .hero_section_container h1 {
      text-align: center;
      color: #ffffff;
      font-size: 55px;
      line-height: 1.12em; }
    .hero_section .hero_section_container .slds-combobox-group .slds-input::placeholder {
      font-size: 17px;
      color: #6c6c6c; }
    .hero_section .hero_section_container .slds-combobox-group .slds-input {
      font-size: 17px;
      font-weight: 400;
      width: auto; }
    .hero_section .hero_section_container .slds-combobox_object-switcher .slds-combobox__input {
      width: 10rem;
      padding-left: 20px; }
    .hero_section .hero_section_container .slds-global-header__item_search {
      width: 100%;
      min-width: 600px; }
      .hero_section .hero_section_container .slds-global-header__item_search .slds-input {
        min-height: 48px;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        font-family: "Roboto", sans-serif; }
      .hero_section .hero_section_container .slds-global-header__item_search ::placeholder {
        font-family: "Roboto", sans-serif;
        font-weight: 300; }
      .hero_section .hero_section_container .slds-global-header__item_search .slds-combobox-addon_start .slds-input {
        padding-left: 1.2rem;
        width: auto; }
      .hero_section .hero_section_container .slds-global-header__item_search .slds-combobox-addon_start .slds-input-has-icon .slds-input__icon {
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: 45%; }
      .hero_section .hero_section_container .slds-global-header__item_search .slds-combobox-addon_start .slds-icon_xx-small,
      .hero_section .hero_section_container .slds-global-header__item_search .slds-combobox-addon_start .slds-icon--xx-small {
        width: 1rem;
        height: 1rem; }
      .hero_section .hero_section_container .slds-global-header__item_search .slds-button_outline-brand.dropdown-toggle {
        background-color: #ffffff;
        border-radius: 0;
        border: 1px solid #e4e9ed;
        border-left: none;
        color: #1f2d3d;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 20px;
        padding-right: 20px; }
        .hero_section .hero_section_container .slds-global-header__item_search .slds-button_outline-brand.dropdown-toggle .icn {
          color: #7d7878;
          position: relative;
          top: 1px;
          margin-left: 10px; }
        .hero_section .hero_section_container .slds-global-header__item_search .slds-button_outline-brand.dropdown-toggle:hover {
          -webkit-transform: none !important;
          -ms-transform: none !important;
          transform: none !important;
          -webkit-box-shadow: none !important;
          -ms-box-shadow: none !important;
          box-shadow: none !important; }
      .hero_section .hero_section_container .slds-global-header__item_search .slds-button_destructive {
        margin: 0;
        border-radius: 0;
        background-color: #ff4949;
        border-color: #ff4949;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        -webkit-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important; }
        .hero_section .hero_section_container .slds-global-header__item_search .slds-button_destructive .slds-icon-text-default {
          margin: 0;
          top: 0;
          width: 1.3rem;
          height: 1.3rem; }
      .hero_section .hero_section_container .slds-global-header__item_search .input-group-btn {
        position: inherit;
        width: auto;
        display: inline-block; }
        .hero_section .hero_section_container .slds-global-header__item_search .input-group-btn button#search-filter {
          background-color: #ffffff;
          border-radius: 0;
          border: 1px solid #e4e9ed;
          border-left: none;
          color: #1f2d3d;
          margin-top: 0;
          margin-bottom: 0;
          padding-left: 20px;
          padding-right: 20px;
          font-size: 16px;
          height: 48px;
          text-align: center;
          vertical-align: middle;
          min-width: 100px;
          outline: none;
          margin-left: -1px; }
          .hero_section .hero_section_container .slds-global-header__item_search .input-group-btn button#search-filter .caret {
            margin-left: 10px; }
        .hero_section .hero_section_container .slds-global-header__item_search .input-group-btn .dropdown {
          position: inherit; }
  .hero_section .slds-form-element {
    margin-bottom: 0px !important; }
    .hero_section .slds-form-element .slds-form-element__control {
      position: relative; }
      .hero_section .slds-form-element .slds-form-element__control .dropdown-menu {
        min-width: auto;
        max-width: none;
        width: calc(100% - 1px);
        min-height: 86px;
        max-height: 333px;
        overflow-y: auto;
        border: none; }
      .hero_section .slds-form-element .slds-form-element__control .dropdown-menu > li > a,
      .section-landing-search .slds-form-element .slds-form-element__control .dropdown-menu > li > a {
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(31, 45, 61, 0.8);
        margin: 0; }
        .hero_section .slds-form-element .slds-form-element__control .dropdown-menu > li.active > a {
          background-color: #f5f5f5;
        }
      .hero_section .slds-form-element .slds-form-element__control .dropdown-item.active {
        background-color: #f8f9fa;
        color: #264a94; }

#search_filter_container {
  display: none; }
  #search_filter_container .dropdown-menu {
    display: block;
    padding: 0;
    min-height: auto; }

.show_search {
  display: block !important; }

.quick_links-header {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(133.3deg, rgba(255, 255, 255, 0.2) 13.03%, rgba(255, 255, 255, 0.2) 87.16%);
  color: #ffffff;
  height: 110px;
  z-index: 1; }
  .quick_links-header .quickLinks_icon {
    position: relative;
    width: 100%;
    max-width: 40px;
    height: 40px;
    margin-top: 3px; }
    .quick_links-header .quickLinks_icon img {
      min-width: 40px; }
  .quick_links-header .quickLinks_detail {
    padding: 0 0 0 15px; }
    .quick_links-header .quickLinks_detail h5 {
      font-size: 17px;
      margin-bottom: 1px;
      color: #fff; }
    .quick_links-header .quickLinks_detail p {
      font-size: 14px; }
  .quick_links-header .container {
    width: 100%; }
  .quick_links-header .slds-col {
    padding: 0; }
    .quick_links-header .slds-col a {
      padding: 0.75rem;
      display: block;
      width: calc(100% - 20px);
      border-radius: 6px;
      color: #ffffff;
      text-decoration: none;
      position: relative;
      z-index: 1;
      -webkit-transition: all ease-in-out 180ms;
      -moz-transition: all ease-in-out 180ms;
      transition: all ease-in-out 180ms; }
      .quick_links-header .slds-col a:hover {
        background-color: rgba(255, 255, 255, 0.15); }

.wave_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  background-image: url(bg_wave.svg);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover; }

.loginpage_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto; }
  .loginpage_wrapper .slds-grid {
    height: 100%; }
    .loginpage_wrapper .slds-grid .slds-col {
      margin: auto;
      padding: 40px 0; }

.loginin-form_container .loginin-form_header {
  text-align: center; }
  .loginin-form_container .loginin-form_header img {
    max-width: 120px;
    height: 41px; }
  .loginin-form_container .loginin-form_header a {
    display: inline-block; }
    .loginin-form_container .loginin-form_header a:hover {
      opacity: 0.75; }
  .loginin-form_container .loginin-form_header h3 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 35px; }
.loginin-form_container form {
  min-width: 330px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column; }
  .loginin-form_container form .slds-button_md {
    width: 100%;
    display: block;
    margin-top: 10px; }
  .loginin-form_container form .slds-form-element {
    margin-bottom: 10px; }
  .loginin-form_container form a.slds-form-element__label {
    display: block;
    color: #9FB2C4;
    font-size: 0.75rem;
    margin: 4px 0;
    padding: 0;
    outline: none !important;
    float: right; }
.loginin-form_container .legal_poliecies {
  font-size: 13px;
  display: block;
  text-align: center;
  margin-top: 70px; }
  .loginin-form_container .legal_poliecies a {
    color: #9FB2C4; }

.global-section.section-product_list_home {
  padding-top: 100px;
  padding-bottom: 40px;
  z-index: 1; }

.product-list-section_info .slds-gutters_row .slds-col {
  -webkit-flex-basis: calc(25%);
  -moz-flex-basis: calc(25%);
  flex-basis: calc(25%); }
.product-list-section_info .product-list_card {
  background-color: #ffffff;
  box-shadow: 0 2px 6px #e6eaef;
  color: #1f2d3d !important;
  text-align: center;
  padding: 25px 20px;
  border-radius: 6px;
  min-height: 100%;
  display: block;
  text-decoration: none !important;
  -webkit-transition: 0.10s all ease-in;
  -moz-transition: 0.10s all ease-in;
  transition: 0.10s all ease-in; }
  .product-list-section_info .product-list_card:hover {
    -webkit-box-shadow: 0 10px 20px rgba(50, 50, 93, 0.1);
    -ms-box-shadow: 0 10px 20px rgba(50, 50, 93, 0.1);
    box-shadow: 0 10px 20px rgba(50, 50, 93, 0.1);
    -webkit-transform: scale(1.075) rotate(0.0001deg);
    -ms-transform: scale(1.075) rotate(0.0001deg);
    transform: scale(1.075) rotate(0.0001deg); }
  .product-list-section_info .product-list_card h5 {
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 5px;
    font-size: 16px; }
  .product-list-section_info .product-list_card .product-img {
    position: relative;
    display: block;
    width: 100%;
    height: 97px;
    margin: auto; }
    .product-list-section_info .product-list_card .product-img img {
      width: 100%;
      height: 100%; }

.global-section.section-all_produdcts {
  padding-top: 0; }

.all_product_toggle_heading {
  text-align: center;
  position: relative; }
  .all_product_toggle_heading:before {
    position: absolute;
    display: block;
    content: "";
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: #e2e5ea; }
  .all_product_toggle_heading .showAll-products__button {
    position: relative;
    z-index: 2;
    color: #ff4949;
    border: none;
    outline: none;
    border-radius: 200px;
    display: inline-block;
    width: 53px;
    height: 53px;
    line-height: 1em;
    background: #ffffff;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 9px #d8dde2;
    -ms-box-shadow: 0 3px 9px #d8dde2;
    box-shadow: 0 3px 9px #d8dde2;
    -webkit-transition: all ease-in-out 180ms;
    transition: all ease-in-out 180ms; }
    .all_product_toggle_heading .showAll-products__button:hover {
      -webkit-box-shadow: 0 4px 10px rgba(141, 144, 150, 0.5);
      -ms-box-shadow: 0 4px 10px rgba(141, 144, 150, 0.5);
      box-shadow: 0 4px 10px rgba(141, 144, 150, 0.5); }
    .all_product_toggle_heading .showAll-products__button .slds-button__icon {
      pointer-events: none;
      width: 1rem;
      height: 1rem;
      position: relative;
      fill: #ff4949; }
    .all_product_toggle_heading .showAll-products__button .icn {
      font-size: 24px;
      margin-top: 14px; }

.active_all_products .all_product_toggle_heading:before {
  border-top: 1px solid #4bb6f5;
  box-shadow: 0 1px 1px #4bb6f5, 0 -1px 1px #4bb6f5; }
.active_all_products .all_product_toggle_heading .slds-button__icon,
.active_all_products .all_product_toggle_heading .icn {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg); }
.active_all_products .all_product_toggle_heading .showAll-products__button {
  -webkit-box-shadow: 0 4px 10px rgba(141, 144, 150, 0.5);
  -ms-box-shadow: 0 4px 10px rgba(141, 144, 150, 0.5);
  box-shadow: 0 4px 10px rgba(141, 144, 150, 0.5); }

.all_product_wrapper {
  display: none; }
  .all_product_wrapper .slds-gutters_row {
    margin-right: -1.5rem;
    margin-left: -1.5rem; }
  .all_product_wrapper .slds-global_heading {
    margin-bottom: 50px; }
  .all_product_wrapper .all_product_container {
    padding: 40px 0 50px 0;
    border-bottom: 1px solid #e2e5ea; }
    .all_product_wrapper .all_product_container ul {
      margin-top: 10px;
      padding-left: 24px; }
      .all_product_wrapper .all_product_container ul li a {
        color: #696969;
        font-weight: 300;
        display: block;
        line-height: 1.95em;
        text-decoration: none;
        position: relative;
        font-size: 15px; }
        .all_product_wrapper .all_product_container ul li a:hover {
          color: #33aef8; }
        .all_product_wrapper .all_product_container ul li a:before {
          position: absolute;
          display: block;
          content: "";
          width: 5px;
          height: 5px;
          top: 12px;
          left: -13px;
          background-color: #a8a8a8;
          border-radius: 50px; }

.active_all_products .all_product_wrapper {
  display: block;
  -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

@-webkit-keyframes fade {
  from {
    opacity: 0.2; }
  to {
    opacity: 1; } }
@-moz-keyframes fade {
  from {
    opacity: 0.2; }
  to {
    opacity: 1; } }
@keyframes fade {
  from {
    opacity: 0.2; }
  to {
    opacity: 1; } }
.pick_topic_container .topic_card {
  background-color: #ffffff;
  box-shadow: 0 10px 21px #e6eaef;
  color: #1f2d3d !important;
  text-align: center;
  padding: 30px 15px;
  margin: 10px;
  width: calc(20% - 20px);
  border-radius: 6px;
  min-height: 100%;
  display: block;
  text-decoration: none !important;
  position: relative;
  -webkit-transition: 0.1s all ease-in;
  -moz-transition: 0.1s all ease-in;
  transition: 0.1s all ease-in; }
.pick_topic_container .col-md-auto {
  padding: 0; }
.pick_topic_container p {
  margin-top: 17px;
  font-size: 15px; }
.pick_topic_container img {
  width: 100%;
  max-height: 40px; }
.pick_topic_container svg {
  width: 100%;
  height: 44px; }

.pick_topic_container .topic_card:hover .path-active {
  fill: #ff4949;
  -webkit-transition: all ease-in-out 180ms;
  -moz-transition: all ease-in-out 180ms;
  transition: all ease-in-out 180ms; }

.pick_topic_container .topic_card.active:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -11px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 12px solid #ffffff; }
.pick_topic_container .topic_card.active .path-active {
  fill: #ff4949; }
.tab-pick_topic_detail {
  padding: 80px 30px;
  margin-top: 23px;
  text-align: center; }
  .tab-pick_topic_detail .tab-pick_topic_list {
    max-width: 700px; }

.tab-topic_categories_detail {
  padding: 0 0 80px 0;
  margin-top: 23px;
  text-align: center; }
  .tab-topic_categories_detail .tab-topic_categories_list {
    max-width: 760px;
    padding: 0 30px;
    margin: auto; }

.tab-topic_categories_heading {
  text-align: left;
  height: 60px;
  padding: 0 20px;
  margin-bottom: 80px;
  border-bottom: 1px solid #e2e5ea;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  position: relative; }
  .tab-topic_categories_heading a {
    margin: auto 0;
    position: relative;
    padding-left: 40px;
    text-decoration: none; }
    .tab-topic_categories_heading a:before {
      position: absolute;
      display: block;
      content: "";
      background-image: url(icon-goback.svg);
      width: 28px;
      height: 28px;
      background-size: 28px;
      left: 0;
      top: -2px; }
.support-card {
  background-color: #ffffff;
  box-shadow: 0 2px 6px #e6eaef;
  color: #1f2d3d !important;
  text-align: left;
  padding: 30px;
  border-radius: 6px;
  min-height: 100%;
  display: block;
  text-decoration: none !important;
  -webkit-transition: 0.1s all ease-in;
  -ms-transition: 0.1s all ease-in;
  transition: 0.1s all ease-in;
  display: block; }
  .support-card:hover {
    box-shadow: 0 25px 45px rgba(50, 50, 93, 0.06), 0 10px 20px rgba(50, 50, 93, 0.1);
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px); }
  .support-card .support-news_icon {
    position: relative;
    width: 100%;
    max-width: 40px;
    height: 40px;
    margin-top: 6px; }
    .support-card .support-news_icon img {
      min-width: 40px; }
  .support-card .support-news_detail {
    padding-left: 15px; }
    .support-card .support-news_detail span {
      font-size: 13px;
      display: block;
      font-weight: 300;
      color: #888888; }
    .support-card .support-news_detail strong {
      font-size: 17px;
      margin-bottom: 12px;
      display: block;
      font-weight: 400;
      color: #e64a40; }

.slds-global_side .justify-content-between {
  margin-bottom: 5px; }
.slds-global_side h5 {
  font-size: 18px;
  margin-bottom: 0; }
.slds-global_side a.see_all_link {
  color: #e64a40; }
  .slds-global_side a.see_all_link svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    width: 0.82rem;
    height: 0.82rem;
    margin-left: 6px;
    fill: #e15b7c;
    position: relative;
    top: -2px; }

.news_list-container {
  position: relative;
  margin-top: 20px; }
  .news_list-container ul li {
    display: block; }
    .news_list-container ul li a {
      position: relative;
      background: #fff;
      display: block;
      font-weight: 300;
      margin-bottom: 5px;
      font-size: 16px;
      border: 1px solid #ebedf1;
      color: #1f2d3d;
      padding: 12px 24px 12px 106px;
      text-decoration: none;
      line-height: 1.563em;
      -webkit-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
      .news_list-container ul li a:hover {
        background-color: #f5f8fb;
        -webkit-box-shadow: 0 2px 6px rgba(66, 66, 66, 0.1);
        -ms-box-shadow: 0 2px 6px rgba(66, 66, 66, 0.1);
        box-shadow: 0 2px 6px rgba(66, 66, 66, 0.1); }
      .news_list-container ul li a span {
        font-weight: 400;
        margin-right: 14px;
        color: #485665;
        font-size: 13px;
        position: absolute;
        left: 24px;
        top: 28%; }

#product-page_banner {
  padding-top: 100px;
  padding-bottom: 0; }

section.section-news {
  padding: 100px 0; }

@media screen and (max-width: 767px) {
  section.section-news {
    padding: 40px 0; }

  .news_list-container ul li a {
    padding: 40px 10px 10px; }
    .news_list-container ul li a span {
      top: 10px;
      left: 10px; } }
.global-section.section-contact_us_footer {
  padding-top: 200px; }

.footer-contact-section_info .contact-list_wrapper .footer-contact_icon {
  position: relative;
  width: 100%;
  max-width: 40px;
  height: 40px;
  margin-top: 6px; }
  .footer-contact-section_info .contact-list_wrapper .footer-contact_icon img {
    min-width: 40px; }
    .footer-contact-section_info .slds-grid {
      height: 100%;
    }
.footer-contact-section_info .contact-list_wrapper .footer-contact_detail {
  padding: 0 30px 0 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
  }
  .ja-JP .footer-contact-section_info .contact-list_wrapper .footer-contact_detail p {
    font-size: 14px;
  }
  .footer-contact-section_info .contact-list_wrapper .footer-contact_detail .footer-contact_cta {
    margin-top: auto;
  }
  .footer-contact-section_info .contact-list_wrapper .footer-contact_detail strong {
    font-weight: 600;
    font-size: 17px; }
  .footer-contact-section_info .contact-list_wrapper .footer-contact_detail span.info-text {
    font-size: 13px;
    margin: 5px 0;
  }
  .footer-contact-section_info .contact-list_wrapper .footer-contact_detail p {
    margin: 7px 0 10px 0; }
  .footer-contact-section_info .contact-list_wrapper .footer-contact_detail .footer-contact_cta .slds-button:not(:first-child) {
    padding-left: 13px;
    margin-left: 4px; }
    .footer-contact-section_info .contact-list_wrapper .footer-contact_detail .slds-button {
      margin-left: 0;
      justify-content: center;
      height: auto;
      line-height: 1.25rem;
      padding-top: 7px;
      padding-bottom: 7px;
    }
.main_footer {
  background-color: #292929;
  color: #ffffff;
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1; }
  .main_footer .container {
    height: 100%; }
  .main_footer .primay_footer {
    height: 75px; }
    .main_footer .primay_footer .slds-grid {
      height: 100%;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      .main_footer .primay_footer .slds-grid .slds-col {
        margin-top: auto;
        margin-bottom: auto; }
      .main_footer .primay_footer .slds-grid .col-md-auto {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex; }
    .main_footer .primay_footer img.footer_logo {
      width: 100px;
      height: 36px;
      margin-top: 4px; }
    .main_footer .primay_footer ul {
      align-items: center;
      display: flex;
      height: 100%; }
      .main_footer .primay_footer ul li {
        position: relative;
        display: inline-block;
        margin-left: 15px;
        height: 100%; }
        .main_footer .primay_footer ul li:first-child {
          margin-left: 5px; }
        .main_footer .primay_footer ul li a {
          color: #ffffff;
          padding: 0 5px;
          height: 100%;
          align-items: center;
          display: flex;
          font-size: 13px; }
        .ja-JP .main_footer .primay_footer ul li a {
          font-size: 11px;
        }
          .main_footer .primay_footer ul li a:hover {
            color: #33aef8;
            text-decoration: none; }
      .main_footer .primay_footer ul .dropdown_link > a {
        padding: 5px 25px 5px 5px; }
        .main_footer .primay_footer ul .dropdown_link > a .icn {
          position: absolute;
          right: 3px; }
      .main_footer .primay_footer ul li.dropdown_link .slds-button__icon {
        position: relative;
        top: -1px;
        width: 0.675rem;
        height: 0.675rem;
        margin-left: 10px; }
      .main_footer .primay_footer ul li.dropdown_link:hover .dropdown_content {
        display: block; }
      .main_footer .primay_footer ul li.dropdown_link:hover .slds-button__icon,
      .main_footer .primay_footer ul li.dropdown_link:hover .icn {
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        transform: rotateZ(180deg); }
      .main_footer .primay_footer ul li.dropdown_link .dropdown_content {
        position: absolute;
        right: 0;
        bottom: 35px;
        width: 100%;
        height: 100%;
        min-width: 280px;
        background-color: #ffffff;
        z-index: 2;
        min-height: 240px;
        overflow-y: auto;
        padding: 15px 10px;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
        display: none; }
        .main_footer .primay_footer ul li.dropdown_link .dropdown_content li {
          display: block;
          margin: 0 !important;
          height: auto; }
          .main_footer .primay_footer ul li.dropdown_link .dropdown_content li a {
            color: #1f2d3d;
            font-size: 15px;
            padding: 7px 5px;
            border-radius: 2px;
            -webkit-transition: all ease-in-out 180ms;
            -moz-transition: all ease-in-out 180ms;
            transition: all ease-in-out 180ms;
            display: block;
            height: auto;
            align-items: normal; }
            .main_footer .primay_footer ul li.dropdown_link .dropdown_content li a:hover {
              color: #f32950; }
  .main_footer .secondary_footer {
    height: 88px;
    background-color: #343434; }
    .main_footer .secondary_footer .slds-grid {
      height: 100%;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      .main_footer .secondary_footer .slds-grid .slds-col {
        margin-top: auto;
        margin-bottom: auto; }
      .main_footer .secondary_footer .slds-grid ul.social-media_icon li {
        position: relative;
        display: inline-block;
        margin-left: 15px; }
        .main_footer .secondary_footer .slds-grid ul.social-media_icon li:first-child {
          margin-left: -5px; }
        .main_footer .secondary_footer .slds-grid ul.social-media_icon li a {
          -webkit-transition: all ease-in-out 180ms;
          -moz-transition: all ease-in-out 180ms;
          transition: all ease-in-out 180ms;
          display: block;
          color: #ffffff;
          padding: 5px;
          line-height: 1em; }
          .main_footer .secondary_footer .slds-grid ul.social-media_icon li a:hover {
            opacity: 0.8; }
    .main_footer p {
      color: #bfbfbf;
      font-size: 13px;
      font-weight: 300; }
  .main_footer i.tm-footer-icon {
    position: relative;
    display: inline-block;
    content: "";
    width: 19px;
    height: 19px;
    background-position: center;
    background-repeat: no-repeat; }
  .main_footer i.tm-footer-icon_twitter {
    background-image: url(icon-twitter.svg); }
  .main_footer i.tm-footer-icon_facebook {
    background-image: url(icon-fb.svg); }
  .main_footer i.tm-footer-icon_rss {
    background-image: url(icon-rss.svg);
    background-size: 18px; }
  .main_footer i.tm-footer-icon_community {
    background-image: url(icon-forum.svg);
    background-size: 100%; }
    .main_footer i.tm-footer-icon_contact-us {
      background-image: url(footer-contact-us.png);
      background-size: 100%; }

@media screen and (max-width: 767px) {
  .primay_footer {
    height: 65px; }
    .primay_footer .slds-col .col-md-auto:first-child {
      display: none; }
    .primay_footer .slds-col .col-md-auto:last-child {
      padding-left: 0; }
    .primay_footer ul li a {
      font-size: 14px; }

  .main_footer .secondary_footer {
    height: auto;
    padding-top: 13px;
    padding-bottom: 13px; }
    .main_footer .secondary_footer .slds-grid {
      display: block; }
    .main_footer .secondary_footer .social-media_icon {
      margin-bottom: 7px; }
    .main_footer .secondary_footer i.tm-footer-icon {
      width: 16px;
      height: 16px; } }

/* BOOTSTRAP MODIFY */
.form-control {
  padding-left: 0.75rem;
  background-color: white;
  font-size: inherit;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
  border: 1px solid #e1e6ea !important;
  color: #4b5763;
  border-radius: 4px !important;
  height: 38px;
  width: 100%;
  transition: border 0.1s linear, background-color 0.1s linear;
  box-shadow: none;
  display: block;
  padding: 0 1rem 0 0.75rem;
  line-height: 1.875rem;
  margin-bottom: 0;
  text-decoration: none !important;
}
.ja-JP .form-control {
  font-size: 14px;
}
textarea.form-control {
  height: 130px;
}
.form-control:focus {
  box-shadow: 0 0 3px #0070D2; 
}
label {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  color: #3e3e3c;
  margin: 0;
}
.ja-JP label {
  font-size: 12px;
}
.case-srf {
  padding-bottom: 150px;
}
.case-srf .cell {
  padding: 0 0 20px;
}
.case-srf fieldset,
.case-srf .file-cell,
.case-srf .captcha-cell,
.case-srf .actions {
  display: none;
}
.case-srf .file-cell,
.case-srf .captcha-cell {
  padding-left: 5px;
}
.case-srf .section-title {
  margin-bottom: 0;
  font-weight: 700;
  color: #849296;
  padding-bottom: 10px !important;
  font-size: 0.75rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  border-top: 1px dashed #beccce;
  padding-top: 3em;
}
.case-srf fieldset {
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 20px;
}
.case-srf fieldset:first-child {
  padding-bottom: 0;
  display: block;
}
.case-srf fieldset:first-child .section-title {
  border-top: 0px;
  padding-top: 0px;
  margin-top: 0;
}
.case-srf fieldset:first-child .cell {
  padding-bottom: 0;
}
.case-srf .crmEntityFormView table td {
  padding-right: 5px;
  padding-left: 5px;
  position: relative;
  border: none;
}
.description.above {
  position: absolute;
  right: 5px;
  font-size: 78%;
  top: 3px;
  color: rgba(31, 45, 61, 0.6);
  width: 100%;
  text-align: right;
}
.description.above span {
  position: absolute;
  left: 75px;
}
fieldset[aria-label="hidden-field"],
.jp-case-srf fieldset:last-child:not(.form-required) {
  position: fixed;
  width: 0;
  height: 0;
  left: -999px;
  top: -999px;
}
.prechat-form fieldset[aria-label="blank-section"] {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: -15px;
}
.prechat-form fieldset[aria-label="blank-section"] .section-title {
  display: none;
}
.case-srf .tab.clearfix {
  margin-bottom: 0; 
}
.case-srf .white-background {
  min-height: 190px;
}
fieldset[aria-label="Section"] {
  padding-top: 0;
  margin-top: -20px;
}


/* MODIFY UI RECAPTCHA */
.captcha-cell .img-captcha-container {
  display: inline-flex;
  position: relative;
  width: 230px;
}
.captcha-cell .img-captcha-container img {
  height: 60px !important;
  width: 190px !important;
  display: inline-block !important;
  border: 1px solid #e1e6ea;
}
.captcha-cell .img-captcha-container .rcRefreshImage,
.captcha-cell .img-captcha-container .rcCaptchaAudioLink {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background-color: #e1e6ea;
  text-indent: -999px;
  transform: scale(0.85);
  border-radius: 3px;
  transition: all linear 180ms;
  -webkit-transition: all linear 180ms;
  -moz-transition: all linear 180ms;
  -ms-transition: all linear 180ms;
  -o-transition: all linear 180ms;
}
.captcha-cell .img-captcha-container .rcCaptchaAudioLink {
  bottom: 0;
}
.captcha-cell .img-captcha-container .rcRefreshImage:hover,
.captcha-cell .img-captcha-container .rcCaptchaAudioLink:hover {
  box-shadow: 0 0 4px #0070D2;
}
.captcha-cell .img-captcha-container .rcRefreshImage:before,
.captcha-cell .img-captcha-container .rcCaptchaAudioLink:before {
  position: absolute;
  display: block;
  content: "";
  width: 25px;
  height: 25px;
  left: 0;
  right: 0;
  top: 3px;
  margin: auto;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}
.captcha-cell .img-captcha-container .rcRefreshImage:before {
  background-image: url(refresh.svg);
  background-size: 16px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.captcha-cell .img-captcha-container .rcCaptchaAudioLink:before {
  background-image: url(volume.svg);
}
.captcha-cell label {
  display: none;
}
.captcha-cell input {
  padding-left: 0.75rem;
  background-color: white;
  font-size: inherit;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
  border: 1px solid #e1e6ea !important;
  color: #4b5763;
  border-radius: 4px !important;
  width: 190px;
  height: 28px;
  transition: border 0.1s linear, background-color 0.1s linear;
  box-shadow: none;
  display: block;
  padding: 0 1rem 0 0.75rem;
  line-height: 1.875rem;
  margin-bottom: 0;
  outline: none;
  -webkit-transition: border 0.1s linear, background-color 0.1s linear;
  -moz-transition: border 0.1s linear, background-color 0.1s linear;
  -ms-transition: border 0.1s linear, background-color 0.1s linear;
  -o-transition: border 0.1s linear, background-color 0.1s linear;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}
.captcha-cell input:focus {
  box-shadow: 0 0 3px #0070D2;
}

.skeleton-loader {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: skeletonLoader;
  animation-name: skeletonLoader;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background-color: #e7e7e9;
  background-image: linear-gradient(to right, #eee 8%, #e7e7e9 18%, #eee 33%);
  background-size: 800px 104px;
  height: 30px;
  display: block;
  margin-bottom: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
@-webkit-keyframes skeletonLoader {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 350px 0;
  }
}

@keyframes skeletonLoader {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 350px 0;
  }
}
.btn {
  -webkit-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  -ms-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  font-size: 15px;
  padding-left: 25px;
  padding-right: 25px;
  height: 37px;
  margin: 0.45rem 0;
  -webkit-transition: all ease-in-out 180ms;
  -moz-transition: all ease-in-out 180ms;
  transition: all ease-in-out 180ms;
}
.btn:hover {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  -ms-box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
  box-shadow: 0 3px 15px rgba(55, 56, 60, 0.25);
}
.btn-primary {
  background-color: #33aef8;
  border-color: #33aef8;
}
.btn-primary:hover {
  background-color: #33aef8;
  border-color: #33aef8;
}
.alert-danger h4 {
  color: #1f2d3d;
  font-size: 18px;
  font-weight: 500;
}
.alert-danger h4 .fa {
  display: none;
}
.alert-danger ul {
  margin-top: 20px !important;
}
.alert-danger ul li a {
  font-weight: 400;
  line-height: 1.85rem;
  color: #721c24;
}
.alert-danger ul li a:hover {
  color: #c54853;
}
.case-srf .list-group-item-text,
.case-srf .label.label-primary {
  display: none;
}
.case-srf .panel-default {
  border-color: #e1e6ea;
}
.case-srf .panel-default > .panel-heading {
  background-color: #ffffff;
  border: none;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  padding: 15px 20px;
}
.case-srf .panel-default > .panel-heading .panel-title {
  font-size: 17px;
}
.case-srf .panel > .list-group .list-group-item {
  padding: 0;
  border: none;
  border-bottom: 1px solid #e1e6ea !important;
  margin-bottom: auto;
}
.case-srf .panel-default li a {
  margin-left: 0;
  display: block;
  padding: 0.98rem 50px 0.98rem 24px;
  padding-left: 3.5rem;
  font-size: 15px;
  color: #1f2d3d;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  border: none;
  position: relative;
}
.case-srf .panel-default li a:before {
  position: absolute;
  display: block;
  content: "";
  background-image: url(icon-case.svg);
  width: 14px;
  height: 16px;
  background-size: 14px;
  background-repeat: no-repeat;
  left: 29px;
  top: 16px;
}
.case-srf .panel-default li a::first-letter {
  text-transform: uppercase;
}
.case-srf .panel-default li a:hover {
  background-color: #f8f9fa;
  text-decoration: none;
}
.case-srf .panel-footer .btn-link {
  margin: 0;
  position: relative;
  left: -20px;
}

.case-srf .control {
  position: relative;
}
.case-srf .case-deflection-loading {
  position: absolute;
  right: 16px;
  float: none !important;
  text-align: right !important;
  color: #1973e8;
  width: auto !important;
  animation-name: spin;
  animation-duration: 3500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from { transform:rotate(0deg); }
  to { transform:rotate(360deg); }
}
.btn.btn-link {
  box-shadow: none;
}
.btn.btn-link:hover {
  transform: none !important;
  text-decoration: none;
}
.srfSuccess {
  margin-top: 85px;
}

.tracking-content {
  margin-top: 25px;
}
.tracking-content .btn-copy {
  margin: auto;
  position: absolute;
  right: 0;
  top: 1px;
  padding: 4px;
  font-size: 14px;
  height: auto;
  border: none;
  background-color: transparent;
  box-shadow: none;
  color: #48aaff;
  cursor: pointer;
}
.tracking-content h2 {
  font-weight: 500;
}
.tracking-content .btn-copy:hover {
  color: #338cda;
}
.tracking-content .btn-copy:hover .tooltip {
  opacity: 1;
}
.tracking-content .tooltip {
  white-space: nowrap;
  background: #4e4e4e;
  color: #ffffff;
  min-width: 150px;
  padding: 4px 7px;
  border-radius: 2px;
  left: -62px;
  text-align: center;
  pointer-events: none;
  transform: translate(0, -35px);
  -webkit-transform: translate(0, -35px);
  -moz-transform: translate(0, -35px);
  -ms-transform: translate(0, -35px);
  -o-transform: translate(0, -35px);
}
.tracking-content .case-number {
  position: relative;
  display: inline-block;
  margin: 25px 0px;
  padding-right: 33px;
}
.tracking-content .case-number input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  pointer-events: none;
}
.tracking-content .case-number p {
  font-size: 22px;
  font-weight: 500;
  height: 31px;
  display: inline-block;
  color: #db534d;
}

.has-empty,
.has-empty:focus {
  border: 1px solid #ff8585 !important;
  box-shadow: 0 0 3px #ff7979;
}
/* .jp-case-srf fieldset:first-child > legend::before {
  content: "お問い合わせ内容";
}
.jp-case-srf fieldset:nth-child(3) > legend::before {
  content: "製品の情報";
}
.jp-case-srf fieldset:nth-child(4) > legend::before {
  content: "YOUR CONTACT INFORMATION";
} */
#tip-cpUpload {
  display: none;
}
#tip-cpUpload .btn {
  box-shadow: none;
}
#tip-cpUpload .col-md-6,
#tip-cpUpload .col-md-12 {
  padding-right: 10px;
  padding-left: 10px;
}
#tip-cpUpload .row {
  flex-wrap: inherit;
}
.btn.btn-default {
  box-shadow: none;
}
.btn.btn-default:hover {
  transform: none;
}
.slds-button[disabled], .slds-button:disabled {
  opacity: 0.8;
}
.article-detail_container ul {
  margin-bottom: 30px;
  list-style: disc;
}
.article-detail_container .h4 br {
  display: none;
}
.article-detail_container ul li {
  padding: 5px 0;
}
.article-detail_container ul li ul {
  margin-bottom: 0;
}
.article-detail_container img {
  margin: 20px 0;
  display: inline-block;
}
/* .ja-JP .article-detail_container img {
  max-width: 500px; 
  width: 100%;
} */
.information-link {
  line-height: 1.55em;
  margin-bottom: 10px;
}
.ja-JP .information-link a {
  font-size: 14px;
}
.submit-btn.btn.btn-primary {
  white-space: normal !important;
  text-align: left;
  min-height: auto;
  height: auto;
  padding: 6px 10px;
}
.doc-content .note {
  padding: 10px;
  margin-bottom: 20px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
}
.table tr.row {
  display: table-row;
  margin-right: 0;
  margin-left: 0;
}
.table {
  border: 1px solid #d8dde2;
}
.table > thead > tr > th {
  border: 1px solid #d8dde2;
}
.ja-JP .article-detail_container ul {
  padding-inline-start: 40px !important;
}
.slds-modal_btn > * {
  pointer-events: none;
}
.ie11-body .icon-bulb {
  display: none;
}
.article-detail_container ol, .article-detail_container ul {
  padding-left: 40px !important;
}
.article-detail_container ol, 
.article-detail_container ul {
    padding-left: 40px !important;
}
.article-detail_container .notification-content ol, 
.article-detail_container .notification-content ul {
  padding-left: 20px !important;
  margin-bottom: 0;
}
.article-detail_container .notification-content ul {
  list-style: disc;
}
.article-detail_container .notification-content ol {
  list-style: decimal;
}
.ie11-body .waves {
  display: none;
}
iframe {
  outline: none;
  border: none;
}
#drop-target {
  cursor: pointer;
}
#drop-target:hover {
  background-color: #fbfbd3;
}

body[data-sitemap-state="/page-not-found/:/"] .page-heading {
  display: none;
}
/* body[data-sitemap-state="/page-not-found/:/"] {
  background: linear-gradient(0deg, #9fd6fb 0%, #65bffa 100%);
  display: flex;
  flex-direction: column;
} */
.error-page-container {
  display: block;
  max-width: 850px;
  margin: auto;
  padding: 100px 0 50px 0;
  position: relative;
  z-index: 1;
  text-align: center;
}
.error-page-container img {
  position: relative;
  max-width: 450px;
  margin: auto;
}
.content-detail {
  padding: 0;
  margin-top: 30px;
}
.content-detail h1 {
  margin-bottom: 10px;
  font-size: 28px;
}
#gRecaptchaDiv iframe,
#gRecaptchaDiv {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  transform: scale(0.95);
  transform-origin: left;
}
#gRecaptchaDiv > div {
  width: 278px !important;
}
.temporary-hide-page {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: white;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .section-landing-search .slds-global-header__item_search {
    min-width: auto !important;
  }
  .pick_topic_wrapper {
    margin-top: 15px;
  }
  #needMoreHelp .slds-p-around_x-large {
    padding: 0;
    padding-top: 2rem;
  }
  #needMoreHelp .slds-grid_align-spread {
    display: block;
  }
  #needMoreHelp .slds-grid_align-spread .slds-size_1-of-3 {
    width: 100%;
  }
  .crmEntityFormView .cell {
    margin-bottom: 0;
  }
  .crmEntityFormView table.section {
    padding: 0;
  }
  .ajax-upload-dragdrop {
    padding: 15px !important;
  }
  body {
    padding-bottom: 0;
  }
  .main_footer {
    position: relative;
  }
  body[data-sitemap-state="/page-not-found/:/"] .main_footer {
    margin-top: auto;
  }
  .main_footer .primay_footer {
    height: auto;
  }
  .main_footer .primay_footer ul {
    align-items: normal;
    flex-direction: column;
    padding: 20px 0;
  }
  .main_footer .primay_footer ul li {
    margin-left: 5px;
    padding: 10px 0;
  }
  .pt-50.srfData {
    padding-top: 35px !important;
  }
  .error-page-container {
    padding: 70px 0 20px 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .error-page-container img {
    min-width: auto;
    max-width: 170px;
  }
  .content-detail .slds-button.slds-button_md {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }
  .section-landing-search .slds-combobox-group .slds-input,
  .section-landing-search .slds-combobox-group .slds-input::placeholder,
  .hero_section .hero_section_container .slds-combobox-group .slds-input,
  .hero_section .hero_section_container .slds-combobox-group .slds-input::placeholder  {
    font-size: 14px !important;
  }
  .section-landing-search .slds-global-header__item_search .input-group-btn button#search-filter,
  .hero_section .hero_section_container .slds-global-header__item_search .input-group-btn button#search-filter {
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 14px !important;
    min-width: 80px !important;
    width: 80px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .section-landing-search .slds-form-element .slds-form-element__control .dropdown-menu > li > a,
  .hero_section .slds-form-element .slds-form-element__control .dropdown-menu > li > a {
    padding: 6px 25px !important;
  }
  .slds-global-header .slds-global-header__branding .slds-global-header__logo {
    width: 40px;
    background-size: 110px;
  }
  .slds-global-header .slds-global-header__branding h5 {
    font-size: 15px;
  }
  .ja-JP .slds-global-header .slds-global-header__branding h5 {
    font-size: 13px;
  }
  span.copyright {
    font-size: 12px;
  }
  .error-page-container {
    padding: 55px 0 0 0;
  }
  .content-detail p {
    font-size: 16px;
  }
  .footer-contact-section_info .contact-list_wrapper .footer-contact_detail {
    padding: 0 0 0 15px;
  }
  .slds-button {
    height: auto !important;
    text-align: left !important;
    line-height: 1.4em !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

.bg_art-of-cybersecurity {
  background: url(/bg-aoc.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.bg_art-of-cybersecurity.bottom {
  background: url(/bg-aoc_bottom.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
#filelist {
  display: none !important;
}
#trend-box-upload iframe {
  height: 200px;
}
body[data-sitemap-state="/article/:/"] .main_footer {
  display: none;
}
#productserialnumber {
  text-transform: uppercase;
}
#MfpEmbed_Popup {
  top: 5% !important;
  transform: translate(-50%, 0) !important;
}
#MfpEmbed_CrossButton {
  width: 10px !important;
  height: 10px !important;
  margin-left: 0.28em !important;
  margin-top: 5px !important;
}
.site-survey-body {
  overflow: hidden;
}
#mfpembed_iconDiv {
  cursor: pointer;
}
.slds-modal__container.slds-modal_large {
  width: 100%;
  max-width: 50rem;
  margin: auto; }
  /* #contact_us-banner .slds-input-has-icon_left .icn {
    position: absolute;
    left: 13px;
    top: 16px;
    font-size: 13px;
    color: #c2ceda; } */
  #contact_us-banner .slds-form-element {
    margin-top: 35px; }
  
  .contact-support_container .slds-button {
    margin-right: 10px; }
  .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 40px; }
    .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header img {
      max-height: none;
      max-width: 175px; }
    .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header div {
      padding-left: 35px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header p {
      font-size: 16px; }
  .contact-support_container .slds-modal__content .contacts-container {
    margin-top: 15px;
    position: relative;
    padding-top: 35px;
    display: none;
    /* display: grid;
    grid-template-columns: 1fr;
    -webkit-grid-gap: 13px;
    -moz-grid-gap: 13px;
    grid-gap: 13px;  */
    }
    .contact-support_container .contacts-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      -webkit-grid-gap: 13px;
      -moz-grid-gap: 13px;
      grid-gap: 13px;
    }
    .contact-support_container .form-group {
      width: 0;
      height: 0;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }
    .contact-support_container .showCountryList {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
    .contact-support_container .showCountryList .form-control {
      max-width: 260px;
      margin-left: 10px;
    }
    .contact-support_container .slds-modal__content .contacts-container h4.card-header {
      position: absolute;
      font-size: 20px; 
      top: 0;
    }
    .contact-support_container .slds-modal__content .contacts-container .contacts-card {
      transition: all ease-in-out 180ms;
      border: 1px solid #e6e6e6;
      border-radius: 4px;
      padding: 18px; }
      .contact-support_container .slds-modal__content .contacts-container .contacts-card .contacts-detail span {
        font-size: 13px;
        font-weight: 500;
        color: #849296; }
      .contact-support_container .slds-modal__content .contacts-container .contacts-card .contacts-detail ul {
        margin-top: 5px; }
        .contact-support_container .slds-modal__content .contacts-container .contacts-card .contacts-detail ul li {
          font-size: 15px;
          padding-left: 30px;
          margin-bottom: 5px;
          position: relative; }
          .contact-support_container .slds-modal__content .contacts-container .contacts-card .contacts-detail ul li:before {
            position: absolute;
            display: block;
            font-family: FontAwesome;
            left: 9px;
            top: 1px;
            font-size: 15px;
            color: #db534d; }
          .contact-support_container .slds-modal__content .contacts-container .contacts-card .contacts-detail ul li:nth-child(1):before {
            content: "\f095"; }
          .contact-support_container .slds-modal__content .contacts-container .contacts-card .contacts-detail ul li:nth-child(2):before {
            content: "\f017"; }
      .contact-support_container .slds-modal__content .contacts-container .contacts-card .contacts-detail:last-child {
        margin-top: 17px; }
      .contact-support_container .slds-modal__content .contacts-container .contacts-card:hover {
        -webkit-box-shadow: 0 2px 10px #e8e8e8;
        -moz-box-shadow: 0 2px 10px #e8e8e8;
        box-shadow: 0 2px 10px #e8e8e8; }
        .showContacts {
          text-align: center;
          margin: 35px 0;
        }
        .showContacts .slds-button {
          font-size: 14px;
        }
      .guided_support_wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        -webkit-grid-gap: 18px;
        -moz-grid-gap: 18px;
        grid-gap: 18px;
      }
      .grid-2 {
        -webkit-grid-template-columns: 1fr 1fr;
        -moz-grid-template-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
      }
      .default-card {
        color: #1f2d3d;
        text-align: center;
        padding: 30px 15px;
        border-radius: 4px;
        min-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        position: relative;
        -webkit-transition: 0.1s all ease-in;
        -moz-transition: 0.1s all ease-in;
        transition: 0.1s all ease-in;
        width: 100%;
        background-color: #F9F9F9;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,0.14);
      }
      .default-card:hover {
        background-color: #ffffff;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
      }
      .tab_topic_list .default-card p {
        padding-top: 0px;
        font-weight: 400;
        font-size: 13px;
      }
      .tab_topic_list-detail .bd-callout-success {
        padding-top: 15px;
        padding-bottom: 15px;
      }
      .tab_topic_list-detail .bd-callout-success p {
        margin-top: 0;
        font-size: 16px;
      }
      .tm-icon_1__virus-buster {
        background-image: url(/anti-virus-1.png);
        width: 66px;
        height: 67px;
        background-size: 100%;
      }
      .tm-icon_1__digital-life {
        background-image: url(/anti-virus-2.png);
        width: 66px;
        height: 67px;
        background-size: 100%;
      }
      .tab-content.tab-content-default {
        display: block;
      }
      .tab_topic_list-detail hr {
        margin: 2.5rem 0;
      }
      .contact-support-list {
        display: grid;
        -webkit-grid-gap: 18px;
        -moz-grid-gap: 18px;
        grid-gap: 18px;
        -webkit-grid-template-columns: 1fr 1fr;
        -moz-grid-template-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .contact-support-list .footer-contact-section_info {
      margin-bottom: 20px;
    }
    .card-box {
      padding: 17px;
      border: 1px solid #e4edf1;
      background-color: #fafcfd;
      border-radius: 3px;
      margin: 15px 0;
  }
.ul-bullet li {
  font-size: 14px;
  line-height: 1.35rem;
  margin-bottom: 10px;
  position: relative;
  padding-left: 15px;
  display: block;
}
.ul-bullet li:before {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background-color: #bbbbbb;
  left: 0;
  top: 7px;
}
.external-link_icon {
  position: relative;
  padding-left: 15px;
  display: block;
  font-size: 14px;
}
.external-link_icon:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 6px;
  background-image: url(arrow_right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 7px;
  height: 10px;
}
table {
  padding-bottom: 30px;
  padding-top: 30px;
  border-top: 0px;
  border-bottom: 0px; }
  table thead tr th {
    background: #FAFBFC;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #eee;
    color: #485665;
    font-weight: 700;
    color: #849296;
    padding-bottom: 15px;
    font-size: 0.75rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    padding: 15px; }
    table thead tr th div {
      color: #485665;
      font-weight: 700; }
  table tbody tr td {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #EFF2f7;
    font-size: 14px; }
    table tbody tr td .table__case-subject {
      font-weight: 400;
      font-size: 18px;
      font-family: "Source Sans Pro", sans-serif; }
    table tbody tr td img {
      max-width: none; }
  table tbody tr th {
    background-color: rgba(239, 242, 247, 0.5);
    transition: all ease-in-out 180ms;
    color: #485665;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    border: 1px solid #EFF2f7;
    padding: 15px; }
    .table-placeholder {
      margin: 15px 0;
    }
    .table-placeholder a {
      display: inline-block;
      position: relative;
    }
    .table-placeholder a:hover {
      top: -1px;
    }
.table-placeholder img {
  max-height: none;
}
.zoom-hover {
  -webkit-transition: all ease-in-out 180ms;
  -moz-transition: all ease-in-out 180ms;
  transition: all ease-in-out 180ms;
  z-index: 1;
}
.zoom-hover:hover {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-box-shadow: 0 2px 10px rgba(105, 105, 105, 0.33);
  -moz-box-shadow: 0 2px 10px rgba(105, 105, 105, 0.33);
  box-shadow: 0 2px 10px rgba(105, 105, 105, 0.33);
}
table.sm-table tbody tr th {
  padding: 8px;
}
table.sm-table tbody tr td {
  padding: 8px;
  font-size: 12px;
}
.multi-tab-container .topic_card p {
  margin-top: 0;
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type=email]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=email]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input:-webkit-autofill {
  -webkit-box-shadow:0 0 0 50px #ffffff inset;
  }

@media screen and (max-width: 767px) {
  .contact-support-list {
    -webkit-grid-template-columns: 1fr;
    -moz-grid-template-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #makeInquiryTab01 h5.text-center {
    font-size: 14px;
    line-height: 1.4rem;
  }
  .en_contact-support-container .slds-p-around_x-large {
    padding: 0;
  }
  .en_contact-support-container .footer-contact-section_info > .slds-grid {
    flex-direction: column;
  }
  .en_contact-support-container .footer-contact-section_info .slds-size_1-of-3 {
    width: 100%;
  }
  .tab_topic_list-detail hr {
    margin: 1.5rem 0;
  }
  .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header img {
    max-height: none;
    max-width: 100px;
  }
  .contact-support_container .contacts-wrapper {
    grid-template-columns: 1fr;
  }
  .contact-support_container .contacts-wrapper .contacts-card h5 {
    display: none;
  }
  .contact-support_container .slds-modal__content .contacts-container h4.card-header {
    font-size: 18px;
  }
  .contact-support_container .slds-modal__content .contacts-container {
    padding-top: 30px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 479px) {
  .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header img {
    display: none;
  }
  .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header div {
    padding-left: 0;
  }
  .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header p {
    margin-top: 8px;
  }
  .contact-support_container .slds-modal__content .slds-modal__detail .slds-modal_header h5 {
    font-size: 20px;
  }

  .slds-modal__container {
    padding: 0;
  }
  .contact-support_container .showCountryList {
    display: block;
  }
  .contact-support_container .showCountryList .form-control {
    max-width: 100%;
    margin-left: 0;
    margin-top: 5px;
  }
}
.slds-form-element__control .feedback-note {
  font-size: 12px;
  background: #f6f6f6;
  padding: 10px !important;
  margin-bottom: 10px !important;
}
.slds-form-element__control .feedback-note li {
  text-align: left;
  padding: 5px 15px !important;
}
/* .ja-JP .article-detail_container img.img-responsive {
  max-width: 500px;
  width: 100%;
} */
.ja-JP div.upper-index{
  padding: 10px 20px;
  margin: 0 0 20px!important;
  font-size: 21px;
  border-left: 5px solid #ED1C24;
}
.ja-JP div.lower-index{
  padding: 10px 20px;
  margin: 0 0 20px!important;
  font-size: 15px;
  border-left: 5px solid #CCC;
}
.ja-JP div.lower-r-index{
  padding: 10px 20px;
  margin: 0 0 20px!important;
  font-size: 15px;
  border-left: 5px solid #ED1C24;
}
.ja-JP div.lower-b-index{
  padding: 10px 20px;
  margin: 0 0 20px!important;
  font-size: 15px;
  border-left: 5px solid #333366;
}
.off-hour-container .notification {
  margin-top: 0;
}
.off-hour-container p {
  margin-bottom: 10px;
}
.off-hour-container .notification hr {
  margin: 1.5rem 0;
}
.contact-us-off-hour {
  margin-bottom: 30px;
}
.red-color {
  color: #d71920 !important;
}
.display-example {
  display: none;
}

.slds-button.slds-button_outline-brand,
.btn.btn-download {
  color: #0275d8;
  background-color: transparent;
  border-color: #0275d8;
  box-shadow: none;
}

.slds-button.slds-button_outline-brand:hover,
.btn.btn-download:hover {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
  box-shadow: none;
}

@media screen and (max-width: 992px) {
  h2 {
    font-size: 30px; } 
    .nav-section-menu {
      top: 0 !important;
    }
  }