/*===========================================================================
0.0 Common
===========================================================================*/
/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0; }

fieldset, img {
  display: block;
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid silver; }

legend {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

td, th {
  padding: 0; }

input, button {
  border: none; }

textarea {
  border: none;
  overflow: auto;
  outline: none;
  resize: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

button, select {
  border: none;
  background: none;
  padding: 0;
  outline: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none; }

select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner {
  outline: none;
  border: none; }

input, textarea {
  border: none; }

::-webkit-input-placeholder {
  color: #95989A;
  opacity: 1;
  font-style: italic; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #95989A;
  opacity: 1;
  font-style: italic; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #95989A;
  opacity: 1;
  font-style: italic; }

:-ms-input-placeholder {
  color: #95989A;
  opacity: 1;
  font-style: italic; }

::-ms-browse,
::-ms-value {
  display: none; }

a, p {
  font-size: inherit;
  color: inherit; }

a {
  text-decoration: none; }

strong {
  font-weight: 700; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #4A4A4A; }

a {
  color: #D92231;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

h1 {
  font-size: 28px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 20px; }

h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 20px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 10px; }

blockquote {
  padding-left: 20px; }

.wrapper {
  min-height: 100%;
  position: relative; }

header,
section,
footer {
  position: relative; }

.container {
  width: 100%;
  max-width: 1188px;
  margin: 0px auto;
  position: relative; }

.container-tight {
  max-width: 908px; }
  .container-tight .ce h3 {
    text-align: center; }

.row {
  margin-left: -5px;
  margin-right: -5px; }
  .row::after {
    content: '';
    display: block;
    clear: both; }

.col {
  float: left;
  padding-left: 5px;
  padding-right: 5px; }

.col-12 {
  width: 100%; }

.col-11 {
  width: 91.66666667%; }

.col-10 {
  width: 83.33333333%; }

.col-9 {
  width: 75%; }

.col-8 {
  width: 66.66666667%; }

.col-7 {
  width: 58.33333333%; }

.col-6 {
  width: 50%; }

.col-5 {
  width: 41.66666667%; }

.col-4 {
  width: 33.33333333%; }

.col-3 {
  width: 25%; }

.col-2 {
  width: 16.66666667%; }

.col-1 {
  width: 8.33333333%; }

.col-offset-12 {
  margin-left: 100%; }

.col-offset-11 {
  margin-left: 91.66666667%; }

.col-offset-10 {
  margin-left: 83.33333333%; }

.col-offset-9 {
  margin-left: 75%; }

.col-offset-8 {
  margin-left: 66.66666667%; }

.col-offset-7 {
  margin-left: 58.33333333%; }

.col-offset-6 {
  margin-left: 50%; }

.col-offset-5 {
  margin-left: 41.66666667%; }

.col-offset-4 {
  margin-left: 33.33333333%; }

.col-offset-3 {
  margin-left: 25%; }

.col-offset-2 {
  margin-left: 16.66666667%; }

.col-offset-1 {
  margin-left: 8.33333333%; }

.col-offset-0 {
  margin-left: 0%; }

.row-flex {
  margin-left: -5px;
  margin-right: -5px;
  -webkit-display: flex;
  display: flex; }

.col-flex {
  padding-left: 5px;
  padding-right: 5px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  .col-flex:first-child .box-link .box-caption {
    /*background-color: #D92231;*/
    background-color: #25be80;
    color: white; }

.form-control {
  width: 100%;
  max-width: 250px;
  line-height: 28px;
  border-width: 1px;
  border-style: solid;
  border-color: #4A4A4A;
  color: #4A4A4A;
  padding-left: 5px;
  padding-right: 5px;
  position: relative; }

.btn {
  width: 100%;
  max-width: 108px;
  line-height: 28px;
  border-width: 1px;
  border-style: solid;
  padding-left: 5px;
  padding-right: 20px;
  text-decoration: inherit;
  text-align: left;
  display: inline-block;
  position: relative; }
  .btn::after {
    content: '\f125';
    display: block;
    font-family: 'Ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    position: absolute;
    top: 10px;
    right: 10px; }

.btn-default {
  color: #4A4A4A;
  border-color: #4A4A4A;
  background-color: white; }
  .btn-default::after {
    color: #D92231; }

.btn-primary {
  color: white;
  /*border-color: #D92231;
  background-color: #D92231;*/
  border-color: #25be80;
  background-color: #25be80; }
  .btn-primary::after {
    color: white; }

.radio-group {
  position: relative;
  padding-left: 24px; }
  .radio-group label {
    cursor: pointer; }
    .radio-group label span {
      background-color: white;
      border: 1px solid #4A4A4A;
      border-radius: 100%;
      width: 16px;
      height: 16px;
      display: block;
      position: absolute;
      top: 2px;
      left: 0; }
      .radio-group label span::after {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: 2px;
        left: 2px;
        background: white;
        opacity: 0; }
    .radio-group label input {
      cursor: pointer;
      opacity: 0;
      position: absolute; }
      .radio-group label input:checked + span {
        /*background-color: #D92231;
        border-color: #D92231;*/ 
        background-color: #25be80;
        border-color: #25be80; }
        .radio-group label input:checked + span::after {
          opacity: 1; }

.checkbox-group {
  position: relative;
  padding-left: 24px; }
  .checkbox-group label {
    cursor: pointer; }
    .checkbox-group label span {
      background: url(../images/icon_noncheklist.png) no-repeat left center/16px;
      display: block;
      position: absolute;
      top: 2px;
      right: 0;
      padding-left: 20px; }
    .checkbox-group label input {
      cursor: pointer;
      opacity: 0;
      position: absolute; }
      .checkbox-group label input:checked + span {
        background: url(../images/icon_cheklist.png) no-repeat left center/18px;
        color: #f00; }

/*===========================================================================
0.1 Header
===========================================================================*/
header {
  font-size: 14px;
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 100000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  header a {
    color: inherit;
    text-decoration: inherit; }
  header.topped .header-logo-ptdt {
    width: 386px;
    height: 72px; }
  header.topped .header-logo-fuji {
    max-width: 204px; }
  header.topped .header-logo-halo {
    position: absolute;
    bottom: 5px;
    right: 0;
    display: block; }
  header.topped .nav-desktop {
    position: absolute;
    bottom: 0;
    margin-left: 0;
    margin-right: 0; }
  header.topped .header-middle .header-left .nav-desktop {
    left: 0; }
  header.topped .header-middle .header-right .nav-desktop {
    right: 95px; }

.header-search-top {
  background-color: #630034;
  color: white;
  overflow: hidden;
  max-height: 0;
  padding: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .header-search-top.active {
    max-height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px; }

.col-search-form {
  width: -moz-calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px); }

.col-search-buttons {
  width: 90px; }

.form-search-top,
.btn-search-top {
  max-width: none; }

.form-search-top {
  background-color: white;
  color: #7C0041;
  border-color: white; }

.btn-search-top {
  text-align: center;
  padding-right: 5px;
  background-color: #D92231;
  color: white;
  border-color: #D92231; }
  .btn-search-top::after {
    display: none; }

.header-top {
  background-color: #7C0041;
  color: white;
  line-height: 36px; }

.header-middle {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .header-middle .header-right {
    padding-top: 18px; }

.header-left {
  float: left; }

.header-right {
  float: right; }

.header-tools {
  margin-left: -10px;
  margin-right: 0px; }

ul.header-language {
  float: left;
  padding-left: 10px;
  padding-right: 10px; }
  ul.header-language::after {
    content: '';
    display: block;
    clear: both; }
  ul.header-language > li {
    float: left; }
    ul.header-language > li > a.active,
    ul.header-language > li > button.active {
      font-weight: 500; }
    ul.header-language > li::after {
      content: '|';
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px; }
    ul.header-language > li:last-child::after {
      display: none; }

.header-search {
  width: 80px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .header-search ::-webkit-input-placeholder {
    color: white;
    font-style: normal; }
  .header-search :-moz-placeholder {
    /* Firefox 18- */
    color: white;
    font-style: normal; }
  .header-search ::-moz-placeholder {
    /* Firefox 19+ */
    color: white;
    font-style: normal; }
  .header-search :-ms-input-placeholder {
    color: white;
    font-style: normal; }
  .header-search input {
    color: white;
    background-color: transparent;
    width: 50px; }
  .header-search:hover, .header-search.active {
    background-color: #630034; }

.header-logo {
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 100%; }
  .header-logo img {
    width: 100%; }

.header-logo-ptdt {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 350px;
  height: 66px;
  text-indent: -9999px;
  overflow: hidden; }

.header-logo-fuji {
  max-width: 150px; }

.header-logo-halo {
  float: left;
  margin-left: 10px;
  margin-top: 4px;
  display: none; }
  .header-logo-halo img {
    height: 32px; }

nav {
  font-family: "Roboto Condensed", sans-serif;
  float: left; }
  nav > ul::after {
    content: '';
    display: block;
    clear: both; }
  nav > ul > li {
    float: left;
    position: relative;
    line-height: 40px; }
    nav > ul > li::after {
      content: '|';
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px; }
    nav > ul > li::before {
      content: '';
      display: block;
      width: -moz-calc(100% - 24px);
      width: -webkit-calc(100% - 24px);
      width: calc(100% - 24px);
      border-top: 3px solid #D92231;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      visibility: hidden;
      opacity: 0; }
    nav > ul > li:last-child::before {
      width: 100%; }
    nav > ul > li:last-child::after {
      display: none; }
    nav > ul > li > a:hover, nav > ul > li > a.active {
      color: #D92231; }
    nav > ul > li > ul {
      width: 288px;
      min-height: 318px;
      background-color: white;
      line-height: 20px;
      padding: 35px;
      padding-top: 65px;
      white-space: nowrap;
      display: block;
      position: absolute;
      z-index: 2;
      box-shadow: 0px 5px 5px -4px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
      nav > ul > li > ul > li {
        font-size: 16px;
        white-space: normal;
        margin-bottom: 5px; }
        nav > ul > li > ul > li.top {
          font-size: 20px;
          font-weight: 700;
          position: absolute;
          top: 35px; }
        nav > ul > li > ul > li.primary {
          font-size: 18px;
          font-weight: 700;
          margin-bottom: 20px; }
      nav > ul > li > ul + ul {
        margin-left: 288px; }
        nav > ul > li > ul + ul + ul {
          margin-left: 576px; }
    nav > ul > li:hover::before {
      visibility: visible;
      opacity: 1; }
    nav > ul > li:hover > a {
      color: #D92231; }
    nav > ul > li:hover > ul {
      visibility: visible;
      opacity: 1; }

.nav-desktop {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-left: 5px;
  margin-right: 5px; }

.btn-menu {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #EBEBEB;
  color: #4A4A4A;
  font-size: 28px;
  text-align: center;
  line-height: 60px; }
  .btn-menu .fa {
    line-height: inherit; }

/*===========================================================================
0.2 Section
===========================================================================*/
section {
  background-color: white; }

.section {
  margin-bottom: 20px; }

.section-404 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px; }
  .section-404 h1 {
    font-size: 96px; }

ul.breadcrumbs {
  line-height: 48px;
  font-size: 14px; }
  ul.breadcrumbs::after {
    content: '';
    display: block;
    clear: both; }
  ul.breadcrumbs > li {
    display: inline-block;
    vertical-align: middle; }
    ul.breadcrumbs > li::before {
      content: '\f125';
      display: inline-block;
      font-family: 'Ionicons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      text-rendering: auto;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 10px;
      margin-left: 10px;
      margin-right: 10px; }
    ul.breadcrumbs > li:first-child {
      color: #7C0041; }
      ul.breadcrumbs > li:first-child::before {
        display: none; }
  ul.breadcrumbs a {
    color: inherit;
    text-decoration: inherit;
    text-transform: capitalize; }

#home .banner:hover img,
#home .box-link:hover img,
#home .box-home.box-bg:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease; }

.banner {
  margin-bottom: 10px;
  overflow: hidden; }
  .banner img {
    width: 100%; }

.sidebar-left,
.content-main,
.sidebar-right {
  padding-top: 40px;
  padding-bottom: 40px; }

.sidebar-left {
  width: 16.6666%; }

.content-main {
  width: 50%; }

.sidebar-right {
  width: 25%;
  margin-left: 8.3333%; }

.content-element p {
  margin-bottom: 20px; }
.content-element img {
  max-width: 100%;
  margin: 0 auto 20px; }
.content-element em {
  font-style: italic;
  font-weight: inherit; }
.content-element ul {
  list-style: disc outside;
  margin-bottom: 20px;
  padding-left: 20px; }
.content-element ol {
  list-style: decimal outside;
  margin-bottom: 20px;
  padding-left: 20px; }
.content-element blockquote {
  border-left: 1px solid #4A4A4A;
  font-style: italic;
  margin-bottom: 20px; }
.content-element table {
  width: 100% !important; }

.ce {
  text-align: left; }
  .ce .ce_flex {
    margin-left: -10px;
    margin-right: -10px; }
    .ce .ce_flex .ce_flex_column {
      padding-left: 10px;
      padding-right: 10px;
      margin-right: 0px; }

.box-link {
  width: 100%;
  margin-bottom: 10px;
  display: block;
  text-decoration: inherit;
  color: inherit;
  text-align: left;
  overflow: hidden; }
  .box-link.active .box-caption {
    background-color: #D92231;
    color: white; }
    .box-link.active .box-caption::before {
      background-color: white;
      color: #D92231; }

.box-image {
  width: 100%; }

.box-title {
  margin-bottom: 10px;
  padding-right: 24px; }

h3.box-title {
  height: 58px;
  overflow: hidden; }

h6.box-title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.box-caption {
  padding: 20px 10px;
  background-color: #EBEBEB;
  height: 140px;
  position: relative; }
  /*.box-caption::before {
    content: '\f125';
    display: inline-block;
    font-family: 'Ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #D92231;
    color: white;
    position: absolute;
    top: 20px;
    right: 0; }*/

.box-caption-long {
  height: 240px; }

.box-dark {
  background-color: #4A4A4A;
  color: white; }

.box-light {
  background-color: #EBEBEB; }

.box-bg {
  background-repeat: no-repeat;
  background-size: cover; }

.box-hr-mid {
  position: relative; }
  /* .box-hr-mid::before {
    content: '';
    display: block;
    border-left: 1px solid #EBEBEB;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); } */

.box-hr-mid .col-4 {
  position: relative;
}
.box-hr-mid .col-4::after {
  content: '';
  display: block;
  border-left: 1px solid #EBEBEB;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
}
.flex {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-list {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
}

.box-hr-mid .col-4:first-child::after {
  display: none;
}

ul.more-items {
  margin-left: -10px;
  margin-right: -10px;
  text-align: left; }
  ul.more-items::after {
    content: '';
    display: block;
    clear: both; }
  ul.more-items > li {
    float: left;
    width: 33.3333%;
    padding-left: 10px;
    padding-right: 10px; }
  ul.more-items img {
    margin-bottom: 10px; }

.row-more {
  text-align: left; }

.more-image,
.more-title,
.more-desc,
.more-buttons {
  margin-bottom: 10px; }

.more-image {
  width: 100%; }
  .more-image img {
    width: 100%; }
  .more-image + a {
    color: inherit;
    text-decoration: inherit; }
    .more-image + a + a {
      color: inherit;
      text-decoration: inherit; }

h3.more-title {
  height: 58px;
  overflow: hidden; }

.more-desc {
  height: 60px;
  overflow: hidden; }

.more-buttons {
  margin-top: 20px; }

.filter-head,
.filter-clear {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px; }

.filter-head {
  float: left;
  font-size: 18px; }

.filter-clear {
  float: right; }

.filters > ul {
  border: 1px solid #4A4A4A;
  border-bottom: none;
  text-align: left; }
  .filters > ul > li {
    overflow: hidden;
    border-bottom: 1px solid #4A4A4A; }
    .filters > ul > li > button {
      width: 100%;
      line-height: 50px;
      background-color: white;
      padding-left: 20px;
      padding-right: 20px;
      text-align: left;
      position: relative;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
      .filters > ul > li > button::after {
        content: '\f218';
        display: block;
        font-family: 'Ionicons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        /*color: #D92231;*/
        color: #25be80;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%); }
      .filters > ul > li > button.active {
        /*background-color: #D92231;*/
        background-color: #25be80;
        color: white; }
        .filters > ul > li > button.active::after {
          content: '\f209';
          color: white; }
        .filters > ul > li > button.active + ul {
          max-height: 100vh;
          padding-top: 10px;
          padding-bottom: 10px;
          border-width: 1px; }
    .filters > ul > li > ul {
      width: 100%;
      background-color: #EBEBEB;
      border-top: 0px solid #4A4A4A;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 30px;
      height: auto;
      max-height: 0;
      display: block;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
      .filters > ul > li > ul > li label span {
        top: 7px; }

.table-default {
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 10px; }
  .table-default tr {
    border-bottom: 1px solid #4A4A4A; }
  .table-default td {
    padding: 10px; }

.table-leftcol {
  text-align: left; }
  .table-leftcol td:first-child {
    width: 33.3333%;
    font-weight: 700; }

.table-topcol {
  text-align: center; }
  .table-topcol tr:first-child {
    font-weight: 700; }
  .table-topcol td {
    width: 33.3333%; }

.preloader {
  margin-bottom: 20px; }

.preloader-icon {
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }
  .preloader-icon.active {
    opacity: 1; }

.inputWrapper {
  width: 100%;
  display: block; }
  .inputWrapper select {
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #E7E7E8;
    outline: 0;
    font-size: 14px;
    padding-left: 5px;
    background: url(../images/icon-arrow-bottom.png) no-repeat right 10px center;
    color: #4A4A4A;
    color: transparent;
    text-shadow: 0 0 0 #4A4A4A;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    .inputWrapper select option {
      color: #4A4A4A; }

.inputRow {
  width: 100%;
  display: block;
  margin-bottom: 10px; }
  .inputRow select {
    border: 1px solid #CCC; }

.inputRow span {
  font-weight: 700;
  color: #666;
  display: block;
  margin-bottom: 10px; }

.inputRow input {
  width: 100%;
  font-size: 14px;
  border: 1px solid #CCC;
  border-radius: 2px;
  padding: 10px;
  display: block;
  position: relative; }

.inputRow.mandatory input {
  background: url(../images/icon_field_mandatory.png) no-repeat center right 15px;
  background-size: 6px 14px;
  border: 1px solid #F39C12; }

.inputRow.error input {
  background: url(../images/icon_field_error.png) no-repeat center right 12px;
  background-size: 14px;
  border: 1px solid #E74C3C; }

.inputRow.success input {
  background: url(../images/icon_field_success.png) no-repeat center right 10px;
  background-size: 18px 14px;
  border: 1px solid #2ECC71; }

.inputRow textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #CCC;
  border-radius: 2px;
  padding: 10px;
  display: block; }

.inputWrapper .buttonArea {
  width: 100%;
  display: block;
  margin-top: 20px;
  text-align: right; }

.inputWrapper .buttonArea a {
  width: 188px;
  background: #D92231;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding: 10px;
  display: inline-block;
  text-decoration: none; }


 .inputWrapper .buttonAreak {
  width: 100%;
  display: block;
  margin-top: 10px;
  text-align: right;
  }

.inputWrapper .buttonAreak a {
  width: 100%;
  background: #D92231;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding: 10px;
  display: inline-block;
  text-decoration: none;
  }


.column {
  float: left;
  padding: 2px;

}

.left {
  width: 50%;
  padding: 1px;
}

.right {
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.panel {
  width: 100%; }
  .panel:last-child {
    margin-left: 0; }
  .panel .address {
    display: block; }
    .panel .address .map {
      margin: 10px 0 40px; }

/*===========================================================================
0.3 Footer
===========================================================================*/
footer {
  background-color: #2F2D2D;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px; }
  footer a {
    color: inherit;
    text-decoration: inherit; }

.footer-sitemaps {
  margin-left: -10px;
  margin-right: -10px;
  display: -webkit-flex;
  display: flex; }

.footer-sitemap {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1; }

.footer-left {
  float: left; }

.footer-right {
  float: right; }

.footer-logo {
  margin-bottom: 20px;
  width: 100%; }
  .footer-logo img {
    width: 100%; }

.footer-logo-ptdt {
  max-width: 386px; }

.footer-title {
  font-size: 16px;
  margin-bottom: 10px; }

.footer-contact {
  margin-bottom: 20px; }

.footer-logo-halo img {
  width: 100%;
  max-width: 170px; }


/*===========================================================================
0.4 Popup
===========================================================================*/
.popup {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow: auto;
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .popup.active {
    visibility: visible;
    opacity: 1; }

.popup-overlay {
  width: 100%;
  height: 9999px;
  background: #000 none repeat scroll 0% 0%;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 0.8; }

.popup-content {
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  max-width: 540px;
  width: 100%;
  text-align: center;
  position: relative;
  padding-bottom: 20px; }

.popup-box {
  width: 100%;
  position: relative;
  padding: 40px 30px; }

/*===========================================================================
1.0 Home
===========================================================================*/
.home-title {
  text-align: center; }

.box-home {
  padding: 30px 10px 50px;
  text-align: center;
  margin-bottom: 10px;
  width: 100%; }
  .box-home.box-bg {
    height: 260px;
    overflow: hidden;
    position: relative; }
    .box-home.box-bg img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover; }

.box-home-action {
  padding-top: 50px;
  text-align: left;
  height: 260px; }

.box-hr-mid .col-offset-2 {
  margin-left: 12%; }

.home-product-icon {
  width: 120px;
  margin-right: 10px;
  float: left; }
  .home-product-icon img {
    max-width: 100%;
    margin: 0 auto;
    display: block; }

.home-product-caption {
  width: -moz-calc(100% - 130px);
  width: -webkit-calc(100% - 130px);
  width: calc(100% - 130px);
  float: left;
  text-align: left; }

.home-product-desc {
  margin-bottom: 10px; }

/*===========================================================================
2.0 Article
===========================================================================*/
ul.article-nav {
  padding-right: 20px;
  margin-bottom: 40px; }
  ul.article-nav > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: 1px solid #4A4A4A; }
    ul.article-nav > li .fa {
      font-size: 24px;
      vertical-align: middle;
      margin-right: 5px; }
  ul.article-nav a {
    text-decoration: inherit;
    color: inherit; }

ul.article-share {
  padding-right: 20px; }
  ul.article-share > li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4A4A4A; }
    ul.article-share > li > button,
    ul.article-share > li > a {
      width: 100%;
      padding-left: 15px;
      text-align: left; }
    ul.article-share > li > a {
      text-decoration: inherit;
      color: inherit; }
    ul.article-share > li .fa {
      font-size: 24px;
      vertical-align: middle;
      margin-right: 5px; }

.article-related {
  margin-top: 10px; }
  .article-related img {
    width: 100%;
    margin-bottom: 10px; }
  .article-related .row-flex {
    margin-left: -10px;
    margin-right: -10px; }
  .article-related .col-flex {
    padding-left: 10px;
    padding-right: 10px; }
  .article-related h5 {
    height: 38px;
    overflow: hidden; }
  .article-related p {
    margin-bottom: 20px;
    height: 80px;
    overflow: hidden; }
  .article-related a {
    color: inherit;
    text-decoration: inherit; }
  .article-related .btn {
    display: block;
    margin-top: 10px; }
  .article-related .cf_desc {
    height: 78px;
    overflow: hidden; }

/*===========================================================================
3.0 Services
===========================================================================*/
.section-service {
  text-align: center; }

.box-service {
  width: 100%;
  height: 320px;
  background-color: #F3F3F3;
  margin-bottom: 10px; }

.box-service-bg {
  height: 320px; }

.service-caption {
  padding: 20px; }
  .service-caption > a:nth-of-type(1), .service-caption > a:nth-of-type(2) {
    color: inherit;
    text-decoration: inherit; }
  .service-caption a p {
    margin-bottom: 20px; }

.service-category {
  margin-bottom: 10px;
  font-family: "Roboto Condensed", sans-serif; }

.service-desc {
  margin-bottom: 10px;
  font-family: "Roboto Condensed", sans-serif; }

ul.service-nav {
  width: 100%;
  line-height: 36px;
  background-color: #F3F3F3;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px; }
  ul.service-nav::after {
    content: '';
    display: block;
    clear: both; }
  ul.service-nav > li {
    float: left; }
    ul.service-nav > li::after {
      content: '|';
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px; }
    ul.service-nav > li > a {
      text-decoration: inherit;
      color: inherit; }
    ul.service-nav > li:last-child::after {
      display: none; }

ul.service-types {
  /*background-color: $default-lighter;
  text-align: left;
  padding: 30px;*/
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 50px;
  margin-top: 30px; }
  ul.service-types > li {
    margin-bottom: 10px;
    display: inline-block;
    background-color: #F3F3F3;
    padding: 10px 20px;
    margin: 0 5px;
    min-width: 120px; }
    ul.service-types > li > button {
      color: inherit;
      text-decoration: inherit; }
      ul.service-types > li > button.active {
        color: #D92231; }
    ul.service-types > li > a {
      color: inherit;
      text-decoration: none; }
      ul.service-types > li > a.active {
        color: #D92231; }

ul.service-items {
  margin-left: -5px;
  margin-right: -5px;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap; }
  ul.service-items::after {
    content: '';
    display: block;
    clear: both; }
  ul.service-items > li {
    width: calc((100% - 60px)/4);
    background: #ebebeb;
    margin-right: 20px;
    margin-bottom: 40px;
    /*> a {
    	width: 100%;
    	line-height: 60px;
    	height: 60px;
    	padding-left: 20px;
    	padding-right: 40px;
    	background-color: $default-lighter;
    	font-family: $roboto-condensed;
    	color: inherit;
    	text-decoration: inherit;
    	position: relative;
    	display: block;
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	&::after {
    		content: '\f125';
    		display: block;
    		font-family: 'Ionicons';
    		speak: none;
    		font-style: normal;
    		font-weight: normal;
    		font-variant: normal;
    		text-transform: none;
    		text-rendering: auto;
    		line-height: 1;
    		-webkit-font-smoothing: antialiased;
    		-moz-osx-font-smoothing: grayscale;
    		color: $blood;
    		position: absolute;
    		top: 50%;
    		right: 30px;
    		-webkit-transform:translateY(-50%);
    		-moz-transform:translateY(-50%);
    		transform:translateY(-50%);
    	}
    }*/ }
    ul.service-items > li:nth-child(4n) {
      margin-right: 0; }
    ul.service-items > li h3 {
      font-size: 20px;
      margin-bottom: 10px; }
      ul.service-items > li h3 a {
        font-size: 20px;
        color: #464646; }
    ul.service-items > li a {
      color: #4A4A4A !important;
      text-decoration: none; }
    ul.service-items > li p {
      margin-bottom: 10px; }
    ul.service-items > li .si-img img {
      width: 100%; }
    ul.service-items > li .si-info {
      background: #ebebeb;
      padding: 15px; }
    ul.service-items > li .tag-wrapper {
      margin-top: 10px; }
      ul.service-items > li .tag-wrapper a {
        color: #fff !important; }

/*===========================================================================
4.0 Business Partner
===========================================================================*/
.section-business {
  text-align: center; }

.box-business {
  width: 100%;
  height: 330px;
  background-color: #4A4A4A;
  color: white; }

.box-business-bg {
  height: 330px; }

.business-caption {
  padding: 20px;
  height: 330px; }

.business-category {
  margin-bottom: 10px;
  font-family: "Roboto Condensed", sans-serif; }

.business-desc {
  margin-bottom: 10px;
  font-family: "Roboto Condensed", sans-serif; }

ul.business-nav {
  background-color: #F3F3F3; }
  ul.business-nav::after {
    content: '';
    display: block;
    clear: both; }
  ul.business-nav > li {
    float: left;
    width: 16.66666667%; }
    ul.business-nav > li > a {
      width: 100%;
      height: 60px;
      font-family: "Roboto Condensed", sans-serif;
      position: relative;
      display: block;
      color: inherit;
      text-decoration: inherit; }
      ul.business-nav > li > a::after {
        content: '';
        display: block;
        border-left: 1px solid #4A4A4A;
        position: absolute;
        top: 10px;
        right: 0;
        bottom: 10px; }
      ul.business-nav > li > a.active {
        /*background-color: #D92231;*/
        background-color: #25be80;
        color: white; }
        ul.business-nav > li > a.active::after {
          /*border-color: #D92231;*/
          border-color: #25be80; }
        ul.business-nav > li > a.active::before {
          content: '';
          display: block;
          /*border-left: 1px solid #D92231;*/
          border-left: 1px solid #25be80;
          position: absolute;
          top: 0;
          bottom: 0;
          left: -1px; }
      ul.business-nav > li > a > span {
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%); }
    ul.business-nav > li:first-child > a.active::before {
      display: none; }
    ul.business-nav > li:last-child > a::after {
      display: none; }

ul.business-items {
  margin-left: -5px;
  margin-right: -5px;
  text-align: left; }
  ul.business-items::after {
    content: '';
    display: block;
    clear: both; }
  ul.business-items > li {
    float: left;
    width: 33.3333%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px; }

.business-item {
  width: 100%;
  padding: 20px;
  background-color: #F3F3F3; }

.business-name,
.business-address {
  margin-bottom: 10px; }

.business-name {
  font-weight: 500;
  font-size: 18px;
  color: #D92231; }

/*===========================================================================
5.0 Product
===========================================================================*/
.product-others {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #4A4A4A; }

.product-displays {
  border-bottom: 1px solid #4A4A4A;
  padding-bottom: 10px;
  margin-bottom: 20px; }

ul.product-display {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: -5px;
  margin-right: -5px;
  float: right; }
  ul.product-display > li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 30px; }
  ul.product-display .btn {
    width: 108px; }

.display-mode {
  font-size: 24px; }
  .display-mode.active {
    color: #D92231; }

.product-items a {
  color: inherit;
  text-decoration: inherit; }
.product-items[data-display="thumb"] > ul {
  margin-left: -5px;
  margin-right: -5px; }
  .product-items[data-display="thumb"] > ul::after {
    content: '';
    display: block;
    clear: both; }
  .product-items[data-display="thumb"] > ul > li {
    float: left;
    width: 33.3333%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    position: relative; }
    .product-items[data-display="thumb"] > ul > li .product-image {
      width: 100%;
      border: 1px solid #EBEBEB; }
    .product-items[data-display="thumb"] > ul > li .product-content {
      display: none; }
    .product-items[data-display="thumb"] > ul > li .product-tools a {
      display: none; }
    .product-items[data-display="thumb"] > ul > li .product-tools .checkbox-group {
      position: absolute;
      top: 10px;
      right: 10px; }
.product-items[data-display="detailed"] > ul > li {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: -10px;
  margin-right: -0px;
  border-bottom: 1px solid #4A4A4A; }
  .product-items[data-display="detailed"] > ul > li::after {
    content: '';
    display: block;
    clear: both; }
  .product-items[data-display="detailed"] > ul > li .product-link,
  .product-items[data-display="detailed"] > ul > li .product-image-caption {
    display: none; }
  .product-items[data-display="detailed"] > ul > li .product-image,
  .product-items[data-display="detailed"] > ul > li .product-content,
  .product-items[data-display="detailed"] > ul > li .product-tools {
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .product-items[data-display="detailed"] > ul > li .product-image {
    width: 25%; }
  .product-items[data-display="detailed"] > ul > li .product-content {
    width: 50%; }
  .product-items[data-display="detailed"] > ul > li .product-tools {
    width: 25%; }

.product-link {
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.product-image img {
  width: 100%; }

.pimg_box {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden; }
  .pimg_box img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

.zopim.active {
  bottom: 95px !important; }
.zopim.normal {
  bottom: 10px !important; }

.product-image-caption {
  background-color: #F3F3F3;
  padding: 10px; }
  .product-image-caption .product-name {
    overflow: hidden;
    height: 48px; }

.product-category {
  font-weight: 300; }

.product-type {
  font-weight: 400px;
  margin-bottom: 10px; }

.product-desc {
  margin-bottom: 10px; }

.product-tools {
  padding-top: 20px; }
  .product-tools a {
    display: block;
    text-decoration: underline;
    margin-bottom: 10px; }

.section-detail .detail-title,
.section-detail .detail-link {
  padding-left: 5px;
  padding-right: 5px; }
.section-detail .detail-title {
  float: left; }
.section-detail .detail-link {
  float: right;
  font-size: 22px;
  line-height: 24px;
  position: relative;
  padding-right: 20px;
  color: inherit;
  text-decoration: inherit; }
  .section-detail .detail-link::after {
    content: '\f125';
    display: block;
    font-family: 'Ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #D92231;
    font-size: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px; }
.section-detail .box-caption {
  height: 196px; }
.section-detail .box-desc {
  height: 80px;
  overflow: hidden; }

.detail-image,
.detail-content {
  width: 50%;
  padding-left: 5px;
  padding-left: 5px;
  margin-bottom: 20px; }

.detail-image {
  float: right; }
  .detail-image img {
    width: 100%; }

.detail-caption {
  float: left; }

ul.detail-nav {
  background-color: #F3F3F3; }
  ul.detail-nav::after {
    content: '';
    display: block;
    clear: both; }
  ul.detail-nav > li {
    float: left; }
    ul.detail-nav > li > a {
      width: 100%;
      line-height: 60px;
      padding-left: 10px;
      padding-right: 10px;
      font-family: "Roboto Condensed", sans-serif;
      position: relative;
      display: block;
      color: inherit;
      text-decoration: inherit; }
      ul.detail-nav > li > a::after {
        content: '';
        display: block;
        border-left: 1px solid #4A4A4A;
        position: absolute;
        top: 10px;
        right: 0;
        bottom: 10px; }
      ul.detail-nav > li > a.active {
        background-color: #D92231;
        color: white; }
        ul.detail-nav > li > a.active::after {
          border-color: #D92231; }
    ul.detail-nav > li:last-child > a::after {
      display: none; }

.spec-image,
.spec-content {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  font-family: "Roboto Condensed", sans-serif; }

.spec-image {
  width: 25%; }
  .spec-image img {
    width: 100%; }

.spec-content {
  width: 75%; }

ul.spec-nav {
  background-color: #F3F3F3; }
  ul.spec-nav::after {
    content: '';
    display: block;
    clear: both; }
  ul.spec-nav > li {
    float: left;
    line-height: 48px;
    padding-left: 10px;
    padding-right: 10px; }
  ul.spec-nav a {
    color: inherit;
    text-decoration: inherit; }

.table-spec-detail {
  font-size: 16px; }
  .table-spec-detail img {
    width: 100%; }

.compare-title {
  width: 100%;
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 20px; }
  .compare-title::after {
    content: '\f218';
    display: block;
    font-family: 'Ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    color: #D92231;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); }
  .compare-title.active::after {
    content: '\f209'; }
  .compare-title.active + .table-compare {
    max-height: 1500px; }

.table-compare {
  margin-bottom: 40px;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  border-top: 1px solid #4A4A4A;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .table-compare td {
    width: 25% !important; }
  .table-compare + p {
    margin-top: -30px;
    margin-bottom: 40px; }
  .table-compare.default {
    max-height: none; }
    .table-compare.default .table-default tr {
      border: none; }

.table-compare-ver1 {
  margin-bottom: 40px;
  width: 100%; }
  .table-compare-ver1 td {
    width: 33.3333% !important; }
    .table-compare-ver1 td:first-child {
      font-weight: 300; }

.table-compare-ver2 {
  margin-bottom: 40px;
  width: 100%; }
  .table-compare-ver2 table {
    float: left;
    width: 33.3333%; }
  .table-compare-ver2 td {
    width: 100% !important; }
    .table-compare-ver2 td:first-child {
      font-weight: 300; }
  .table-compare-ver2::after {
    content: '';
    display: block;
    clear: both; }

.compare-title-ver2 {
  float: none !important; }

/*===========================================================================
6.0 Promo
===========================================================================*/
.section-promo {
  text-align: center; }
  .section-promo .ce_flex_column {
    width: 33.3333%;
    text-align: center; }
    .section-promo .ce_flex_column .cef_img {
      margin-bottom: 10px; }
    .section-promo .ce_flex_column a {
      color: #4A4A4A;
      text-decoration: none; }
  .section-promo p {
    margin-bottom: 20px; }
  .section-promo .sp_box {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    text-align: center; }

ul.promo-items {
  margin-left: -10px;
  margin-right: -10px; }
  ul.promo-items::after {
    content: '';
    display: block;
    clear: both; }
  ul.promo-items > li {
    float: left;
    width: 33.3333%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px; }

.promo-item {
  width: 100%; }
  .promo-item a {
    text-decoration: none;
    color: inherit;
    height: 88px;
    display: block;
    overflow: hidden; }

.promo-image {
  width: 100%;
  margin-bottom: 10px; }
  .promo-image a {
    height: auto; }
  .promo-image img {
    width: 100%; }

.promo-name {
  margin-bottom: 10px;
  height: 50px;
  overflow: hidden; }
  .promo-name a {
    height: auto; }

.promo-desc {
  text-align: center;
  margin-bottom: 10px;
  height: 60px;
  overflow: hidden; }

.promo-buttons a {
  height: auto;
  display: inline-block; }

/*===========================================================================
7.0 Contact
===========================================================================*/
.contact-left,
.contact-main,
.contact-right {
  float: left;
  padding-left: 5px;
  padding-right: 5px; }

.contact-main {
  width: 50%; }

.contact-left,
.contact-right {
  width: 25%; }

.contact-image {
  width: 100%;
  margin-bottom: 20px; }
  .contact-image img {
    width: 100%; }

.contact-data {
  padding-left: 10px;
  padding-right: 10px; }

.contact-name {
  color: #7C0041;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px; }

.contact-address {
  margin-bottom: 20px; }
  .contact-address a {
    text-decoration: inherit;
    color: inherit; }

.contact-hello {
  color: #7C0041;
  font-size: 32px;
  font-weight: 900;
  margin-top: 20px;
  margin-bottom: 10px; }

.contact-content {
  padding-left: 10px;
  padding-right: 10px; }

.contact-desc {
  margin-bottom: 10px; }

.contact-logo-halo img {
  width: 100%;
  max-width: 200px; }

/*===========================================================================
8.0 News
===========================================================================*/
.tag-wrapper span[class|="tag"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 5px; }

span.tag-cobalt {
  background: #0050EF; }

span.tag-lime {
  background: #A4C400; }

span.tag-orange {
  background: #FA6800; }

span.tag-cyan {
  background: #1BA1E2; }

span.tag-crimson {
  background: #A20025; }

span.tag-teal {
  background: #00ABA9; }

span.tag-emerald {
  background: #008A00; }

span.tag-steel {
  background: #647687; }

/*===========================================================================
9.0 Search
===========================================================================*/
.sidebar-search-left {
  width: 30%;
  color: #7C0041; }

ul.search-nav > li:first-child {
  border-top: 1px solid #4A4A4A; }

.content-search h1, .content-search h2 {
  color: #7C0041;
  margin-bottom: 10px; }
.content-search h1 {
  font-size: 24px; }
.content-search h2 {
  font-size: 18px; }
.content-search a {
  text-decoration: inherit;
  color: #F57B20; }
.content-search p {
  margin-bottom: 10px; }

.search-highlight {
  color: #F57B20; }

.search-caption {
  margin-bottom: 10px; }

.search-input-group {
  margin-bottom: 20px; }
  .search-input-group::after {
    content: '';
    display: block;
    clear: both; }
  .search-input-group .form-control {
    float: left;
    display: block;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    max-width: none;
    line-height: 38px;
    color: #7C0041; }
  .search-input-group .btn-search {
    float: left;
    display: block;
    width: 100px;
    line-height: 38px;
    background-color: #7C0041;
    border: 1px solid #7C0041;
    color: white; }

ul.list-search {
  margin-bottom: 20px; }
  ul.list-search > li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #4A4A4A; }
    ul.list-search > li:first-child {
      border-top: 1px solid #4A4A4A; }

.search-buttons {
  text-align: left; }

.btn-search-more {
  display: inline-block;
  width: 100%;
  max-width: 160px;
  line-height: 38px;
  border: 1px solid #4A4A4A;
  text-align: center; }

/*===========================================================================
10.0 Thank You
===========================================================================*/
.thankyou-box {
  width: 100%;
  max-width: 800px;
  position: relative;
  display: block;
  margin: 0 auto; }

.thankyou-image {
  width: 100%; }

.thankyou-caption {
  text-align: center;
  position: absolute;
  top: 55%;
  right: 0;
  bottom: 0;
  left: 0; }
  .thankyou-caption p {
    width: 100%;
    max-width: 400px;
    display: block;
    margin: 0 auto 10px; }

/*===========================================================================
X.X From AXI
===========================================================================*/
.section_content a {
  text-decoration: inherit; }
.section_content .sosmed-menu {
  width: 188px;
  text-align: center;
  float: left; }
  .section_content .sosmed-menu ul {
    display: inline-block; }
    .section_content .sosmed-menu ul li {
      color: #4A4A4A;
      padding-bottom: 10px;
      padding-left: 10px;
      padding-right: 20px;
      margin-bottom: 10px;
      border-bottom: 1px solid #4a4a4a; }
      .section_content .sosmed-menu ul li a {
        color: #4A4A4A; }
      .section_content .sosmed-menu ul li i {
        font-size: 24px;
        margin: 0 10px 0 0; }
  .section_content .sosmed-menu + .content-element {
    width: 612px; }
.section_content .content-element {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #4A4A4A;
  padding: 0 10px; }
  .section_content .content-element.text-center {
    text-align: center; }
  .section_content .content-element a {
    color: #4A4A4A; }
  .section_content .content-element .ce_flex_column {
    flex: 1; }
  .section_content .content-element h2 {
    font-size: 32px;
    margin-bottom: 20px; }
  .section_content .content-element h3 {
    font-size: 20px;
    margin-bottom: 20px; }
  .section_content .content-element p {
    margin-bottom: 20px; }
  .section_content .content-element .ce_no_flex_column {
    width: 190px;
    vertical-align: top;
    display: inline-block;
    margin: 0 10px 20px;
    font-size: 20px; }
    .section_content .content-element .ce_no_flex_column span {
      display: block; }
.section_content .right-menu-box {
  width: 288px;
  float: right; }
  .section_content .right-menu-box .blue-bg {
    width: 100%;
    height: 36px;
    display: block;
    line-height: 36px;
    background: #00607F;
    color: #fff;
    padding: 0 10px;
    position: relative;
    margin-bottom: 10px; }
    .section_content .right-menu-box .blue-bg i {
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
  .section_content .right-menu-box .orange-bg {
    width: 100%;
    height: 36px;
    display: block;
    line-height: 36px;
    background: #F57B20;
    color: #fff;
    padding: 0 10px;
    margin-bottom: 10px;
    position: relative; }
    .section_content .right-menu-box .orange-bg i {
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
  .section_content .right-menu-box .business-porto {
    padding: 10px 0 0; }
    .section_content .right-menu-box .business-porto h3 {
      margin-bottom: 20px;
      font-size: 24px;
      color: #4A4A4A; }
    .section_content .right-menu-box .business-porto .business-porto-box {
      border-bottom: 1px solid #979797;
      margin-bottom: 20px; }
    .section_content .right-menu-box .business-porto .bp-image {
      width: 100%;
      height: 140px;
      position: relative;
      display: block; }
      .section_content .right-menu-box .business-porto .bp-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); }
    .section_content .right-menu-box .business-porto .bp-info {
      padding: 10px 0;
      font-size: 16px;
      color: #4A4A4A; }
      .section_content .right-menu-box .business-porto .bp-info a {
        color: #0240A3;
        text-decoration: underline;
        float: right; }
.section_content .left-menu-box {
  width: 290px;
  float: left;
  margin-right: 40px; }
  .section_content .left-menu-box h2 {
    color: #00607F;
    padding-left: 20px;
    margin-bottom: 40px; }
  .section_content .left-menu-box + .content-element {
    width: 800px;
    color: #00607F; }
  .section_content .left-menu-box ul li {
    border-bottom: 1px solid #E7E7E8;
    position: relative; }
    .section_content .left-menu-box ul li a {
      padding: 10px 0 10px 40px;
      display: block;
      color: #00607F; }
    .section_content .left-menu-box ul li i {
      position: absolute;
      top: 50%;
      left: 20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }

.ce_slider_image {
  padding-left: 50px;
  padding-right: 50px; }
  .ce_slider_image img {
    margin-bottom: 0; }

.ce_slider {
  margin-bottom: 40px; }
  .ce_slider .owl-nav {
    margin-top: 0; }
    .ce_slider .owl-nav [class*="owl-"] {
      color: #4A4A4A;
      font-size: 32px;
      margin: 0;
      padding: 0;
      background: transparent;
      display: block;
      border-radius: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
      .ce_slider .owl-nav [class*="owl-"]:hover {
        background: inherit;
        color: inherit; }
    .ce_slider .owl-nav .owl-prev {
      left: 0; }
    .ce_slider .owl-nav .owl-next {
      right: 0; }
  .ce_slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px; }

.ce .ce_table table {
  width: 100% !important; }
  .ce .ce_table table tr {
    border-bottom: 1px solid #4A4A4A; }
    .ce .ce_table table tr td {
      border: none; }
    .ce .ce_table table tr:first-child {
      border-width: 2px;
      color: #7C0041;
      font-weight: 700; }
    .ce .ce_table table tr:nth-child(2n) td, .ce .ce_table table tr:nth-child(2n+1) td {
      background: transparent; }
.ce a {
  display: inline-block;
  margin: 0 auto;
  /*max-width: 120px;*/
  cursor: pointer; }

.dropdown-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 20px; }
  .dropdown-box .dropdown {
    width: 25%;
    margin: 0 10px; }
    .dropdown-box .dropdown select {
      width: 100%;
      height: 40px;
      line-height: 38px;
      border: 1px solid #E7E7E8;
      outline: 0;
      margin-left: 10px;
      font-size: 18px;
      padding-left: 5px;
      background: #F3F3F3 url(../images/icon-arrow-bottom.png) no-repeat right 10px center;
      color: #000;
      color: rgba(0, 0, 0, 0);
      text-shadow: 0 0 0 #000;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .dropdown-box .dropdown select option {
        color: #000; }

.nel-wrapper {
  margin-bottom: 40px; }
  .nel-wrapper a {
    color: inherit;
    text-decoration: inherit;
    margin-right: 3px; }
  .nel-wrapper h2 {
    font-size: 36px;
    color: #00607F;
    text-align: center; }
  .nel-wrapper.only-one .nel-box {
    background: #F3F3F3;
    width: 100%;
    height: 280px;
    display: -wrap-flex;
    display: flex;
    -wrap-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0; }
    .nel-wrapper.only-one .nel-box .nel-image {
      width: 66.6667%;
      position: relative;
      height: auto; }
      .nel-wrapper.only-one .nel-box .nel-image img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .nel-wrapper.only-one .nel-box .nel-info {
      width: 33.3333%;
      position: relative;
      padding: 20px 20px 0;
      font-size: 14px;
      color: #4A4A4A; }
      .nel-wrapper.only-one .nel-box .nel-info:before {
        display: none; }
      .nel-wrapper.only-one .nel-box .nel-info h3 {
        font-size: 18px;
        color: #00607F;
        margin-bottom: 20px;
        padding: 0;
        height: 46px;
        overflow: hidden; }
        .nel-wrapper.only-one .nel-box .nel-info h3 a {
          color: #00607F; }
      .nel-wrapper.only-one .nel-box .nel-info p {
        height: 100px;
        overflow: hidden; }
      .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper {
        width: 100%;
        background: #4A4A4A;
        padding: 5px 15px 0;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        display: block; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper span {
          margin: 0 3px 5px;
          display: inline-block; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-green {
          background: #A5CD38;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-blue {
          background: #0240A3;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-orange {
          background: #F57B20;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-purple {
          background: #7C0041;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-gray {
          background: #4A4A4A;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-yellow {
          background: #F5A623;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-red {
          background: #D0021B;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-light-purple {
          background: #9013FE;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper .tag-light-blue {
          background: #4A90E2;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
      .nel-wrapper.only-one .nel-box .nel-info p {
        display: block;
        padding: 0; }
  .nel-wrapper .nel-box-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .nel-wrapper .nel-box {
    width: calc((100% - 36px)/3);
    position: relative;
    margin-left: 12px;
    overflow: hidden;
    background: #ebebeb;
    margin-bottom: 10px;
    /*float:left;*/
    /*&:nth-child(10n+1){
    	height:570px;
    	margin-left:0;
    }
    &:nth-child(10n-4){
    	margin-right:12px;
    	margin-left:0;
    }
    &:nth-child(10n-3){
    	margin-right:12px;
    	margin-left:0;
    }
    &:nth-child(10n-2){
    	margin-right:0;
    	margin-left:0;
    	height:570px;
    }
    &:nth-child(10n-1){
    	margin-right:12px;
    	margin-left:0;
    	position:relative;
    	margin-top:-290px;
    }
    &:nth-child(10n){
    	margin-left:400px;
    	margin-right:0;
    	position:relative;
    	margin-top:-290px;
    }*/ }
    .nel-wrapper .nel-box.default .nel-image {
      display: none; }
    .nel-wrapper .nel-box.default .nel-info {
      position: static;
      height: 280px;
      overflow: hidden; }
      .nel-wrapper .nel-box.default .nel-info h3 {
        padding: 15px 15px 0; }
        .nel-wrapper .nel-box.default .nel-info h3 a {
          color: #0240A3; }
      .nel-wrapper .nel-box.default .nel-info p {
        display: block; }
      .nel-wrapper .nel-box.default .nel-info .tag-wrapper {
        position: absolute;
        bottom: 0;
        left: 0; }
    .nel-wrapper .nel-box .nel-image {
      width: 100%;
      height: 165px;
      position: relative;
      overflow: hidden; }
      .nel-wrapper .nel-box .nel-image img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        object-fit: cover;
        left: 0; }
    .nel-wrapper .nel-box:hover .nel-info:before {
      opacity: 1; }
    .nel-wrapper .nel-box .nel-info {
      padding: 15px;
      /*&:before{
      	content:'';
      	background:#00607F;
      	width:100%;
      	height:100%;
      	position:absolute;
      	top:0;
      	left:0;
      	opacity:0.3;
      	z-index:-1;
      }*/ }
      .nel-wrapper .nel-box .nel-info .nel-info-box {
        margin-bottom: 5px; }
        .nel-wrapper .nel-box .nel-info .nel-info-box h3 {
          height: 66px;
          overflow: hidden; }
        .nel-wrapper .nel-box .nel-info .nel-info-box span {
          font-weight: 700;
          padding: 0;
          display: block; }
      .nel-wrapper .nel-box .nel-info h3 {
        color: #000;
        margin-bottom: 0;
        font-size: 18px; }
        .nel-wrapper .nel-box .nel-info h3 a {
          font-size: 18px;
          color: #000; }
      .nel-wrapper .nel-box .nel-info p {
        display: none;
        padding: 15px; }
      .tag-wrapper {
        width: 100%;
        padding: 0;
        color: #fff;
        display: block; }
        .tag-wrapper span {
          display: inline-block;
          margin-bottom: 5px; }
        .tag-wrapper .tag-green {
          background: #A5CD38;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .tag-wrapper .tag-blue {
          background: #0240A3;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .tag-wrapper .tag-orange {
          background: #F57B20;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .tag-wrapper .tag-purple {
          background: #7C0041;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .tag-wrapper .tag-gray {
          background: #4A4A4A;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .tag-wrapper .tag-yellow {
          background: #F5A623;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .tag-wrapper .tag-red {
          background: #D0021B;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .tag-wrapper .tag-light-purple {
          background: #9013FE;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }
        .tag-wrapper .tag-light-blue {
          background: #4A90E2;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 2px 5px; }

.ce .ce_tg_wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
.ce .ce_tg_box {
  width: calc((100% - 20px)/2);
  margin-right: 20px;
  margin-bottom: 15px;
  position: relative; }
  .ce .ce_tg_box:nth-child(2n) {
    margin-right: 0; }
.ce .ce_tg_img {
  position: relative;
  cursor: pointer; }
  .ce .ce_tg_img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0; }
  .ce .ce_tg_img:after {
    content: 'View Photo';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    opacity: 0; }
  .ce .ce_tg_img:hover:before {
    opacity: 0.7; }
  .ce .ce_tg_img:hover:after {
    opacity: 1; }
.ce .ce_tg_download {
  background: #d4151c;
  color: #fff;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  white-space: nowrap;
  padding: 0 20px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }
  .ce .ce_tg_download a {
    color: #fff;
    text-decoration: none; }

.popup_compare {
  border-top: 5px solid #741E48;
  background: #fff;
  padding: 20px 0;
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  z-index: 100; }
  .popup_compare.active {
    bottom: 0; }
  .popup_compare .container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1190px;
    margin: 0 auto; }
  .popup_compare .pc_left {
    width: 300px;
    color: #4A4A4A;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: bold; }
    .popup_compare .pc_left .pc_quant {
      display: none !important; }
    .popup_compare .pc_left span {
      font-weight: normal;
      font-size: 13px;
      display: block; }
  .popup_compare .pc_mid {
    width: 570px;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative; }
    .popup_compare .pc_mid .pc_empty {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
    .popup_compare .pc_mid .pce_box {
      width: 180px;
      margin-right: 10px;
      height: 100%;
      float: left;
      top: 0;
      left: 0;
      background: url(../images/icon_add.png) no-repeat left center; }
  .popup_compare .pc_box {
    width: 180px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 10px; }
    .popup_compare .pc_box .pc_img {
      width: 50px;
      height: 50px;
      display: block;
      overflow: hidden;
      position: relative; }
      .popup_compare .pc_box .pc_img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover; }
      .popup_compare .pc_box .pc_img .clear_btn {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        cursor: pointer; }
    .popup_compare .pc_box .pc_info {
      width: 130px;
      padding-left: 10px;
      color: #4A4A4A;
      font-family: "Roboto", sans-serif;
      font-weight: bold; }
  .popup_compare .pc_right {
    width: 320px; }
    .popup_compare .pc_right .button_wrapper:after {
      content: '';
      clear: both;
      display: block; }
    .popup_compare .pc_right .button_wrapper .orange_btn {
      width: 150px;
      height: 50px;
      background: #EE6C2F;
      font-size: 18px;
      display: block;
      border: none;
      text-align: center;
      line-height: 50px;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
      float: left;
      margin-right: 20px; }
    .popup_compare .pc_right .button_wrapper .gray_btn {
      width: 150px;
      height: 50px;
      background: #E7E7E8;
      font-size: 18px;
      display: block;
      border: none;
      text-align: center;
      line-height: 50px;
      color: #9B9B9B;
      text-decoration: none;
      border-radius: 5px;
      float: left; }

.d_container {
  margin-top: 30px; }

.d_row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .d_row .d_col_3 {
    width: calc((100% - 40px)/3);
    margin-right: 20px;
    margin-bottom: 20px; }
    .d_row .d_col_3:nth-child(3n) {
      margin-right: 0; }

.d_see {
  color: #4A4A4A;
  text-decoration: none;
  font-weight: bold; }

.d_dl {
  color: #7C0041;
  text-decoration: none;
  font-weight: bold; }

.dnm_wrapper {
  width: 100%;
  padding-bottom: 75%;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative; }
  .dnm_wrapper .dnm_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .dnm_wrapper .dnm_img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0; }
  .dnm_wrapper .dnm_info {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    z-index: 100; }
    .dnm_wrapper .dnm_info:before {
      content: '';
      width: 100%;
      height: 120px;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      background: url(../images/shadow.png) no-repeat top center/cover;
      z-index: -1; }
    .dnm_wrapper .dnm_info h3 {
      margin-bottom: 0; }
    .dnm_wrapper .dnm_info a {
      color: #fff;
      text-decoration: none; }

.dfancy_popup {
  max-width: 960px;
  overflow: unset !important;
  display: none; }
  .dfancy_popup .dfancy_img {
    margin-bottom: 20px; }
    .dfancy_popup .dfancy_img img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
      border: 10px solid #fff; }
  .dfancy_popup .d_dl_btn {
    background: #D92231;
    width: 140px;
    height: 40px;
    display: block;
    margin: 0 auto 20px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    text-decoration: none; }
  .dfancy_popup .dfancy_cap {
    color: #fff;
    text-align: center; }

.fancybox-slide > div {
  padding: 0;
  background: none; }

.fancybox-close-small {
  top: -35px; }
  .fancybox-close-small:hover:after {
    background: none;
    color: #fff; }
  .fancybox-close-small:after {
    content: 'Close X';
    background: none;
    color: #fff;
    width: 70px;
    font-size: 14px;
    text-align: right; }

.fancybox-show-nav .fancybox-arrow {
  opacity: 1 !important; }

.fancybox-arrow {
  opacity: 1;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }
  .fancybox-arrow.fancybox-arrow--left {
    -webkit-transform: none;
    -moz-transform: none;
    left: 8%;
    transform: none; }
    .fancybox-arrow.fancybox-arrow--left:after {
      background: url(../images/icon_aleft.png) no-repeat top center/contain;
      left: 0; }
  .fancybox-arrow.fancybox-arrow--right {
    right: 8%; }
    .fancybox-arrow.fancybox-arrow--right:after {
      background: url(../images/icon_aright.png) no-repeat top center/contain; }

h2.promo-title {
  font-size: 32px; }

.d_bw {
  margin-top: 30px;
  margin-bottom: 50px;
  text-align: center; }
  .d_bw .d_gray {
    width: 140px;
    background: #C3C3C3;
    height: 40px;
    line-height: 40px;
    border: none;
    color: #fff;
    display: block;
    margin: 0 auto;
    text-decoration: none; }

div#loadmore {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.featured_slider .owl-prev {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  text-indent: -9999px;
  top: 60px;
  left: -50px;
  background: url(../images/icon_aleft.png) no-repeat top center/contain !important; }
.featured_slider .owl-next {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  text-indent: -9999px;
  top: 60px;
  right: -50px;
  background: url(../images/icon_aright.png) no-repeat top center/contain !important; }

.cef_img {
  width: 100%;
  height: 160px;
  overflow: hidden;
  position: relative; }
  .cef_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover; }


/* Industry Solution */
.industry-page .box-services{
  position: relative;
}
.industry-page .service-caption{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  color: #fff;
}
.industry-page .service-caption h2{
  font-weight: bold;
}
.industry-page .box-service-bg{
  position: relative;
}
.industry-page .box-service-bg::after{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
}
.industry-page .featured_slider .more-image,
.industry-page .service-items .si-img{
  height: 180px;
  overflow: hidden;
  position: relative;
}
.industry-page .featured_slider .more-image img,
.industry-page .service-items .si-img img{
  width: 100%;
  height: 100%;
  object-position: 50% top;
  object-fit: cover;
  position: absolute;
}

.industry-page ul.service-items{
  justify-content: center;
}
.industry-page ul.service-items > li{
  width: calc((100% - 60px)/3);
}
.industry-page ul.service-items > li:nth-child(3n){
  margin-right: 0;
}
.industry-page ul.service-items > li:nth-child(4n){
  margin-right: 20px;
}
.industry-page ul.service-items > li .si-info{
  background-color: #fff;
}
.industry-page ul.service-items > li .si-info .more-buttons a:hover{
  background-color: #D92231 !important;
  color: #fff !important;
}

.industry-page h3.more-title{
  height: auto !important;
}

/* industry Detail */
.industry-main{
  width: 80%;
  margin: 0 auto;
  float: none;
}
.industry-main .bg-box{
  background-color: #eee;
  padding: 10px 10px 0;
}
.industry-main .float-left{
  float: left;
}
.industry-main .ce_video{
  margin-top: 80px;
}
.industry-main .fullBox{
  padding: 20px;
  background-color: #eee;
}
.industry-main .fullBox h1{
  vertical-align: middle;
  margin: 10px 0;
  font-weight: bold;
}
.industry-main .fullBox .btn{
  width: auto !important;
  max-width: none;
  padding: 10px 25px;
  vertical-align: middle;
  font-size: 18px;
}
.industry-main .fullBox .btn::after{
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.industry-main .filters > ul {
  display: none;
}
/*===========================================================================
X.X Media Queries
===========================================================================*/
@media only screen and (min-width: 960px) {
  header.topped .header-middle .col {
    padding-bottom: 40px; }

  .btn-menu {
    display: none; }

  .banner-mobile {
    display: none !important; }

  section {
    padding-top: 185px; } }
@media only screen and (max-width: 959px) {
  .content-element {
    padding-left: 10px;
    padding-right: 10px; }

  .row {
    margin-left: 0;
    margin-right: 0; }

  .col {
    padding-left: 0;
    padding-right: 0; }

  .col-12,
  .col-11,
  .col-10,
  .col-9,
  .col-8,
  .col-7,
  .col-6,
  .col-5,
  .col-4,
  .col-3,
  .col-2,
  .col-1 {
    width: 100%; }

  .col-offset-12,
  .col-offset-11,
  .col-offset-10,
  .col-offset-9,
  .col-offset-8,
  .col-offset-7,
  .col-offset-6,
  .col-offset-5,
  .col-offset-4,
  .col-offset-3,
  .col-offset-2,
  .col-offset-1 {
    margin-left: 0 !important; }

  .row-flex {
    -webkit-display: block;
    display: block;
    margin-left: 0;
    margin-right: 0; }

  .box-hr-mid::before {
    display: none; }

    .box-hr-mid .col-4::after{
      display: none;
    }

  .header-search-top {
    display: none; }

  .header-top {
    display: none; }

  .header-middle .header-right {
    display: none; }

  .header-logo-ptdt {
    max-width: 200px !important;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px; }

  .nav-desktop {
    display: none; }

  section {
    padding-top: 60px; }

  ul.breadcrumbs {
    padding-left: 10px;
    padding-right: 10px; }

  ul.more-items {
    margin-left: 0;
    margin-right: 0; }
    ul.more-items > li {
      width: 100%; }

  .sidebar-left,
  .content-main,
  .sidebar-right {
    width: 100%; }

  .sidebar-right {
    margin-left: 0; }

  .footer-sitemaps {
    display: block; }
    .footer-sitemaps::after {
      content: '';
      display: block;
      clear: both; }

  .footer-sitemap {
    float: left;
    width: 100%; }

  .footer-bottom .col {
    width: 100%; }

  .box-home {
    height: auto; }

  .banner-desktop {
    display: none !important; }

  .home-product-caption {
    margin-bottom: 40px; }

  ul.service-types {
    min-height: 0 !important; }

  ul.service-items {
    margin-left: 0;
    margin-right: 0; }
    ul.service-items > li {
      width: 100%; }
    .industry-page ul.service-items > li {
      width: 100%; }

  .industry-page .featured_slider .more-image{
    height: 80px;
  }

  ul.article-others {
    padding-left: 10px;
    padding-right: 10px; }

  .article-related {
    padding-left: 10px;
    padding-right: 10px; }
    .article-related .row-flex {
      margin-left: 0;
      margin-right: 0; }
    .article-related .col-flex {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 40px; }

  ul.business-nav > li {
    width: 100%; }
    ul.business-nav > li > a::after {
      display: none; }

  ul.business-items {
    margin-left: 0;
    margin-right: 0; }
    ul.business-items > li {
      width: 100%; }

  .product-items[data-display="thumb"] > ul {
    margin-left: 0;
    margin-right: 0; }
    .product-items[data-display="thumb"] > ul > li {
      width: 50%; }
      .product-items[data-display="thumb"] > ul > li .product-image {
        padding-top: 30px; }

  .product-items[data-display="detailed"] > ul > li {
    margin-left: 0;
    margin-right: 0; }
    .product-items[data-display="detailed"] > ul > li .product-image,
    .product-items[data-display="detailed"] > ul > li .product-content,
    .product-items[data-display="detailed"] > ul > li .product-tools {
      width: 100%; }
    .product-items[data-display="detailed"] > ul > li .product-image {
      margin-bottom: 10px; }

  .product-displays {
    padding-top: 10px; }

  ul.product-display {
    margin-left: 0;
    margin-right: 0; }

  .product-others {
    padding-left: 10px;
    padding-right: 10px; }

  .section-detail .detail-title {
    font-size: 24px; }
  .section-detail .detail-link {
    font-size: 16px;
    line-height: 30px;
    padding-right: 25px; }
    .section-detail .detail-link::after {
      right: 5px; }

  .spec-image,
  .spec-content {
    width: 100%; }

  ul.promo-items {
    margin-left: 0;
    margin-right: 0; }
    ul.promo-items > li {
      width: 100%; }

  .contact-left,
  .contact-main,
  .contact-right {
    width: 100%; }

  .contact-data,
  .contact-content {
    padding-left: 0;
    padding-right: 0; }

  .ce .ce_flex {
    margin-left: 0;
    margin-right: 0;
    display: block; }
    .ce .ce_flex::after {
      content: '';
      display: block;
      clear: both; }
    .ce .ce_flex .ce_flex_column {
      float: left;
      width: 100%;
      padding-left: 0;
      padding-right: 0; }

  .dropdown-box {
    display: block; }
    .dropdown-box .dropdown {
      width: calc(100% - 40px);
      margin: 0 auto 10px; }
      .dropdown-box .dropdown select {
        margin: 0; }

  .nel-wrapper h2 {
    font-size: 26px; }

  .box-service {
    height: auto; }

  .d_row {
    padding: 0 20px; }

  .popup_compare {
    padding: 20px; }
    .popup_compare .container {
      display: block; }
    .popup_compare .pc_left {
      padding-left: 25px;
      font-size: 16px; }
      .popup_compare .pc_left .pc_quant {
        display: block !important;
        font-size: 30px;
        position: absolute;
        top: 12px;
        left: 0; }
      .popup_compare .pc_left span {
        font-size: 12px; }
    .popup_compare .pc_mid {
      height: 0px;
      overflow: hidden; }
    .popup_compare .pc_right {
      width: 40px;
      position: absolute;
      top: -20px;
      right: -20px; }
      .popup_compare .pc_right .button_wrapper .orange_btn {
        width: 40px;
        height: 80px;
        text-indent: -9999px;
        background: url(../images/arrow_right.png) no-repeat center/20px; }
      .popup_compare .pc_right .button_wrapper .gray_btn {
        display: none; }

  .tpc_wrapper {
    overflow: scroll; }
    .tpc_wrapper .tpc_box {
      width: 1200px; }
    .tpc_wrapper td {
      width: 300px !important; }
	 .mb2{
	display: none;
    }
   .mb{
	display: inline;
    }

  header.topped .header-logo-ptdt {
    height: 40px; } }




}

 @media only screen and (max-width: 767px) {

  .product-tools.pro_compare {
    padding: 10px 0 0;
    position: relative;
    background: #f3f3f3; }

  .product-items[data-display="thumb"] > ul > li .product-tools .checkbox-group {
    position: relative;
    top: auto;
    text-align: center;
    left: auto; }

  .checkbox-group label input {
    height: 100%; }

  .checkbox-group label span {
    position: static;
    display: inline-block; }

  .nel-wrapper.only-one {
    padding: 0 20px; }
    .nel-wrapper.only-one .nel-box {
      display: block; }
      .nel-wrapper.only-one .nel-box .nel-image {
        width: 100%; }
      .nel-wrapper.only-one .nel-box .nel-info {
        color: white;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0; }
        .nel-wrapper.only-one .nel-box .nel-info h3 {
          padding: 15px 15px 0px; }
          .nel-wrapper.only-one .nel-box .nel-info h3 a {
            color: white; }
        .nel-wrapper.only-one .nel-box .nel-info p {
          display: none; }
        .nel-wrapper.only-one .nel-box .nel-info .tag-wrapper {
          position: relative; }
        .nel-wrapper.only-one .nel-box .nel-info:before {
          display: block; }

  .nel-box-wrapper {
    padding: 0 20px; }
    .nel-box-wrapper .nel-box {
      width: 100%;
      margin-left: 0;
      margin-bottom: 20px; }
      .nel-box-wrapper .nel-box:nth-child(10n) {
        margin-left: 0; }
      .nel-box-wrapper .nel-box:nth-child(10n+1) {
        height: auto; }
      .nel-box-wrapper .nel-box:nth-child(10n-2) {
        height: auto; }

  ul.service-types {
    padding: 10px 0;
    background: #F3F3F3; }

  ul.service-types > li {
    display: block;
    padding: 0 10px;
    line-height: 28px;
    text-align: left; }

  h2.promo-title {
    padding: 0 20px;
    font-size: 26px; }

  .d_row .d_col_3 {
    /*width:calc((100% - 20px)/2);*/
    width: 100%;
    margin-right: 0; }
    .d_row .d_col_3:nth-child(3n) {
      margin-right: 0; }
    .d_row .d_col_3:nth-child(2n) {
      margin-right: 0; }

  .dnm_wrapper .dnm_info h3 {
    font-size: 18px; }

  .dfancy_popup {
    width: 75%; }

  .fancybox-arrow {
    width: 30px;
    height: 30px;
    margin-top: -45%; }
    .fancybox-arrow.fancybox-arrow--left {
      -webkit-transform: none;
      -moz-transform: none;
      left: 8px;
      transform: none; }
      .fancybox-arrow.fancybox-arrow--left:after {
        width: 30px;
        height: 30px;
        background: url(../images/icon_aleft.png) no-repeat top center/contain;
        left: 0; }
    .fancybox-arrow.fancybox-arrow--right {
      right: 8px; }
      .fancybox-arrow.fancybox-arrow--right:after {
        width: 30px;
        height: 30px;
        background: url(../images/icon_aright.png) no-repeat top center/contain; }

  .table-leftcol td:first-child {
    font-size: 14px; }

  .tpc_wrapper {
    overflow: scroll; }
    .tpc_wrapper .tpc_box {
      width: 800px; }
    .tpc_wrapper td {
      width: 300px !important; }

  .section-promo .container-tight {
    padding: 0 20px; }
  .section-promo .ce_flex_column {
    width: 100%;
    text-align: center; }
    .section-promo .ce_flex_column .cef_img {
      margin-bottom: 10px; }
    .section-promo .ce_flex_column a {
      color: #4A4A4A; }

  .promo-desc {
    text-align: center; }

  .promo-item {
    text-align: center; }
  .buttoni {
   background-color: #c70039;
   color: white;
   padding: 14px 20px;
   margin: 8px 0;
   border: none;
   cursor: pointer;
   width: 100%;
  }
  .article-related .cf_desc {
    height: auto; }

	}
  @media screen and (max-width: 600px) {
	  .column {
		width: 100%;
		padding: 2px;
	  }
  }
/*# sourceMappingURL=docsol.css.map */