/*
0 - 650px       :   Phone
650 - 992px     :   Tablet Potrait
650 - 1200px    :   Tablet Landscape
[1200 - 1800px] :   Desktop
1800px +        :   Big Desktop
*/
/* 
$breakpoint argument choices:
- phone
- tab-port
- tab-lans
- big-desktop

ORDER:  Base + typography > general layout + grid > page layout > components

1em = 16px
*/
.text-green {
  color: #819691;
}

.bg-color_lightGrey {
  background-color: #F4F4F5;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  /* default 16px */
  /* font-size: 10px; */
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  overflow-x: hidden;
}
@media only screen and (max-width: 62em) {
  body {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
body.hideScroll {
  overflow: hidden;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
input:focus,
textarea:focus,
button:focus,
select:focus,
a:focus {
  color: white;
}

button:focus {
  outline: 0;
}

hr {
  background-color: #819691;
}

@media only screen and (max-width: 62em) {
  main:not([page=home]) {
    margin-top: unset;
  }
}

p {
  font-size: 1.8rem;
  color: #808080;
}
@media only screen and (max-width: 62em) {
  p {
    font-size: 1.2rem;
  }
}

.forDesktop {
  display: block !important;
}
@media only screen and (max-width: 62em) {
  .forDesktop {
    display: none !important;
  }
}

.forDesktop-dflex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media only screen and (max-width: 62em) {
  .forDesktop-dflex {
    display: none !important;
  }
}

.forMobile {
  display: none !important;
}
@media only screen and (max-width: 62em) {
  .forMobile {
    display: block !important;
  }
}

.forMobile-dflex {
  display: none !important;
}
@media only screen and (max-width: 62em) {
  .forMobile-dflex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

/* hamburger menu */
#menu-hamburger {
  width: 30px;
  height: 37px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 20;
}

#menu-hamburger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: black;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.bg_white {
  background-color: white;
}

#menu-hamburger span:nth-child(1) {
  top: 10px;
}

#menu-hamburger span:nth-child(2) {
  width: 80%;
}

#menu-hamburger span:nth-child(4) {
  width: 50%;
}

#menu-hamburger span:nth-child(2), #menu-hamburger span:nth-child(3) {
  top: 18px;
}

#menu-hamburger span:nth-child(3) {
  display: none;
}

#menu-hamburger span:nth-child(4) {
  top: 26px;
}

#menu-hamburger.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#menu-hamburger.open span:nth-child(2) {
  transform: rotate(45deg);
  width: 30px;
}

#menu-hamburger.open span:nth-child(3) {
  transform: rotate(-45deg);
  display: block;
}

#menu-hamburger.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
  display: none;
}

.learn__button, .learn__button-dark {
  width: 200px;
}
@media only screen and (max-width: 62em) {
  .learn__button, .learn__button-dark {
    width: unset;
  }
}
.learn__button a, .learn__button-dark a {
  text-transform: uppercase;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.2rem;
  letter-spacing: 2px;
  font-weight: 800;
}
.learn__button a:hover, .learn__button-dark a:hover {
  color: black;
}

.learn__button {
  background-color: white;
}
.learn__button a {
  color: black;
}

.learn__button-dark {
  background-color: #819691;
}
.learn__button-dark a {
  color: white;
}

.h_aks1 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
  height: 30px;
  background-color: black;
}

#disc {
  cursor: pointer;
}

select {
  color: black;
}
select option {
  color: black;
}

.modal-offers {
  background-color: #01a0abcc;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 11;
  display: none;
}
.modal-offers.open {
  display: block;
}
.modal-offers-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
  background-color: white;
}
.modal-offers-body .slick-slide li {
  height: 100%;
  display: block !important;
}
.modal-offers-body .slick-slide li img {
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-offers-body .arrow_sliderListProduct {
  position: absolute;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
}
.modal-offers-body .arrow_sliderListProduct ul {
  padding-left: 0;
  text-align: end;
}
@media only screen and (max-width: 62em) {
  .modal-offers-body .arrow_sliderListProduct ul {
    padding-right: 0;
  }
}
.modal-offers-body .arrow_sliderListProduct ul li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  margin-right: 1rem;
}
.modal-offers-body .slider-hotOffers {
  padding: 0;
  margin: 0;
}
.modal-offers-body .modal-close {
  position: absolute;
  right: -30px;
  top: -20px;
  cursor: pointer;
}

.text-red {
  color: red !important;
}

.modal_wa {
  position: fixed;
  top: calc(50% + 59.5px);
  left: 50%;
  padding: 4rem 7rem;
  transform: translate(-50%, -50%);
  width: 950px;
  z-index: 4;
  display: none;
}
@media only screen and (max-width: 62em) {
  .modal_wa {
    width: 80%;
    padding: 3rem;
  }
}
.modal_wa label {
  color: white;
  font-size: 1.4rem;
}
@media only screen and (max-width: 62em) {
  .modal_wa label {
    font-size: 1rem;
  }
}
.modal_wa input:focus {
  border: none;
  box-shadow: none;
}
.modal_wa input:not(.form-check-input) {
  background: transparent;
  border: none;
  border-bottom: 1px solid white;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  padding: 1rem 0;
  color: white;
  font-family: "ProximaNova-Regular";
}
@media only screen and (max-width: 62em) {
  .modal_wa input:not(.form-check-input) {
    font-size: 1rem;
  }
}
.modal_wa input::-moz-placeholder {
  color: white;
  font-size: 1.4rem;
  font-family: "ProximaNova-Regular";
}
.modal_wa input:-ms-input-placeholder {
  color: white;
  font-size: 1.4rem;
  font-family: "ProximaNova-Regular";
}
.modal_wa input::placeholder {
  color: white;
  font-size: 1.4rem;
  font-family: "ProximaNova-Regular";
}
@media only screen and (max-width: 62em) {
  .modal_wa input::-moz-placeholder {
    font-size: 1rem;
  }
  .modal_wa input:-ms-input-placeholder {
    font-size: 1rem;
  }
  .modal_wa input::placeholder {
    font-size: 1rem;
  }
}
.modal_wa h2, .modal_wa h3 {
  color: white;
}
.modal_wa span {
  font-size: 1.3rem;
  color: white;
}
@media only screen and (max-width: 62em) {
  .modal_wa span {
    font-size: 1rem;
  }
}
.modal_wa p {
  font-size: 1.4rem;
  color: white;
}
@media only screen and (max-width: 62em) {
  .modal_wa p {
    font-size: 1rem;
  }
}
.modal_wa h2 {
  font-size: 3rem;
  font-family: "Audrey-Normal";
  margin-bottom: 2rem;
}
@media only screen and (max-width: 62em) {
  .modal_wa h2 {
    font-size: 2rem;
  }
}
.modal_wa h3 {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  margin-top: 3rem;
  font-family: "ProximaNova-Regular";
}
.modal_wa .form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
}
.modal_wa .form-check-inline input {
  background: transparent;
  border: 1px solid white;
}
.modal_wa .form-check-inline label {
  margin-left: 1rem;
  font-family: "ProximaNova-Regular";
}
@media only screen and (max-width: 62em) {
  .modal_wa .radio_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
}

