/* Banner image : START */
.bg-default {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
body section.home-banner-bg {
  background-color: #015786;
}
@media only screen and (min-width: 768px) {
  body section.odm-banner-bg {
    background-image: url(../_img/medical-solution/odm_banner_1920.jpg);
  }
}
@media only screen and (min-width: 992px) {
  body section.home-banner-bg {
    background-image: url(../_img/medical-solution/banner-pc_1920.jpg);
  }
}
/* Banner image : END */
/* slick custom arrow: STRAT*/
figure.custom-arrow {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  transition: all 0.3s;
}
figure.custom-arrow img {
  width: 2em;
  height: 3em;
  opacity: 0.8;
}
figure.custom-arrow:hover img {
  opacity: 1;
}
figure.custom-arrow.custom-arrow-prev {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
figure.custom-arrow.custom-arrow-prev:hover {
  left: -0.5em;
}
figure.custom-arrow.custom-arrow-next {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
}
figure.custom-arrow.custom-arrow-next:hover {
  right: -0.5em;
}
.slick-disabled img {
  opacity: 0.3;
}
.slick-disabled.custom-arrow.custom-arrow-prev img {
  opacity: 0.3;
}
.slick-disabled.custom-arrow.custom-arrow-prev:hover {
  left: 0;
  cursor: default;
}
.slick-disabled.custom-arrow.custom-arrow-next img {
  opacity: 0.3;
}
.slick-disabled.custom-arrow.custom-arrow-next:hover {
  right: 0;
  cursor: default;
}
/* slick custom arrow: END*/
/*sidebar: START*/
div.contact-label {
  display: none;
}
@media only screen and (min-width: 1200px) {
  div.contact-label {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: fixed;
    top: 200px;
    right: 0;
    width: 65px;
    z-index: 100;
    background-color: #a5d6f7;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.5em;
  }
  div.contact-label div.contact-box {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  div.contact-label div.contact-box:last-child {
    border-bottom: none;
  }
  div.contact-label div.contact-box h4 {
    font-size: 1.1em;
    color: #272727;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.contact-label div.contact-box img {
    width: 30px;
  }
}
/*sidebar: END*/
/*ALL FONT STYLE*/
body section h1 {
  color: #015684;
}
body section h2 {
  color: #015684;
}
body section h3 {
  color: #015684;
}
body section h4 {
  color: #015684;
  font-weight: 400;
}
.font-bigger {
  font-size: 115%;
}
.grey-color {
  color: #4D4D4D !important;
}
.main-color {
  color: #015684;
}
/* BG: START*/
.bg-light-purple {
  background-color: #DBE6FF;
}
.bg-light-grey {
  background-color: #F3F3F3;
}
.bg-main-color {
  background-color: #015684;
}
/* BG: END*/
/* components: START*/
.divider-main-color {
  border-top: none;
  border-bottom: 1px solid #015684;
  margin-top: 0;
}
.divider-grey {
  border-top: none;
  border-bottom: 1px solid #4D4D4D;
  margin-top: 0;
}
/* components: END*/
/* NAV menu: START */
nav.solution-menu div.custom-container div.sol-header-row {
  /*mobile solution nav*/
  background-color: rgba(0, 63, 97, 0.8);
}
nav.solution-menu div.custom-container div.sol-header-row select option {
  background-color: #0f384e;
}
@media only screen and (min-width: 1200px) {
  nav.solution-menu {
    background-color: rgba(0, 63, 97, 0.8);
  }
  nav.solution-menu.active {
    background-color: rgba(0, 63, 97, 0.8);
  }
}
/*button style: START*/
body {
  /*button-7*/
  /*button-8*/
  /*button-9*/
}
body button.btn-7 {
  min-width: 14em;
  position: relative;
  background-color: rgba(255, 255, 255, 0);
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  border-style: none;
  border: 1px solid #f8f8f8;
  border-radius: 30px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
body button.btn-7:hover {
  outline: none !important;
  background-color: rgba(0, 0, 0, 0.2);
}
body button.btn-7:active {
  outline: none !important;
}
body button.btn-7:focus {
  outline: none !important;
}
body button.btn-7 h3 {
  font-size: 1em;
  font-weight: 400;
  color: #ffffff;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
body button.btn-8 {
  min-width: 14em;
  position: relative;
  background-color: #ffffff;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  border-style: none;
  border: 1px solid #f8f8f8;
  border-radius: 30px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
body button.btn-8:hover {
  outline: none !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
}
body button.btn-8:hover h3 {
  color: #ffffff;
}
body button.btn-8:active {
  outline: none !important;
}
body button.btn-8:focus {
  outline: none !important;
}
body button.btn-8 h3 {
  font-size: 1em;
  font-weight: 400;
  color: #015684;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
body button.btn-9 {
  position: relative;
  background-color: rgba(255, 255, 255, 0);
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  border-style: none;
  border: 1px solid #015684;
  border-radius: 30px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
body button.btn-9:hover {
  outline: none !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}
body button.btn-9:active {
  outline: none !important;
}
body button.btn-9:focus {
  outline: none !important;
}
body button.btn-9 p {
  font-size: 1em;
  font-weight: 400;
  line-height: 140%;
  color: #015684;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding-left: 0.8em;
  padding-right: 0.8em;
}
/*button style: END*/
/* other style: START */
.link-main-color {
  color: #015684;
}
.link-main-color p {
  color: #015684;
}
.link-main-color:hover {
  color: #002c44;
}
.link-main-color:hover h3 {
  color: #002c44;
}
.link-main-color:hover p {
  color: #002c44;
}
.mx-minus15 {
  margin-left: -15px;
  margin-right: -15px;
}
/* other style: END */
/* material tab / nav pills: START*/
ul.nav-pills {
  display: block;
  margin-bottom: -1px;
}
ul.nav-pills li.nav-item {
  display: inline-block;
  margin-bottom: 0.5em;
}
ul.nav-pills li.nav-item a.nav-link {
  padding: 0;
}
ul.nav-pills li.nav-item a.nav-link div.tab-box {
  background-color: #ffffff;
  border: 1px solid #015684;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0;
  min-width: 9em;
  position: relative;
}
ul.nav-pills li.nav-item a.nav-link div.tab-box h4 {
  margin: 0;
  line-height: 150%;
  text-align: center;
}
ul.nav-pills li.nav-item a.nav-link div.tab-box p {
  margin: 0;
  line-height: 150%;
  text-align: center;
}
ul.nav-pills li.nav-item a.nav-link.active div.tab-box {
  position: relative;
  background-color: #015684;
}
ul.nav-pills li.nav-item a.nav-link.active div.tab-box h4 {
  color: #ffffff;
}
ul.nav-pills li.nav-item a.nav-link.active div.tab-box p {
  color: #ffffff;
}
/*make slider carousel invisible*/
div.tab-pane div.slick-slider {
  visibility: hidden;
}
div.tab-pane div.slick-slider img {
  visibility: hidden;
}
div.tab-pane.active div.slick-slider {
  visibility: visible;
}
div.tab-pane.active div.slick-slider img {
  visibility: visible;
}
@media only screen and (min-width: 1200px) {
  ul.nav-pills li.nav-item a.nav-link div.tab-box {
    min-width: 11em;
  }
}
/* material tab / pills: END*/
/* slick-slider (slick carousel): START*/
body .slick-slider div.slick-tile {
  display: block;
}
body .slick-slider div.slick-tile div.pic-box {
  text-align: center;
}
body .slick-slider div.slick-tile div.pic-box img {
  margin: 0 auto;
}
body .slick-slider div.slick-tile figure {
  position: relative;
  margin-bottom: 1.5em;
}
body .slick-slider div.slick-tile figure figcaption {
  text-align: center;
  color: #828283;
}
body .slick-slider div.slick-tile figure figcaption h4 {
  font-size: 1.1em;
}
body .slick-slider div.slick-tile figure figcaption p {
  font-size: 1em;
  color: grey;
}
body .slick-slider div.slick-tile figure figcaption ul {
  display: inline-block;
  list-style-type: disc;
  text-align: left;
  padding-left: 1em;
}
body .slick-slider div.slick-tile figure figcaption ul li {
  font-size: 1em;
}
body .slick-slider div.slick-tile figure figcaption span.annotation {
  display: block;
  color: #c90012;
  font-size: inherit;
}
@media only screen and (min-width: 768px) {
  body .slick-slider div.slick-tile figure div.pic-box {
    display: block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  body .slick-slider div.slick-tile {
    padding-right: 6px;
    padding-left: 6px;
  }
  body .slick-slider div.slick-tile figure {
    margin-bottom: 0;
  }
  body .slick-slider div.slick-tile figure div.pic-box img {
    transition: all 0.3s;
  }
  body .slick-slider div.slick-tile figure figcaption h4 {
    font-size: 1em;
  }
  body .slick-slider div.slick-tile figure figcaption p {
    font-size: 1em;
  }
  body .slick-slider div.slick-tile figure figcaption ul li {
    font-size: 1em;
  }
  body .slick-slider div.slick-tile figure:hover div.pic-box img {
    transform: scale(1.05);
  }
}
@media only screen and (min-width: 1920px) {
  body div.prod-row {
    font-size: 17px;
  }
  body div.prod-row div.slick-tile figure div.pic-box img {
    max-width: 13em;
  }
  body div.prod-row div.slick-tile figure figcaption p {
    font-size: 1em;
  }
  body div.prod-row div.slick-tile figure figcaption ul li {
    font-size: 1em;
  }
}
/* prod-slider (slick carousel): END*/
/* -----------------Mobile--------------------*/
body section.top-sec {
  box-shadow: none;
}
body section.top-sec div.container article.desc-block div.content-box {
  background-color: rgba(0, 63, 97, 0.8);
}
body section.top-sec div.container .btm-block figure.certificate-icon {
  display: none;
}
body section.prod-sec h3 {
  font-size: 1em;
}
body section.prod-sec .slick-track {
  margin: 0 auto;
}
body section.prod-sec ul.nav-pills {
  display: flex;
  justify-content: center;
}
body section.prod-sec ul.nav-pills li.nav-item {
  width: 50%;
  padding: 0.15em;
}
body section.prod-sec ul.nav-pills li.nav-item a.nav-link div.tab-box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4em;
}
body section.prod-sec ul.nav-pills li.nav-item a.nav-link div.tab-box p {
  font-size: 0.9em;
}
body section.odm-sec div.odm-block {
  height: 100%;
  display: flex;
  align-items: center;
}
body section.odm-sec div.odm-block div.container h2 {
  font-weight: 400;
}
body section.video-sec .video-block {
  margin: 0 -15px;
  padding: 15px;
}
body section.download-sec .slick-track {
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  body section.odm-sec {
    height: 300px;
  }
  body section.prod-sec ul.nav-pills li.nav-item {
    max-width: 12.4em;
  }
  body section.prod-sec ul.nav-pills li.nav-item a.nav-link div.tab-box {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  body section h2 {
    font-size: 2.3em;
  }
  body section.top-sec div.container {
    min-height: 700px;
  }
  body section.top-sec div.container .btm-block {
    bottom: 2em;
  }
  body section.top-sec div.container .btm-block figure.certificate-icon {
    display: block;
  }
  body section.top-sec div.container .btm-block figure.certificate-icon img {
    max-width: 500px;
  }
  body section.prod-sec h3 {
    font-size: 1.2em;
  }
  body section.prod-sec a figure img {
    transform: scale(1);
    transition: 0.3s all;
  }
  body section.prod-sec a figure:hover img {
    transform: scale(1.1);
  }
  body section.prod-sec ul.nav-pills li.nav-item {
    max-width: 11em;
  }
  body section.odm-sec {
    height: 400px;
  }
  body section.odm-sec div.odm-block div.container article {
    text-align: center;
  }
  body section.odm-sec div.odm-block div.container article h3 {
    font-size: 1.5em;
    max-width: 16em;
    margin: 0 auto;
    line-height: 150%;
  }
  body section.odm-sec div.odm-block div.container div.btn-row a button h3 {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1200px) {
  body section.prod-sec ul.nav-pills li.nav-item {
    max-width: 12em;
  }
  body section.prod-sec ul.nav-pills li.nav-item a.nav-link div.tab-box p {
    font-size: 1em;
  }
}