.open {
  display: block !important;
}

.overlay_contact {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(236, 236, 236, 0.842);
  display: none;
}

.pop_success {
  background-color: white;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 1rem 3rem;
  display: none;
}
.pop_success p {
  color: black;
  margin: 0;
}

@font-face {
  font-family: "AndelliaDavilton";
  src: url("/fonts/AndelliaDavilton.woff") format("woff");
}
@font-face {
  font-family: "Audrey-Normal";
  src: url("/fonts/Audrey-Normal.woff") format("woff");
}
@font-face {
  font-family: "ProximaNovaBold.woff";
  src: url("/fonts/ProximaNovaBold.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-Regular";
  src: url("/fonts/ProximaNova-Regular.woff") format("woff");
}
header .slider__header {
  position: relative;
  width: 93%;
  margin-top: 110px;
}
@media only screen and (max-width: 62em) {
  header .slider__header {
    width: 100%;
    padding-left: 4.75rem;
    padding-right: 0;
  }
}
header .menu__home-link {
  position: relative;
}
header .menu__home-link .dropdown_link .sub__menu {
  display: none;
  position: absolute;
  padding: 2rem 0px;
  top: 100%;
  right: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
header .menu__home-link .dropdown_link .sub__menu li {
  display: inline-block;
  margin-right: 25px;
  margin-left: 0;
  padding-right: 0;
}
header .menu__home-link .dropdown_link .sub__menu li:hover {
  border-bottom: 1px solid black;
}
header .menu__home-link .dropdown_link .sub__menu li a {
  font-size: 9px;
}
header .menu__home-link .dropdown_link:hover .sub__menu {
  display: block;
}

.menu__home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  min-height: 110px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  align-items: center;
  transition: 0.3s all;
  z-index: 20;
}
@media only screen and (max-width: 62em) {
  .menu__home {
    justify-content: space-evenly;
  }
}
.menu__home-logo {
  min-width: 300px;
}
.menu__home-logo img {
  padding-left: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 62em) {
  .menu__home-logo img {
    padding-left: 0rem;
    padding-left: 0;
  }
}
.menu__home-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.menu__home-link ul {
  margin: 0;
}
.menu__home-link ul li {
  display: inline-block;
  list-style: none;
}
.menu__home-link ul li:not(:last-child) {
  padding-right: 4rem;
}
.menu__home-link ul li:last-child {
  padding-right: 7rem;
}
.menu__home-link ul li a {
  color: black;
  font-weight: 800;
  text-decoration: none;
}
.menu__home-navbar {
  min-width: 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.menu__home-navbar ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu__mobileOverlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.48);
  transition: 0.1s all;
  visibility: hidden;
  opacity: 0;
}

.menu__mobileOverlay.open {
  visibility: visible;
  opacity: 1;
}

.menu__mobile {
  width: 80%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  background-color: white;
  z-index: 20;
  transition: 0.5s all;
  overflow: auto;
}
.menu__mobile-search {
  background-color: black;
  padding: 3rem 4rem;
}
.menu__mobile-search form input {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: 40px;
  width: 100%;
}
.menu__mobile-search form input::-moz-placeholder {
  color: white;
}
.menu__mobile-search form input:-ms-input-placeholder {
  color: white;
}
.menu__mobile-search form input::placeholder {
  color: white;
}
.menu__mobile-link {
  padding: 3rem 4rem;
}
.menu__mobile-link ul {
  padding-left: 0;
}
.menu__mobile-link ul li {
  list-style: none;
  padding: 2rem 0;
}
.menu__mobile-link ul li:not(:nth-child(9), :nth-child(10)) {
  border-bottom: 1px solid #0000002b;
}
.menu__mobile-link ul li:last-child {
  margin-top: 8rem;
}
.menu__mobile-link ul li a {
  color: black;
  font-size: 1rem;
  font-weight: 900;
  text-decoration: none;
}

.menu__mobile.open {
  left: 0;
}

.contact__wrapper {
  padding: 15rem 0;
  position: relative;
}
@media only screen and (max-width: 62em) {
  .contact__wrapper {
    padding: 3rem 4rem;
  }
}
.contact__wrapper .bg-contact {
  position: absolute;
  right: 0;
  top: 0;
  width: 70%;
  height: 100%;
  background-color: #f3f3f3;
  z-index: -1;
}
@media only screen and (max-width: 62em) {
  .contact__wrapper .bg-contact {
    width: 100%;
  }
}
.contact__wrapper h3 {
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 2rem;
}
.contact__wrapper .contact__wrapper-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact__wrapper .contact__wrapper-r-info {
  position: relative;
  width: 50%;
  padding: 0 70px;
}
.contact__wrapper .contact__wrapper-r-info .loc_img {
  position: absolute;
  top: 0;
  left: 30px;
}
@media only screen and (max-width: 62em) {
  .contact__wrapper .contact__wrapper-r-info {
    padding: 0;
    width: 100%;
  }
}
.contact__wrapper .contact__wrapper-r-info li {
  list-style: none;
}
.contact__wrapper .contact__wrapper-r-info li p {
  font-size: 1.4rem;
}
.contact__wrapper .contact__wrapper-r-form {
  width: 50%;
}
@media only screen and (max-width: 62em) {
  .contact__wrapper .contact__wrapper-r-form {
    width: 100%;
  }
}
.contact__wrapper .contact__wrapper-r-form input {
  border-radius: 10px;
  height: 30px;
  margin-bottom: 5px;
  color: black;
  font-weight: 800;
  padding-left: 2rem;
  border: none;
}
.contact__wrapper .contact__wrapper-r-form input::-moz-placeholder {
  color: black;
  font-weight: 800;
}
.contact__wrapper .contact__wrapper-r-form input:-ms-input-placeholder {
  color: black;
  font-weight: 800;
}
.contact__wrapper .contact__wrapper-r-form input::placeholder {
  color: black;
  font-weight: 800;
}
.contact__wrapper .contact__wrapper-r-form select {
  border-radius: 10px;
  height: 30px;
  margin-bottom: 5px;
  color: black;
  font-weight: 800;
  padding-left: 2rem;
  border: none;
}
.contact__wrapper .contact__wrapper-r-form select::-moz-placeholder {
  color: black;
  font-weight: 800;
}
.contact__wrapper .contact__wrapper-r-form select:-ms-input-placeholder {
  color: black;
  font-weight: 800;
}
.contact__wrapper .contact__wrapper-r-form select::placeholder {
  color: black;
  font-weight: 800;
}
.contact__wrapper .contact__wrapper-r-form button {
  width: 100%;
  height: 30px;
  border-radius: 10px;
  background-color: #819691;
  box-shadow: none;
  border: none;
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 2px;
}
.contact__wrapper .contact__wrapper-r-form button:hover {
  background-color: #819691;
}

header menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background-color: white;
}
header menu ul {
  padding: 2rem 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}
@media only screen and (max-width: 62em) {
  header menu ul {
    padding: 2rem;
  }
}
header menu ul li {
  list-style: none;
}
header menu ul li .logo {
  width: 150px;
}
header .header_product {
  height: unset;
}
header .header_product img {
  -o-object-fit: contain;
     object-fit: contain;
}
header .sidebar {
  position: fixed;
  top: 85.23px;
  left: -100%;
  width: 300px;
  height: 100vh;
  z-index: 10;
  transition: 0.4s all ease-in-out;
  padding-left: 7rem;
  padding-top: 7rem;
}
header .sidebar-products li a {
  color: white;
}
header .sidebar ul {
  padding: 0;
  margin: 0;
}
header .sidebar ul li {
  list-style: none;
  margin-bottom: 2rem;
}
header .sidebar ul li a {
  color: white;
  font-size: 2.5rem;
  text-decoration: none;
  font-family: "Audrey-Normal";
  cursor: pointer;
}
header .sidebar.open {
  left: 0%;
}

footer {
  padding: 4rem 0;
}
@media only screen and (max-width: 62em) {
  footer {
    padding: 4rem 1rem;
  }
}
footer .ul_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
footer .ul_footer li {
  list-style: none;
}
footer .ul_footer li .no {
  margin-bottom: 1.5rem;
}
footer .ul_footer li .no img {
  margin-right: 1rem;
  margin-bottom: 2px;
}
footer .ul_footer li .no a {
  margin-bottom: 0;
  line-height: 10px;
}
footer .ul_footer li:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 62em) {
  footer .ul_footer li:nth-child(1) {
    padding-right: 2rem;
    justify-content: start;
    width: 50%;
  }
}
footer .ul_footer li:nth-child(1) p {
  margin-bottom: 0;
  font-size: 1.2rem;
}
@media only screen and (max-width: 62em) {
  footer .ul_footer li:nth-child(1) p {
    text-align: start;
  }
}
footer .ul_footer li a {
  text-decoration: none;
  color: white;
  font-family: "Audrey-Normal";
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  line-height: 1em;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 62em) {
  footer .ul_footer li a {
    font-size: 1rem;
  }
}
footer .ul_footer li a span {
  margin-right: 1rem;
}
footer .ul_footer li a:hover {
  color: white;
}
footer .ul_footer li h4 {
  color: white;
  font-family: "Audrey-Normal";
  text-align: end;
  margin-bottom: 1.5rem;
  font-size: 1.7rem;
}
@media only screen and (max-width: 62em) {
  footer .ul_footer li h4 {
    font-size: 1rem;
  }
}
footer .ul_footer li p {
  color: white;
  text-align: end;
  font-size: 1.2rem;
  font-family: "ProximaNova-Regular";
}
@media only screen and (max-width: 62em) {
  footer .ul_footer li p {
    font-size: 1rem;
  }
}
footer .ul_footer li .copy {
  font-family: "ProximaNova-Regular";
}
footer .ul_footer li .sosmed {
  padding: 0;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 62em) {
  footer .ul_footer li .sosmed {
    margin-bottom: 1rem;
  }
}
footer .ul_footer li .sosmed li {
  list-style: none;
  display: inline-block;
  margin-right: 2rem;
}
@media only screen and (max-width: 62em) {
  footer .ul_footer li .sosmed li {
    padding: 0;
    margin: 0;
    margin-right: 0.5rem;
    width: unset;
  }
}
footer .ul_footer li .sosmed li a {
  margin-bottom: 0;
}
@media only screen and (max-width: 62em) {
  footer .ul_footer li .sosmed li a img {
    width: 20px;
  }
}

header .header__bannerHome {
  position: relative;
  margin-top: 85.23px;
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome.hm {
    height: 100vh;
  }
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome.hm img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
header .header__bannerHome img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
header .header__bannerHome-boxProduct {
  position: absolute;
  text-align: center;
  bottom: 63px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 2rem;
}
@media only screen and (max-width: 81.5em) {
  header .header__bannerHome-boxProduct {
    bottom: 85px;
  }
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-boxProduct {
    bottom: 45px;
  }
}
header .header__bannerHome-boxProduct img {
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 20px;
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-boxProduct img {
    width: 90px;
    margin: 0 10px;
  }
}
header .header__bannerHome-boxProduct a {
  display: inline-block;
}
header .header__bannerHome-boxProduct .core-logo {
  width: 75px;
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-boxProduct .core-logo {
    width: 50px;
  }
}
header .header__bannerHome-boxProduct .emerald-logo {
  width: 120px;
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-boxProduct .emerald-logo {
    width: 90px;
  }
}
header .header__bannerHome-boxProduct .bpr-logo {
  width: 120px;
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-boxProduct .bpr-logo {
    width: 60px;
  }
}
header .header__bannerHome-disc {
  position: absolute;
  bottom: 52px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 81.5em) {
  header .header__bannerHome-disc {
    bottom: 53px;
  }
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-disc {
    bottom: 40px;
  }
}
header .header__bannerHome-disc a {
  color: black;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "ProximaNova-Regular";
}
header .header__bannerHome-desc {
  position: absolute;
  top: 60%;
  left: 50px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-desc {
    top: 66% !important;
    left: 30px;
  }
}
header .header__bannerHome-desc p {
  color: white;
  font-family: "ProximaNova-Regular";
  font-size: 2rem;
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-desc p {
    font-size: 1.4rem !important;
  }
}
header .header__bannerHome-title h1 {
  font-family: "Audrey-Normal";
  font-size: 6rem;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 62em) {
  header .header__bannerHome-title h1 {
    font-size: 3rem !important;
    width: 100%;
    text-align: center;
    top: 120px !important;
  }
}
header .banner_news {
  height: 70vh;
  position: relative;
  margin-top: 85.23px;
}
header .banner_news img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

main[page=home] .section__firstHome {
  margin-top: 8rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__firstHome {
    padding: 0 4rem;
  }
}
main[page=home] .section__firstHome-left {
  height: 450px;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__firstHome-left {
    height: 275px;
  }
}
main[page=home] .section__firstHome-left--back {
  background-color: #292C34;
  width: 80%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
main[page=home] .section__firstHome-left--front {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 535px;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__firstHome-left--front {
    width: 100%;
    height: 86%;
  }
}
main[page=home] .section__firstHome-left--front video {
  -o-object-fit: contain;
     object-fit: contain;
}
main[page=home] .section__firstHome-left--front .play_btn {
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
main[page=home] .section__firstHome-left--front .play_btn p {
  margin-bottom: 7px;
  color: white;
}
main[page=home] .section__firstHome-right {
  padding-left: 2rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__firstHome-right {
    padding-left: 0rem;
  }
}
main[page=home] .section__firstHome-right .title {
  text-align: start;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__firstHome-right .title {
    margin-top: 4rem;
  }
}
main[page=home] .section__firstHome-right .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__firstHome-right .title h2 {
    font-size: 2.5rem;
  }
}
main[page=home] .section__firstHome-right .title h2:nth-child(3) {
  padding-right: 0rem;
}
main[page=home] .section__firstHome-right p {
  font-family: "ProximaNova-Regular";
}
main[page=home] .section__firstHome-right a {
  font-family: "ProximaNova-Regular";
  font-size: 1.8rem;
  text-decoration: none;
}
main[page=home] .section__firstHome-right a:focus {
  color: inherit;
}
main[page=home] .section__secondHome {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__secondHome {
    margin-top: 5rem;
    height: 950px;
  }
}
main[page=home] .section__secondHome-left {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__secondHome-left {
    width: 100%;
    padding-right: 8rem;
    height: 233.5px;
  }
}
main[page=home] .section__secondHome-left .slider-facilities-left {
  z-index: 3;
}
main[page=home] .section__secondHome-left img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 3;
  position: relative;
}
main[page=home] .section__secondHome-left .bg-icon {
  position: absolute;
  bottom: -90px;
  width: 100%;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__secondHome-left .bg-icon {
    position: absolute;
    width: 80px;
    height: 700px;
    top: 181px;
    right: 47.5px;
  }
}
main[page=home] .section__secondHome-left .bg-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  background-color: #292C34;
  padding: 2rem;
  justify-content: space-around;
  width: 104%;
  height: 150px;
  min-height: 150px;
  z-index: 2;
  padding-top: 8rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__secondHome-left .bg-icon-list {
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    align-items: center;
    padding-bottom: 10rem;
  }
}
main[page=home] .section__secondHome-left .bg-icon-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  cursor: pointer;
}
main[page=home] .section__secondHome-left .bg-icon-list a:nth-child(1) img {
  width: 15px;
}
main[page=home] .section__secondHome-left .bg-icon-list a:nth-child(2) img {
  width: 35px;
}
main[page=home] .section__secondHome-left .bg-icon-list img {
  width: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
main[page=home] .section__secondHome-right {
  width: 50%;
  padding: 3rem;
  position: relative;
  padding-right: 11rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__secondHome-right {
    width: 100%;
    padding-right: 15rem;
    height: 716.5px;
  }
}
main[page=home] .section__secondHome-right .title {
  text-align: start;
  margin-bottom: 2rem;
}
main[page=home] .section__secondHome-right .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__secondHome-right .title h2 {
    font-size: 2.5rem;
  }
}
main[page=home] .section__secondHome-right .title h2:nth-child(3) {
  padding-right: 0rem;
}
main[page=home] .section__secondHome-right p {
  font-family: "ProximaNova-Regular";
}
main[page=home] .section__secondHome-right .overview {
  font-family: "Audrey-Normal";
  font-size: 10rem;
  position: absolute;
  bottom: -79px;
  left: -1px;
  color: #E6E6E6;
  z-index: 4;
  line-height: 1em;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__secondHome-right .overview {
    font-size: 5rem;
    bottom: 87px;
    right: 47.5px;
    left: unset;
  }
}
main[page=home] .section__thirdHome {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__thirdHome {
    margin-top: 5rem;
  }
}
main[page=home] .section__thirdHome .box__pilih {
  width: 30%;
  height: 450px;
  overflow: auto;
}
main[page=home] .section__thirdHome .box__pilih .mainul {
  margin: 0;
  padding: 0;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list {
  list-style: none;
  border-bottom: 1px solid white;
  cursor: pointer;
  background-color: #292C34;
  padding: 10px 0;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list-title {
  padding: 2rem;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list-title h4 {
  color: white;
  font-family: "Audrey-Normal";
  font-size: 2rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list-title h4 {
    font-size: 1rem;
  }
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 {
  padding: 0;
  display: none;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1_list {
  background-color: #E6E6E6;
  border-bottom: 1px solid black;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1_list-title h4 {
  color: #292A32;
  font-family: "ProximaNovaBold.woff";
  font-size: 2rem;
  padding: 2rem;
  margin-bottom: 0;
  text-transform: capitalize;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1_list-title h4 {
    font-size: 1rem;
  }
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1.open {
  display: block;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2 {
  padding: 0;
  display: none;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2_list {
  padding: 2rem;
  background-color: white;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2_list:not(:last-child) {
  border-bottom: 1px solid black;
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2_list h4 {
  color: #292A32;
  font-family: "ProximaNova-Regular";
  font-size: 2rem;
  padding: 0;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2_list h4 {
    font-size: 1rem;
  }
}
main[page=home] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2.open {
  display: block;
}
main[page=home] .section__thirdHome .box_map {
  width: 70%;
  position: relative;
}
main[page=home] .section__thirdHome .box_map #map iframe {
  width: 100% !important;
  height: 450px;
}
main[page=home] .section__thirdHome .text {
  padding-right: 2rem;
  padding-top: 2rem;
}
main[page=home] .section__thirdHome .text .desc {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 0rem;
  margin-right: 15rem;
}
main[page=home] .section__thirdHome .text .desc:first-child {
  padding-left: 4rem;
}
main[page=home] .section__thirdHome .text .desc:nth-child(2) {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__thirdHome .text .desc {
    font-size: 2.5rem;
    justify-content: flex-start;
    padding-left: 8rem;
  }
}
main[page=home] .section__thirdHome .text .title {
  font-size: 10rem;
  font-family: "Audrey-Normal";
  color: #E6E6E6;
  text-align: right;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__thirdHome .text .title {
    font-size: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    padding-left: 8rem;
  }
}
main[page=home] .section__fourthHome {
  margin-top: 5rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__fourthHome {
    padding: 0 4rem;
  }
}
main[page=home] .section__fourthHome .title {
  margin-bottom: 2rem;
  padding-right: 2.5rem;
}
main[page=home] .section__fourthHome .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__fourthHome .title h2 {
    font-size: 2.5rem;
  }
}
main[page=home] .section__fourthHome .desc {
  padding-right: 2.5rem;
}
main[page=home] .section__fourthHome .desc p {
  font-family: "ProximaNova-Regular";
}
main[page=home] .section__fifthhHome {
  margin-top: 6rem;
}
main[page=home] .section__fifthhHome-listProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
main[page=home] .section__fifthhHome-listProduct .arrow_sliderListProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main[page=home] .section__fifthhHome-listProduct .arrow_sliderListProduct .dots_custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main[page=home] .section__fifthhHome-listProduct .arrow_sliderListProduct .dots_custom-item {
  width: 8px;
  height: 8px;
  border: 1px solid #8c8c8c;
  border-radius: 20px;
  margin-right: 1rem;
  transition: all 0.1s linear;
  box-shadow: 0 0px 0.5px 0.5px #8c8c8c;
}
main[page=home] .section__fifthhHome-listProduct .arrow_sliderListProduct .dots_custom-item.active {
  width: 30px;
}
main[page=home] .section__fifthhHome-listProduct .arrow_sliderListProduct ul {
  padding-left: 0;
  text-align: end;
  padding-right: 15rem;
  margin-bottom: 0;
}
main[page=home] .section__fifthhHome-listProduct .arrow_sliderListProduct ul li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  margin-right: 1rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__fifthhHome .info_wrap {
    padding-left: 5rem;
  }
}
main[page=home] .section__fifthhHome .info_wrap .title {
  margin-bottom: 2rem;
}
main[page=home] .section__fifthhHome .info_wrap .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__fifthhHome .info_wrap .title h2 {
    font-size: 2.5rem;
  }
}
main[page=home] .section__fifthhHome .info_wrap .desc {
  margin-bottom: 4rem;
}
main[page=home] .section__fifthhHome .info_wrap .desc p {
  font-family: "ProximaNova-Regular";
}
main[page=home] .section__fifthhHome-right {
  padding-left: 5rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__fifthhHome-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
    padding-left: 0rem;
    padding: 4rem;
  }
}
main[page=home] .section__fifthhHome-right ul {
  padding-left: 0;
}
main[page=home] .section__fifthhHome-right .text {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  line-height: 42px;
  margin-top: 4rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__fifthhHome-right .text {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
}
main[page=home] .section__fifthhHome .box_img {
  width: 100%;
  margin-bottom: 2rem;
}
main[page=home] .section__fifthhHome .box_img .slick-current li .list_wrapper p {
  opacity: 0;
}
main[page=home] .section__fifthhHome .box_img .slick-current li .list_wrapper img {
  filter: brightness(1);
}
main[page=home] .section__fifthhHome .box_img ul {
  padding: 0;
  margin: 0;
  width: 100%;
}
main[page=home] .section__fifthhHome .box_img ul li {
  list-style: none;
  display: inline-block;
}
main[page=home] .section__fifthhHome .box_img ul li .list_wrapper {
  position: relative;
  width: 130px;
  height: 130px;
  margin-right: 1rem;
}
main[page=home] .section__fifthhHome .box_img ul li .list_wrapper p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2;
  font-family: "Audrey-Normal";
  text-align: center;
  transition: 0.2s all;
}
main[page=home] .section__fifthhHome .box_img ul li .list_wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  filter: brightness(0.4);
  transition: 0.2s all;
}
main[page=home] .section__fifthhHome .big_img {
  margin-bottom: 0;
}
main[page=home] .section__fifthhHome .big_img-item {
  position: relative;
}
main[page=home] .section__fifthhHome .big_img-item .box_grey {
  width: 250px;
  height: 100%;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main[page=home] .section__fifthhHome .big_img-item .img-front {
  width: 100%;
  height: 270px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: contain;
     object-fit: contain;
}
main[page=home] .section__sixthHome {
  margin-top: 10rem;
  height: 450px;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__sixthHome {
    height: unset;
    padding: 4rem;
    margin-top: 5rem;
  }
}
main[page=home] .section__sixthHome .box_grey {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-color: lightgray;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__sixthHome .box_grey {
    width: 60%;
    height: 85%;
  }
}
main[page=home] .section__sixthHome .title {
  margin-bottom: 2rem;
}
main[page=home] .section__sixthHome .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  line-height: 33px;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__sixthHome .title h2 {
    text-align: end;
  }
}
main[page=home] .section__sixthHome-newsSlider {
  height: 100%;
}
main[page=home] .section__sixthHome-newsSlider .slick-slide {
  margin: 0 20px;
}
main[page=home] .section__sixthHome-newsSlider ul {
  padding-left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__sixthHome-newsSlider ul {
    flex-direction: column;
    align-items: flex-end;
  }
}
main[page=home] .section__sixthHome-newsSlider ul .slick-list {
  height: 100%;
}
main[page=home] .section__sixthHome-newsSlider ul li {
  list-style: none;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__sixthHome-newsSlider ul li {
    margin-bottom: 2rem;
  }
}
main[page=home] .section__sixthHome-newsSlider ul li .boxli {
  height: 300px;
  width: 250px;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__sixthHome-newsSlider ul li .boxli {
    height: 175px;
    width: 190px;
  }
}
main[page=home] .section__sixthHome-newsSlider ul li .boxli a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  font-family: "Audrey-Normal";
  font-size: 1.5rem;
  color: black;
}
main[page=home] .section__sixthHome-newsSlider ul li .boxli a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main[page=home] .section__sixthHome-newsSlider ul li .boxli .boxli_text {
  width: 90%;
  height: 107px;
  position: absolute;
  bottom: -63px;
  left: 50%;
  background-color: white;
  transform: translateX(-50%);
  padding: 1.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=home] .section__sixthHome-newsSlider ul li .boxli .boxli_text {
    bottom: unset;
    top: 50%;
    left: 4%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 120px;
    font-size: 1.2rem;
  }
}

main[page=product] .section__firstHome {
  margin-top: 8rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__firstHome {
    padding: 0 4rem;
  }
}
main[page=product] .section__firstHome-left {
  height: 450px;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__firstHome-left {
    height: 275px;
  }
}
main[page=product] .section__firstHome-left--back {
  background-color: #01A1AB;
  width: 80%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
main[page=product] .section__firstHome-left--front {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 535px;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__firstHome-left--front {
    width: 100%;
    height: 86%;
  }
}
main[page=product] .section__firstHome-left--front video {
  -o-object-fit: contain;
     object-fit: contain;
}
main[page=product] .section__firstHome-left--front .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.199);
  z-index: 2;
}
main[page=product] .section__firstHome-left--front .play_btn {
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  z-index: 3;
}
main[page=product] .section__firstHome-left--front .play_btn p {
  margin-bottom: 7px;
  color: white;
}
main[page=product] .section__firstHome-right {
  padding-left: 2rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__firstHome-right {
    padding-left: 0rem;
  }
}
main[page=product] .section__firstHome-right .title {
  text-align: start;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__firstHome-right .title {
    margin-top: 4rem;
  }
}
main[page=product] .section__firstHome-right .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__firstHome-right .title h2 {
    font-size: 2.5rem;
  }
}
main[page=product] .section__firstHome-right .title h2:nth-child(3) {
  padding-right: 0rem;
}
main[page=product] .section__firstHome-right p {
  font-family: "ProximaNova-Regular";
}
main[page=product] .section__secondHome {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome {
    margin-top: 5rem;
    height: 950px;
  }
}
main[page=product] .section__secondHome .arrow_sliderListProduct {
  align-items: center;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main[page=product] .section__secondHome .arrow_sliderListProduct .dots_custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main[page=product] .section__secondHome .arrow_sliderListProduct .dots_custom-item {
  width: 8px;
  height: 8px;
  border: 1px solid #8c8c8c;
  border-radius: 20px;
  margin-right: 1rem;
  transition: all 0.1s linear;
  box-shadow: 0 0px 0.5px 0.5px #8c8c8c;
}
main[page=product] .section__secondHome .arrow_sliderListProduct .dots_custom-item.active {
  width: 30px;
}
main[page=product] .section__secondHome .arrow_sliderListProduct ul {
  padding-left: 0;
  text-align: end;
  padding-right: 15rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome .arrow_sliderListProduct ul {
    padding-right: 0rem;
  }
}
main[page=product] .section__secondHome .arrow_sliderListProduct ul li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  margin-right: 1rem;
}
main[page=product] .section__secondHome-left {
  width: 50%;
  position: relative;
}
main[page=product] .section__secondHome-left .slider-facilities-left {
  z-index: 2;
}
main[page=product] .section__secondHome-left .slider-facilities-left li {
  height: 450px;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome-left .slider-facilities-left li {
    height: 233px;
  }
}
main[page=product] .section__secondHome-left .slider-facilities-left li img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome-left {
    width: 100%;
    padding-right: 8rem;
    height: 233.5px;
  }
}
main[page=product] .section__secondHome-left img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 3;
  position: relative;
}
main[page=product] .section__secondHome-left .bg-icon {
  position: absolute;
  bottom: -90px;
  width: 100%;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome-left .bg-icon {
    position: absolute;
    width: 80px;
    height: 700px;
    top: 181px;
    right: 47.5px;
  }
}
main[page=product] .section__secondHome-left .bg-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  background-color: #01A1AB;
  padding: 2rem;
  justify-content: space-around;
  width: 104%;
  height: 150px;
  min-height: 150px;
  z-index: 2;
  padding-top: 8rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome-left .bg-icon-list {
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    align-items: center;
    padding-bottom: 10rem;
  }
}
main[page=product] .section__secondHome-left .bg-icon-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  cursor: pointer;
}
main[page=product] .section__secondHome-left .bg-icon-list a:nth-child(1) img {
  width: 15px;
}
main[page=product] .section__secondHome-left .bg-icon-list a:nth-child(2) img {
  width: 35px;
}
main[page=product] .section__secondHome-left .bg-icon-list img {
  width: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
main[page=product] .section__secondHome-right {
  width: 50%;
  padding: 3rem 11rem 3rem 7rem;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome-right {
    width: 100%;
    height: 716.5px;
    padding: 3rem 15rem 3rem 4rem;
  }
}
main[page=product] .section__secondHome-right .title {
  text-align: start;
  margin-bottom: 2rem;
}
main[page=product] .section__secondHome-right .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome-right .title h2 {
    font-size: 2.5rem;
  }
}
main[page=product] .section__secondHome-right .title h2:nth-child(3) {
  padding-right: 0rem;
}
main[page=product] .section__secondHome-right p {
  font-family: "ProximaNova-Regular";
}
main[page=product] .section__secondHome-right .slider-facilities-item {
  margin-bottom: 4rem;
}
main[page=product] .section__secondHome-right .overview {
  font-family: "Audrey-Normal";
  font-size: 10rem;
  position: absolute;
  bottom: -79px;
  left: 70px;
  color: #2DD3C8;
  z-index: 4;
  line-height: 1em;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__secondHome-right .overview {
    font-size: 6rem;
    bottom: 87px;
    right: 47.5px;
    left: unset;
  }
}
main[page=product] .section__secondHome-right .slider-facilities {
  width: 100%;
}
main[page=product] .section__find {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find {
    margin-top: 5rem;
  }
}
main[page=product] .section__find-left {
  width: 50%;
  position: relative;
}
main[page=product] .section__find-left img {
  width: 100%;
}
main[page=product] .section__find-left svg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
main[page=product] .section__find-left svg circle.active {
  fill: red;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find-left {
    width: 100%;
  }
}
main[page=product] .section__find-left .c1, main[page=product] .section__find-left .c2 {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background-color: white;
  z-index: 2;
}
main[page=product] .section__find-left .c1 {
  top: 423px;
  left: 285px;
}
main[page=product] .section__find-left .c2 {
  top: 361px;
  left: 143px;
}
main[page=product] .section__find-right {
  width: 50%;
  padding: 3rem 3rem 3rem 7rem;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find-right {
    width: 100%;
    padding: 4rem;
  }
}
main[page=product] .section__find-right .list_siteplan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main[page=product] .section__find-right .list_siteplan ul {
  padding: 0;
  margin: 0;
  margin-right: 5rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find-right .list_siteplan ul {
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find-right .list_siteplan ul:nth-child(1) {
    width: 75px;
  }
}
main[page=product] .section__find-right .list_siteplan ul li {
  list-style: none;
  font-family: "Audrey-Normal";
  font-size: 1.2rem;
  margin-bottom: 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find-right .list_siteplan ul li {
    font-size: 1rem;
  }
}
main[page=product] .section__find-right .list_siteplan ul li.active {
  color: #01A1AB;
}
main[page=product] .section__find-right .title {
  text-align: start;
  margin-top: 4rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find-right .title {
    padding-right: 2rem;
  }
}
main[page=product] .section__find-right .title h3 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  text-align: end;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find-right .title h3 {
    font-size: 2.5rem;
  }
}
main[page=product] .section__find-right .title h2 {
  font-family: "Audrey-Normal";
  font-size: 10rem;
  padding-right: 2.5rem;
  color: #2DD3C8;
  text-align: end;
  line-height: 1em;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__find-right .title h2 {
    font-size: 4rem;
    padding-right: 0;
  }
}
main[page=product] .section__find-right .title h2:nth-child(3) {
  padding-right: 0rem;
}
main[page=product] .section__find-right p {
  font-family: "ProximaNova-Regular";
}
main[page=product] .section__thirdHome {
  margin-top: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome {
    margin-top: 5rem;
  }
}
main[page=product] .section__thirdHome .arrow_sliderListProduct ul {
  padding-left: 0;
  text-align: end;
  padding-right: 15rem;
}
main[page=product] .section__thirdHome .arrow_sliderListProduct ul li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  margin-right: 1rem;
}
main[page=product] .section__thirdHome .box__pilih {
  width: 30%;
  height: 450px;
  overflow: auto;
}
main[page=product] .section__thirdHome .box__pilih .mainul {
  margin: 0;
  padding: 0;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list {
  list-style: none;
  border-bottom: 1px solid white;
  cursor: pointer;
  background-color: #01A1AB;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list-title {
  padding: 2rem;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list-title h4 {
  color: white;
  font-family: "Audrey-Normal";
  font-size: 2rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list-title h4 {
    font-size: 1rem;
  }
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 {
  padding: 0;
  display: none;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1_list {
  background-color: #E6E6E6;
  border-bottom: 1px solid black;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1_list h4 {
  color: #292A32;
  font-family: "ProximaNovaBold.woff";
  font-size: 2rem;
  padding: 2rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1_list h4 {
    font-size: 1rem;
  }
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1.open {
  display: block;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2 {
  padding: 0;
  display: none;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2_list {
  padding: 2rem;
  background-color: white;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2_list:not(:last-child) {
  border-bottom: 1px solid black;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2_list h4 {
  color: #292A32;
  font-family: "ProximaNova-Regular";
  font-size: 2rem;
  padding: 0;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2_list h4 {
    font-size: 1rem;
  }
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list .mainulv1 .mainulv2.open {
  display: block;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior {
  list-style: none;
  border-bottom: 1px solid white;
  cursor: pointer;
  background-color: #01A1AB;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior-title {
  padding: 2rem;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior-title h4 {
  color: white;
  font-family: "Audrey-Normal";
  font-size: 2rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior-title h4 {
    font-size: 1rem;
  }
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1 {
  padding: 0;
  display: none;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1_list {
  background-color: #E6E6E6;
  border-bottom: 1px solid black;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1_list h4 {
  color: #292A32;
  font-family: "ProximaNovaBold.woff";
  font-size: 2rem;
  padding: 2rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1_list h4 {
    font-size: 1rem;
  }
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1.open {
  display: block;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1 .mainulv2 {
  padding: 0;
  display: none;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1 .mainulv2_list {
  padding: 2rem;
  background-color: white;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1 .mainulv2_list:not(:last-child) {
  border-bottom: 1px solid black;
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1 .mainulv2_list h4 {
  color: #292A32;
  font-family: "ProximaNova-Regular";
  font-size: 2rem;
  padding: 0;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1 .mainulv2_list h4 {
    font-size: 1rem;
  }
}
main[page=product] .section__thirdHome .box__pilih .mainul .mainul_list_interior .mainulv1 .mainulv2.open {
  display: block;
}
main[page=product] .section__thirdHome .box_map {
  width: 70%;
  position: relative;
}
main[page=product] .section__thirdHome .box_map .arrow_interior {
  display: none;
}
main[page=product] .section__thirdHome .box_map .arrow_sliderListProduct {
  align-items: center;
  justify-content: end;
}
main[page=product] .section__thirdHome .box_map .arrow_sliderListProduct .dots_custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .box_map .arrow_sliderListProduct .dots_custom {
    margin-right: 0rem;
  }
}
main[page=product] .section__thirdHome .box_map .arrow_sliderListProduct .dots_custom-item {
  width: 8px;
  height: 8px;
  border: 1px solid #8c8c8c;
  border-radius: 20px;
  margin-right: 1rem;
  transition: all 0.1s linear;
  box-shadow: 0 0px 0.5px 0.5px #8c8c8c;
}
main[page=product] .section__thirdHome .box_map .arrow_sliderListProduct .dots_custom-item.active {
  width: 30px;
}
main[page=product] .section__thirdHome .box_map .arrow_sliderListProduct ul {
  padding-left: 0;
  text-align: end;
  padding-right: 10rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .box_map .arrow_sliderListProduct ul {
    padding-right: 0rem;
  }
}
main[page=product] .section__thirdHome .box_map .arrow_sliderListProduct ul li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  margin-right: 1rem;
}
main[page=product] .section__thirdHome .box_map #map iframe {
  width: 100% !important;
  height: 450px;
}
main[page=product] .section__thirdHome .box_map-img {
  height: 450px;
  margin-bottom: 5rem;
  overflow: hidden;
}
main[page=product] .section__thirdHome .box_map-img .item img {
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}
main[page=product] .section__thirdHome .box_map-img ul {
  padding: 0;
  display: none;
}
main[page=product] .section__thirdHome .box_map-img ul li {
  list-style: none;
}
main[page=product] .section__thirdHome .box_map-img ul.open {
  display: block;
}
main[page=product] .section__thirdHome .text {
  padding-right: 2rem;
  padding-top: 8rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .text {
    padding-top: 5rem;
  }
}
main[page=product] .section__thirdHome .text .desc {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  margin-left: 32rem;
}
main[page=product] .section__thirdHome .text .desc:nth-child(2) {
  padding-left: 5rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .text .desc {
    font-size: 2.5rem;
    justify-content: flex-start;
    padding-left: 5rem;
    text-align: end;
    margin-left: 0;
  }
}
main[page=product] .section__thirdHome .text .title {
  font-size: 10rem;
  font-family: "Audrey-Normal";
  color: #2DD3C8;
  text-align: right;
  padding-right: 10rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__thirdHome .text .title {
    font-size: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    padding-left: 8rem;
  }
}
main[page=product] .section__fourthHome {
  margin-top: 5rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__fourthHome {
    padding: 0 4rem;
  }
}
main[page=product] .section__fourthHome .title {
  margin-bottom: 2rem;
  padding-right: 2.5rem;
}
main[page=product] .section__fourthHome .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  line-height: 33px;
}
main[page=product] .section__fourthHome .desc {
  padding-right: 2.5rem;
}
main[page=product] .section__fourthHome .desc p {
  font-family: "ProximaNova-Regular";
}
main[page=product] .section__gallery {
  margin-top: 6rem;
}
main[page=product] .section__gallery .arrow_sliderListProduct {
  align-items: center;
  justify-content: space-between;
}
main[page=product] .section__gallery .arrow_sliderListProduct .dots_custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main[page=product] .section__gallery .arrow_sliderListProduct .dots_custom-item {
  width: 8px;
  height: 8px;
  border: 1px solid #8c8c8c;
  border-radius: 20px;
  margin-right: 1rem;
  transition: all 0.1s linear;
  box-shadow: 0 0px 0.5px 0.5px #8c8c8c;
}
main[page=product] .section__gallery .arrow_sliderListProduct .dots_custom-item.active {
  width: 30px;
}
main[page=product] .section__gallery .arrow_sliderListProduct ul {
  padding-left: 0;
  text-align: end;
  padding-right: 15rem;
  margin-bottom: 0;
}
main[page=product] .section__gallery .arrow_sliderListProduct ul li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  margin-right: 1rem;
}
main[page=product] .section__gallery-listProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
main[page=product] .section__gallery .title {
  margin-bottom: 5rem;
}
main[page=product] .section__gallery .title h2 {
  font-family: "Audrey-Normal";
  font-size: 8rem;
  line-height: 1em;
  padding-right: 2.5rem;
  color: #2DD3C8;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__gallery .title h2 {
    font-size: 4rem;
    padding-left: 2rem;
  }
}
main[page=product] .section__gallery .desc {
  margin-bottom: 4rem;
}
main[page=product] .section__gallery .desc p {
  font-family: "ProximaNova-Regular";
}
main[page=product] .section__gallery-right {
  padding-left: 5rem;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__gallery-right {
    padding-left: 0;
  }
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__gallery-right .slider-gallery {
    padding-left: 0;
  }
}
main[page=product] .section__gallery .text {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  line-height: 33px;
  margin-top: 4rem;
}
main[page=product] .section__gallery .box_img {
  width: 100%;
  margin-bottom: 2rem;
}
main[page=product] .section__gallery .box_img ul {
  padding: 0;
  margin: 0;
  width: 100%;
}
main[page=product] .section__gallery .box_img ul li {
  list-style: none;
  display: inline-block;
}
main[page=product] .section__gallery .box_img ul li .list_wrapper {
  position: relative;
  width: 130px;
  height: 130px;
  margin-right: 1rem;
}
main[page=product] .section__gallery .box_img ul li .list_wrapper p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2;
  font-family: "Audrey-Normal";
  text-align: center;
}
main[page=product] .section__gallery .box_img ul li .list_wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  filter: brightness(0.4);
}
main[page=product] .section__gallery .bg-img-grey-st {
  background-color: lightgray;
  width: 70%;
  height: 85%;
  position: absolute;
  top: 50%;
  left: 5rem;
  transform: translateY(-50%);
}
main[page=product] .section__gallery .big_img {
  margin-bottom: 0;
  padding-left: 0;
}
main[page=product] .section__gallery .big_img-item {
  position: relative;
  height: 500px;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__gallery .big_img-item {
    height: 233px;
  }
}
main[page=product] .section__gallery .big_img-item .img-front {
  width: 80%;
  height: 70%;
  position: absolute;
  top: 50%;
  left: 7.5%;
  transform: translatey(-50%);
}
main[page=product] .section__sixthHome {
  margin-top: 10rem;
  height: 450px;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__sixthHome {
    height: unset;
    padding: 4rem;
    margin-top: 5rem;
  }
}
main[page=product] .section__sixthHome .box_grey {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-color: lightgray;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__sixthHome .box_grey {
    width: 60%;
    height: 85%;
  }
}
main[page=product] .section__sixthHome .title {
  margin-bottom: 2rem;
}
main[page=product] .section__sixthHome .title h2 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  line-height: 33px;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__sixthHome .title h2 {
    text-align: end;
  }
}
main[page=product] .section__sixthHome-newsSlider {
  height: 100%;
}
main[page=product] .section__sixthHome-newsSlider .slick-slide {
  margin: 0 20px;
}
main[page=product] .section__sixthHome-newsSlider ul {
  padding-left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__sixthHome-newsSlider ul {
    flex-direction: column;
    align-items: flex-end;
  }
}
main[page=product] .section__sixthHome-newsSlider ul .slick-list {
  height: 100%;
}
main[page=product] .section__sixthHome-newsSlider ul li {
  list-style: none;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__sixthHome-newsSlider ul li {
    margin-bottom: 2rem;
  }
}
main[page=product] .section__sixthHome-newsSlider ul li .boxli {
  height: 300px;
  width: 250px;
  position: relative;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__sixthHome-newsSlider ul li .boxli {
    height: 175px;
    width: 215px;
  }
}
main[page=product] .section__sixthHome-newsSlider ul li .boxli a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  font-family: "Audrey-Normal";
  font-size: 1.5rem;
  color: black;
}
main[page=product] .section__sixthHome-newsSlider ul li .boxli a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main[page=product] .section__sixthHome-newsSlider ul li .boxli .boxli_text {
  width: 90%;
  height: 107px;
  position: absolute;
  bottom: -63px;
  left: 50%;
  background-color: white;
  transform: translateX(-50%);
  padding: 1.5rem;
}
@media only screen and (max-width: 62em) {
  main[page=product] .section__sixthHome-newsSlider ul li .boxli .boxli_text {
    bottom: unset;
    top: 50%;
    left: 4%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 120px;
    font-size: 1.4rem;
  }
}

.action ul {
  padding-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
}
.action ul li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
}

select {
  color: black !important;
}
select option {
  color: black;
}

.section__newsDetail-content {
  padding-top: 5rem;
}
@media only screen and (max-width: 62em) {
  .section__newsDetail-content {
    padding: 5rem 4rem;
  }
}
.section__newsDetail-content .title-short {
  padding-right: 3rem;
}
@media only screen and (max-width: 62em) {
  .section__newsDetail-content .title-short {
    padding-right: 0rem;
  }
}
.section__newsDetail-content h1 {
  font-family: "Audrey-Normal";
  font-size: 3.5rem;
  text-transform: uppercase;
  color: #020202;
}
@media only screen and (max-width: 62em) {
  .section__newsDetail-content h1 {
    font-size: 2.5rem;
  }
}
.section__newsDetail-content font {
  color: #020202 !important;
}
.section__newsDetail-content p span {
  color: #020202 !important;
}
.section__newsDetail-content p, .section__newsDetail-content span {
  font-family: "ProximaNova-Regular" !important;
  font-size: 16px !important;
  color: #020202 !important;
}
.section__newsDetail-content .par1 {
  padding-right: 3rem;
}
@media only screen and (max-width: 62em) {
  .section__newsDetail-content .par1 {
    padding-right: 0rem;
  }
}
.section__newsDetail-content .par1 p {
  color: #020202 !important;
  font-size: 2rem !important;
  font-family: "ProximaNova-Regular" !important;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 62em) {
  .section__newsDetail-content .par1 p {
    margin-bottom: 0rem;
  }
}
.section__newsDetail-content .par2 .img_wrapper {
  height: 260px;
  margin-bottom: 4rem;
}
.section__newsDetail-content .par2 .img_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section__newsDetail-content p {
  background-color: white !important;
}
.section__newsDetail-content p span {
  font-family: "ProximaNova-Regular" !important;
  font-size: 16px !important;
  color: #020202 !important;
}