/*=========================================================================================================FONTS=========================================================================================================*/
/* Fonts Face */
@font-face{font-family: "CandidaStd-Roman";src: url(../fonts/CandidaStd-Roman.otf) format("opentype");}
@font-face{font-family: "CandidaStd-Bold";src: url(../fonts/CandidaStd-Bold.otf) format("opentype");}
@font-face{font-family: "CandidaStd-Italic";src: url(../fonts/CandidaStd-Italic.otf) format("opentype");}
@font-face{font-family: "BrandonGrotesque-Bold";src: url(../fonts/BrandonGrotesque-Bold.otf) format("opentype");}
@font-face{font-family: "BrandonGrotesque-Regular";src: url(../fonts/BrandonGrotesque-Regular.otf) format("opentype");}
@font-face{font-family: "PlusJakartaSans-Regular";src: url(../fonts/PlusJakartaSans-Regular.ttf) format("truetype");}
@font-face{font-family: "PlusJakartaSans-Bold";src: url(../fonts/PlusJakartaSans-Bold.ttf) format("truetype");}

/* Fonts Family */
.fontCS-Roman{font-family: "CandidaStd-Roman" !important;}
.fontCS-Bold{font-family: "CandidaStd-Bold" !important;}
.fontCS-Italic{font-family: "CandidaStd-Italic" !important;}
.fontBG-Bold{font-family: "BrandonGrotesque-Bold" !important;}
.fontBG-Regular{font-family: "BrandonGrotesque-Regular" !important;}
.fontPJS-Regular{font-family: "PlusJakartaSans-Regular" !important;}
.fontPJS-Bold{font-family: "PlusJakartaSans-Bold" !important;}

/* Fonts Custom Desktop Title */
/* font-size uses clamp(min, preferred vw, max) so text stays readable at iPad Landscape (~1024px)
   without changing how it looks at the final desktop design width (~1920px) */
.fontWTHero{font-family: "CandidaStd-Roman";font-size: 120px;line-height: 130px;letter-spacing: 0%;}
.fontWTExtraLarge{font-family: "CandidaStd-Roman";font-size: clamp(42px, 4vw, 77px);line-height: 90px;letter-spacing: 0;}
.fontWTHeroV2{font-family: "CandidaStd-Bold";font-size: clamp(34px, 4vw, 77px);line-height: 10vh;letter-spacing: 0.7vw;}
.fontWTExtraLargeV2{font-family: "CandidaStd-Bold";font-size: clamp(26px, 2.1vw, 41px);line-height: 6vh;letter-spacing: 0.4vw;}
.fontWTHeroV3{font-family: "CandidaStd-Bold";font-size: clamp(30px, 3vw, 58px);line-height: 8vh;letter-spacing: 0.5vw;}

/* Fonts Custom Desktop Subitle */
.fontWSDecorative{font-family: "CandidaStd-Italic";font-size: clamp(22px, 2.1vw, 41px);line-height: 6vh;letter-spacing: 0;}
.fontWSModerate{font-family: "BrandonGrotesque-Bold";font-size: clamp(18px, 1.6vw, 31px);line-height: 4vh;letter-spacing: 0.1vw;}
.fontWSDecorativeV2{font-family: "CandidaStd-Italic";font-size: clamp(18px, 1.6vw, 31px);line-height: 4vh;letter-spacing: 0.01vw;}

/* Fonts Custom Desktop Body */
.fontWBLarge{font-family: "BrandonGrotesque-Regular";font-size: clamp(15px, 1.2vw, 24px);line-height: 3.2vh;letter-spacing: 0.1vw;}
.fontWBLargeN{font-family: "CandidaStd-Roman";font-size: clamp(15px, 1.2vw, 24px);line-height: 3.2vh;letter-spacing: 0.1vw;}
.fontWBText{font-family: "PlusJakartaSans-Regular";font-size: clamp(12px, 0.95vw, 19px);line-height: 3.2vh;letter-spacing: 0;}

/* Fonts Custom Desktop Caption */
.fontWCBold{font-family: "PlusJakartaSans-Bold";font-size: clamp(11px, 0.65vw, 13px);line-height: auto;letter-spacing: 0;}
.fontWCModerate{font-family: "PlusJakartaSans-Regular";font-size: clamp(11px, 0.65vw, 13px);line-height: 1.5vh;letter-spacing: 0;}
.fontWCBreadcrumbs{font-family: "PlusJakartaSans-Bold";font-size: clamp(11px, 0.65vw, 13px);line-height: 16px;letter-spacing: 0.1vw;}

/* Fonts Color */
.colorWhite,.colorWhite p{color: #F5F5F5 !important;}
.colorGrey,.colorGrey p{color: #807B70 !important;}
.colorBlack,.colorBlack p{color: #272324 !important;}
.colorGoldLight,.colorGoldLight p{color: #EFE9DC !important;}
.colorGoldMidLight,.colorGoldMidLight p{color: #E0D3BA !important;}
.colorGoldMid,.colorGoldMid p{color: #A07B35 !important;}
.colorGoldMidDark,.colorGoldMidDark p{color: #6A5631 !important;}
.colorGoldDark,.colorGoldDark p{color: #352B19 !important;}
.colorMintLight,.colorMintLight p{color: #F6FCF9 !important;}
.colorMintMidLight,.colorMintMidLight p{color: #EEF9F2 !important;}
.colorMintMid,.colorMintMid p{color: #D4F1DF !important;}
.colorMintMidDark,.colorMintMidDark p{color: #5B9C73 !important;}
.colorMintDark,.colorMintDark p{color: #277745 !important;}

/* Background and Shadow */
.bgWhite{background-color: #F5F5F5 !important;}
.bgGrey{background-color: #807B70 !important;}
.bgBlack{background-color: #272324 !important;}
.bgGoldLight{background-color: #EFE9DC !important;}
.bgGoldMidLight{background-color: #E0D3BA !important;}
.bgGoldMid{background-color: #A07B35 !important;}
.bgGoldMidDark{background-color: #6A5631 !important;}
.bgGoldDark{background-color: #352B19 !important;}
.bgMintLight{background-color: #F6FCF9 !important;}
.bgMintMidLight{background-color: #EEF9F2 !important;}
.bgMintMid{background-color: #D4F1DF !important;}
.bgMintMidDark{background-color: #5B9C73 !important;}
.bgMintDark{background-color: #277745 !important;}
.bgPrimaryMint{background-color: #C0E0CD !important;}
.boxShadow{-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);}

/* Pages Setup */
body{overflow-x: hidden;background-color: #F5F5F5;}
a,a:hover,a[data-toggle="collapse"]{outline: none;color:#272324;text-decoration: none !important;cursor: pointer;transition: all .3s;}
b,strong{font-weight: unset;}
i{font-style: unset;}
form input::-webkit-outer-spin-button,
form input::-webkit-inner-spin-button{/* display: none; <- Crashes Chrome on hover */-webkit-appearance: none;margin: 0;}
form input[type=number]{-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}
.wpcf7-response-output{position: absolute;margin: 0 auto !important;bottom: 10vh;left: 0;right: 0;width: 50vw;text-align: center;}
.wpcf7-not-valid-tip{position: absolute;display:none !important;}
.wpcf7-not-valid-tip,.wpcf7 form .wpcf7-response-output{font-family: "PlusJakartaSans-Regular" !important;font-size: clamp(15px, 0.95vw, 19px) !important;font-weight: unset !important;line-height: 3.2vh !important;letter-spacing: 0 !important;}
.wpcf7 form .wpcf7-response-output{color: #272324 !important;}
.wpcf7-spinner{display: none !important;}
.form-control:focus,.form-select:focus{box-shadow: unset;}
#formLeParc{margin: 0 auto;width: 100%;}
#formLeParc .question{margin-bottom: 5vh;padding: 0 1vw;}
#formLeParc p{margin: 0;}
#formLeParc br{display: none;}
#formLeParc input,#formLeParc select{padding: 1.5vh 0.5vw;font-family: "PlusJakartaSans-Regular";font-size: clamp(15px, 0.95vw, 19px);line-height: 3.2vh;letter-spacing: 0;border: unset;border-bottom: 1px solid #807B70;border-radius: 0;background-color: transparent;}
#formLeParc select{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right .75rem center;background-size: 0.85vw;}
#formLeParc select option{font-family: "PlusJakartaSans-Regular";font-size: clamp(15px, 0.95vw, 19px);line-height: 3.2vh;letter-spacing: 0;}
#formLeParc .fc{margin: 3vh 0 5vh;}
#formLeParc .fc .form-label{margin-right: 1vw;}
#formLeParc .fc .form-check{display: inline-block;margin-right: 1vw;}
#formLeParc .fc .form-check .form-check-input{padding: 0;width: 1.2vw;height: 1.2vw;background-color: transparent;box-shadow: unset;border-radius: 0.4vw;border: 1px solid #A07B35;outline: none;}
#formLeParc .fc .form-check .form-check-input:checked,#formLeParc .fc .form-check .form-check-input:focus,#formLeParc .fc .form-check .form-check-input:visited{background-image: unset;background-color: #A07B35;border: 1px solid #A07B35;}
#formLeParc .btnLeParc01:hover{color:#F5F5F5 !important;}
#formLeParc .wpcf7-list-item-label{
  font-family: "PlusJakartaSans-Regular";
  font-size: clamp(15px, 0.95vw, 19px);
  line-height: 3.2vh;
  letter-spacing: 0;
  color: #A07B35;
}
.csmgb-lg-1vh{margin-bottom: 1vh;}
.csmgb-lg-2vh{margin-bottom: 2vh;}
.csmgb-lg-3vh{margin-bottom: 3vh;}
.csmgb-lg-4vh{margin-bottom: 4vh;}
.csmgb-lg-5vh{margin-bottom: 5vh;}
/*=========================================================================================================END DEFAULT=========================================================================================================*/

/*=========================================================================================================COMPONENT=========================================================================================================*/
/* Full Screen */
.lpWrap{
  position: relative;
  width: 100vw;
  height: 100vh;
}

/* Position Center */
.boxc{
  position: absolute;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 100%;
}

/* Image Center */
.imgc{
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

/* Button */
.btnLeParc01,.btnLeParc02,.btnLeParc03,.btnLeParc04{
  position: relative;
  display: inline-block;
  padding: 1.2vh 1.2vw 1.2vh 3vw;
  border: 1px solid #A07B35;
  border-radius: 50vw;
  background: #F5F5F5;
  cursor: pointer;
  text-align: center;
}
.btnLeParc01:hover{
  background: #A07B35;
}
.btnLeParc01 span,.btnLeParc03 span,.btnLeParc04 span{
  display: block;
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  left: 1.2vw !important;
  width: 1.4vw;
  height: 1.4vw;
  background: #A07B35;
  border-radius: 50vw;
}
.btnLeParc01 span::after,.btnLeParc03 span::after,.btnLeParc04 span::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-right.png');
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 80% 80%;
  border-radius: 50vw;
}
.btnLeParc01:hover span{
  background: #F5F5F5;
}
.btnLeParc01 p,.btnLeParc02 p,.btnLeParc03 p,.btnLeParc04 p{
  display: inline-block; 
  margin: 0;
}
.btnLeParc01:hover p{
  color: #F5F5F5 !important;
}
.btnLeParc02{
  border: 1px solid transparent;
  background: transparent;
}
.btnLeParc02 img{
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5vw;
  width: 1.5vw;
  height: 1.5vw;
}
.btnLeParc03{
  border: 1px solid #F5F5F5;
  background: #A07B35;
}
.btnLeParc03:hover{
  border: 1px solid #A07B35;
  background: #F5F5F5;
}
.btnLeParc03 span{
  background: #F5F5F5;
}
.btnLeParc03 span::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 80% 80%;
}
.btnLeParc03:hover span{
  background: #A07B35;
}
.btnLeParc03:hover p{
  color: #A07B35 !important;
}
.btnLeParc04{
  border: 1px solid #F5F5F5;
  background: transparent;
}
.btnLeParc04:hover{
  border: 1px solid #F5F5F5;
  background: #F5F5F5;
}
.btnLeParc04 span{
  background: #F5F5F5;
}
.btnLeParc04 span::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 80% 80%;
}
.btnLeParc04:hover span{
  background: #A07B35;
}
.btnLeParc04:hover p{
  color: #A07B35 !important;
}

/* Modal */
.mbLeParc .modal-dialog{
  margin: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
}
.mbLeParc .modal-dialog::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(20px);
}
.mbLeParc .modal-dialog .modal-content{
  position: absolute;
  display: block;
  z-index: 1;
  margin: 0 auto;
  padding: 6vh 3vw;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 60vw;
  min-height: 60vh;
  border: unset;
  border-radius: unset;
  background: #F5F5F5;
}
.mbLeParc .modal-dialog .modal-content .ornament01{
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
}
.mbLeParc .modal-dialog .modal-content .close{
  margin-bottom: 5vh;
  padding: 1vh 1vw
}
.mbLeParc .modal-dialog .modal-content h2{
  margin-bottom: 7vh;
}
.mbLeParc .wpcf7 form .wpcf7-response-output{
  bottom: 3vh;
}

/* Line */
hr{
  opacity: 1;
  margin: 0 auto;
  height: 0.1vh !important;
}
hr.white{
  background-color: #F5F5F5;
}
hr.goldMid{
  background-color: #A07B35;
}

/* Slider Navigation */
.owl-nav{
  position: absolute;
  margin: 0 !important;
  top: 29vh;
  left: 32vw;
}
.owl-nav button{
  margin: 0 1vw 0 0  !important;
}
.owl-nav button:hover{
  background: transparent !important;
}
.owl-nav button span{
  position: relative;
  display: block;
  width: 3.5vw;
  height: 3.5vw;
  border: 1px solid #F5F5F5;
  border-radius: 50px;
}
.owl-nav button span::after{
  content: '';
  display: block;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 2vw;
  height: 2vw;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.owl-nav button span.arrowLeft::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png');
}
.owl-nav button span.arrowRight::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
}

/* Slider Gallery */
.sliderGallery .image{
  width: 100%;
  height: 58vh;
  object-fit: cover;
}
.sliderGallery .owl-nav{
  margin: 0 auto !important;
  top: 30vh;
  left: 0;
  right: 0;
  width: 75vw;
}
.sliderGallery .owl-nav button{
  position: absolute;
  margin: 0 !important;
  border-radius: 50vw !important;
  overflow: hidden;
}
.sliderGallery .owl-nav button.owl-prev{
  left: 0;
}
.sliderGallery .owl-nav button.owl-next{
  right: 0;
}
.sliderGallery .owl-nav button span{
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 50vw !important;
  transition: all .3s;
}
.sliderGallery .owl-nav button:hover span{
  background: #A07B35;
  border: 1px solid #A07B35;
  transition: all .3s;
}
.sliderGallery .owl-nav button span.arrowLeft::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-left.png');
}
.sliderGallery .owl-nav button:hover span.arrowLeft::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png');
}
.sliderGallery .owl-nav button span.arrowRight::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-right.png');
}
.sliderGallery .owl-nav button:hover span.arrowRight::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
}

/* Slider One */
.sliderOne .owl-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 58.3%;
}
.sliderOne .owl-nav button{
  position: absolute;
  margin: 0 !important;
  border: 1px solid #A07B35 !important;
  border-radius: 50px !important;
  background: #F5F5F5 !important;
}
.sliderOne .owl-nav button.owl-prev{
  left: 4vw;
}
.sliderOne .owl-nav button.owl-next{
  right: 4vw;
}
.sliderOne .owl-nav button:hover{
  border: 1px solid #A07B35;
  border-radius: 50px;
  background: #A07B35 !important;
}
.sliderOne .owl-nav button span{
  border: unset;
}
.sliderOne .owl-nav button span.arrowLeft::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-dark-left.png');
}
.sliderOne .owl-nav button:hover span.arrowLeft::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png');
}
.sliderOne .owl-nav button span.arrowRight::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-dark-right.png');
}
.sliderOne .owl-nav button:hover span.arrowRight::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
}

/* Owl Sync Slider */
.compowlsync{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.compowlsync .item{
  width: 100%;
  height: 60vh;
}
.compowlsync #owlsync1{
  position: absolute;
  z-index: 2;
  padding: 0 2vw;
  bottom: 21vh;
  left: 6vw;
  width: 42vw;
}
.compowlsync #owlsync2{
  position: absolute;
  bottom: 21vh;
  right: 15vw;
  width: 38vw;
}
.compowlsync #owlsync2 .image{
  margin: 0 auto;
  width: 36%;
  height: 100%;
  object-fit: contain;
}
#owlsync1 .owl-nav{
  margin: 0 auto !important;
  top: 30vh;
  left: 44vw;
  width: 30vw;
}
#owlsync1 .owl-nav button{
  position: absolute;
  margin: 0 !important;
  border-radius: 50vw !important;
  overflow: hidden;
}
#owlsync1 .owl-nav button.owl-prev{
  left: 0;
}
#owlsync1 .owl-nav button.owl-next{
  right: 0;
}
#owlsync1 .owl-nav button span{
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 50vw !important;
  transition: all .3s;
}
#owlsync1 .owl-nav button:hover span{
  background: #A07B35;
  border: 1px solid #A07B35;
  transition: all .3s;
}
#owlsync1 .owl-nav button span.arrowLeft::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-left.png');
}
#owlsync1 .owl-nav button:hover span.arrowLeft::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png');
}
#owlsync1 .owl-nav button span.arrowRight::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-right.png');
}
#owlsync1 .owl-nav button:hover span.arrowRight::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
}

/* Custom Navigation Slider */
.cn-slider{
  list-style: none;
  margin: 0;
  padding: 0;
}
.cn-slider li{
  position: relative;
  display: inline-block;
  margin: 5vh 1vw 0;
  width: 3.5vw;
  height: 3.5vw;
  border-radius: 50vw;
  background: #F5F5F5;
  border: 1px solid #A07B35;
  transition: all .3s;
  cursor: pointer;
}
.cn-slider li:hover{
  background: #A07B35;
  border: 1px solid #F5F5F5;
  transition: all .3s;
}
.cn-slider li::after{
  content: '';
  display: block;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 2vw;
  height: 2vw;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.cn-slider .cnsPrevBtn::after,.cn-slider .cnsPrevBtn02::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-left.png');
}
.cn-slider .cnsPrevBtn:hover::after,.cn-slider .cnsPrevBtn02:hover::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png');
}
.cn-slider .cnsNextBtn::after,.cn-slider .cnsNextBtn02::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-right.png');
}
.cn-slider .cnsNextBtn:hover::after,.cn-slider .cnsNextBtn02:hover::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
}

/* Image Component */
.compGallery{
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #A07B35;
}
.compGallery span{
  display: block;
  position: absolute;
  width: 100%;
  height: 5vh;
  border: 1px solid #A07B35;
  border-radius: 50px;
}
.compGallery span:nth-child(1){
  top: -2.5vh;
  left: 0;
}
.compGallery span:nth-child(2){
  top: 0;
  right: -1.5vw;
  width: 2.5vw;
  height: 100%;
}
.compGallery span:nth-child(3){
  bottom: -2.5vh;
  left: 0;
}
.compGallery span:nth-child(4){
  top: 0;
  left: -1.5vw;
  width: 2.5vw;
  height: 100%;
}
.compImage{
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #F5F5F5;
  overflow: hidden;
}
.compImage img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*=========================================================================================================END COMPONENT=========================================================================================================*/

/*=========================================================================================================NAVIGATION=========================================================================================================*/
/* Content */
.navigation{
  position: fixed;
  z-index: 90;
  top: 0;
  right: 0;
  width: 100vw;
  height: 10vh;
  background: #EEF9F2;
  transition-duration: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}
.navigation.hide{
  top: -20vh;
  transition-duration: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease;
}
.navigation .logo,
.navigation .menu,
.navigation .button{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.navigation .logo.mixBlend{
  z-index: 91;
  left: 4.7vw;
  right: unset;
  /* mix-blend-mode: difference; */
}
.navigation .logo img{
  width: 10vw;
}
.navigation .button{
  right: 4.7vw;
}
.navigation .menu{
  margin: 0 auto;
  top: 60%;
  left: 0;
  right: 0;
  width: 60vw;
  height: 8vh;
}
.navigation .menu ul{
  position: absolute;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.navigation .menu ul li{
  position: relative;
  display: inline-block;
}
.navigation .menu ul li a{
  position: relative;
  display: block;
  margin: 0 0.2vw;
  padding: 1.5vh 1.5vw;
  top: unset;
  transform: unset;
  font-family: "PlusJakartaSans-Regular";
  font-size: clamp(15px, 0.95vw, 19px);
  line-height: 3.2vh;
  letter-spacing: 0;
  color: #272324;
  border-radius: 50vw;
}
.navigation .menu ul li.active a{
  color: #F5F5F5;
  background: #A07B35;
}
.navigation .menu ul li:hover a{
  color: #272324;
  background: #C0E0CD;
}
.navigation .menu ul li ul{
  display: none;
  transition: all .3s;
}
.navigation .menu ul li:hover ul{
  display: block;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  padding: 1vh 0 2vh;
  top: 98%;
  transform: unset;
  left: -1.7vw;
  right: 0;
  width: 12vw;
  height: auto;
  transition: all .3s;
  background: rgba(245, 245, 245, .8);
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}
.navigation .menu ul li ul li a{
  margin: 1vh 0 0;
}
.navigation .menu ul li.active ul li a,
.navigation .menu ul li:hover ul li a{
  color: #272324;
  background: transparent;
}
.navigation .menu ul li.active ul li a.active{
  color: #F5F5F5;
  background: #A07B35;
}
.navigation .menu ul li:hover ul li a:hover{
  color: #272324;
  background: #C0E0CD;
}
.burgerLP,
.sideLP{
  display: none;
}
#moveBrief{
  position: absolute;
  top: 115vh;
  left: 0;
}
.navbtnWhatsapp{
  position: fixed;
  z-index: 99;
  bottom: 4vh;
  right: 2vw;
  width: 5vw;
  height: 5vw;
  text-align: center;
  border: 1px solid #A07B35;
  border-radius: 50vw;
  background: #F5F5F5;
  cursor: pointer;
}
.navbtnWhatsapp i{
  font-size: clamp(30px, 3vw, 58px);
  color: #A07B35;
  transition: all .3s;
}
.navbtnWhatsapp:hover i{
  font-size: clamp(32px, 3.3vw, 64px);
  transition: all .3s;
}
/* Tablet-range fix: the menu items' font-size has a readability floor (see .navigation .menu ul li a
   above), which makes each item wider than it used to be. Between 847px (where the mobile hamburger
   nav stops) and 1200px (iPad Landscape / iPad Pro Portrait / small laptops), the fixed 60vw menu box
   was too narrow for that floored text, causing the last item ("Awards") to wrap onto a second line.
   Tightening the horizontal spacing here keeps the whole menu on one line without changing the design. */
@media screen and (min-width: 847px) and (max-width: 1200px){
  .navigation .menu ul li a{
    margin: 0;
    padding: 1.5vh 0.4vw;
  }
}
/*=========================================================================================================END NAVIGATION=========================================================================================================*/

/*=========================================================================================================FOOTER=========================================================================================================*/
/* Content */
footer{
  padding: 0 8vw !important;
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/ornament/footer-background.jpg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
footer .hr01{
  margin: 10vh 0 0;
}
footer .ftContent{
  position: relative;
  padding: 8vh 0;
  width: 100%;
}
footer .copyright{
  margin: 3vh 0;
}
footer .ftContent .logo img{
  margin-right: 12vw;
  width: 7vw;
}
footer .ftContent .menu{
  margin-right: 10vw;
}
footer .ftContent .menu ul{
  display: inline-block;
  vertical-align: top;
  margin: 0 5vw 0 0;
  padding: 0;
  list-style: none;
}
footer .ftContent .menu ul li{
  margin-bottom: 3vh;
}
footer .ftContent .menu ul li a{font-family: "BrandonGrotesque-Bold";text-transform: uppercase;font-size: clamp(15px, 0.95vw, 19px);line-height: 3.2vh;letter-spacing: 0;color: #6A5631;}
footer .ftContent .description{
  margin-right: 5vw;
}
footer .ftContent .description .subtitle{
  margin-bottom: 2vh;
  font-size: clamp(15px, 1.2vw, 24px);
  line-height: 3.5vh;
}
footer .ftContent .description .desc{
  display: block;
  margin-bottom: 5vh;
  text-decoration: underline !important;
  line-height: 30px;
}
footer .ftContent .description table tr td:first-child{
  width: 25%;
}
footer .ftContent .description table tr td p{
  margin-bottom: 0;
}
footer .ftContent .button .backtop{
  cursor: pointer;
}
footer .ftContent .button .mdbacktop{
  display: block;
  position: relative;
  margin-bottom: 5vh;
  padding: 2vh 0;
  width: 6vw;
  height: 6vw;
  text-align: center;
  border: 1px solid #6A5631;
  border-radius: 50vw;
}
footer .ftContent .button .mdbacktop img{
  margin-bottom: 1vh;
  width: 1.3vw;
}
footer .ftContent .button .mdbacktop p{
  margin: 0 auto;
  width: 75%;
  font-size: clamp(14px, 0.8vw, 16px);
  /*line-height: 2vh;*/
  line-height: 18px;
}
footer .ftContent .button .instagram{
  vertical-align: top;
  margin-right: 0.5vw;
  padding: 0;
  font-size: clamp(18px, 1.5vw, 29px);
  width: 2.68vw;
  height: 2.68vw;
  color: #F5F5F5;
  background: #A07B35;
}
footer .ftContent .button .facebook{
  vertical-align: top;
  margin-right: 0.5vw;
  float: right;
  padding: 0;
  font-size: clamp(15px, 1.2vw, 24px);
  width: 2.68vw;
  height: 2.68vw;
  color: #FFFFFF;
  background: #A07B35;
}
footer .ftContent .button .instagram:hover,
footer .ftContent .button .facebook:hover{
  color: #A07B35;
  background: #F5F5F5;
}
footer.less{
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
}
footer.less .hr02{
  background-color: #807B70;
}
footer.less ul{
  margin: 3vh 0;
  padding: 0;
  list-style: none;
}
footer.less ul li{
  display: inline-block;
  text-align: right;
  width: 21%;
}
footer.less ul li:first-child{
  width: 56%;
  text-align: left;
}
footer.less ul li:first-child br{
  display: none;
}
footer.less ul li span,
footer.less ul li p{
  display: inline-block;
  margin: 0 1vw 0 0;
}
/* Tablet-range fix: at 847-1200px (iPad Landscape / iPad Pro Portrait) the desktop footer's
   inline-block columns use vw-based margins sized for a ~1920px design (logo margin-right:12vw,
   menu margin-right:10vw, description margin-right:5vw ≈ 230px/205px/102px at 1024px), which
   don't leave enough room for all four columns (logo, menu, description, back-to-top+social) on
   one line — causing them to wrap and interleave mid-column into a broken layout instead of
   cleanly dropping to a new row. Flexbox with wrapping keeps the same four columns aligned,
   using its own gap for spacing instead of the oversized per-element margins. */
@media screen and (min-width: 847px) and (max-width: 1599px){
  footer .ftContent{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4vh 9vw;
  }
  footer .ftContent .logo img{
    margin-right: 0;
    width: clamp(50px, 7vw, 72px);
  }
  footer .ftContent .menu{
    margin-right: 0;
  }
  footer .ftContent .menu ul{
    margin: 0 3vw 0 0;
  }
  footer .ftContent .description{
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
  .navigation .menu ul li a{
    padding: 1.5vh 1.5vw !important;
    font-size: clamp(12px, 0.95vw, 19px);
    line-height: 3.2vh;
  }
  footer .ftContent{
    gap: 4vh 8vw;
  }
 footer .ftContent .button .mdbacktop p{
  font-size: clamp(10px, 0.8vw, 16px);
  line-height: 10px;
 }
 footer .ftContent .description .desc{
   line-height: 24px;
 }
} /* <- baris 959 */
/*=========================================================================================================END FOOTER=========================================================================================================*/

/*=========================================================================================================HOME PAGE=========================================================================================================*/
/* Header */
.homeHeader{
  height: 100vh;
  overflow: hidden;
}
.homeHeader .col-lg-12{
  min-height: 100vh;
  background: #272324;
}
.homeHeader .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.homeHeader .wrap{
  top: 60%;
  width: 50%;
}
.homeHeader .wrap .brief{
  margin-bottom: 15vh;
}
.homeHeader .wrap #chevronDown img{
  margin: 3vh auto 0;
  width: 4.5vw;
}

/* Description */
.homeDescription{
  margin-bottom: -5px;
}
.homeDescription .background{
  width: 100vw;
}
.homeDescription .wrap{
  padding: 5vh 3vw;
  top: 65%;
  left: unset;
  right: 8vw;
  width: 28vw;
  height: 50vh;
}
.homeDescription .wrap h3{
  margin-bottom: 3vh;
}
.homeDescription .wrap .brief{
  margin-bottom: 3vh;
}

/* Housings */
.homeHousings .sticky-statement{
  position: relative;
  width: 100vw;
  min-height: 350vh;
}
.homeHousings .sticky-statement .homeHousingsCategory{
  position: sticky;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.homeHousingsCategory{
  position: relative;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.homeHousings .homeHousingsBrief{
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.homeHousings .homeHousingsBrief .background{
  width: 100vw;
}
.homeHousings .homeHousingsBrief .wrap{
  top: 0;
  transform: unset;
  width: 100vw;
  height: 100vh;
}
.homeHousings .homeHousingsBrief .wrap .ornament01{
  width: 70vw;
}
.homeHousings .homeHousingsBrief .wrap .ornament02{
  left: 8vw;
  right: unset;
  width: 18vw;
}
.homeHousings .homeHousingsBrief .wrap .ornament03{
  left: unset;
  right: 8vw;
  width: 18vw;
}
.homeHousings .homeHousingsBrief .wrap .title{
  width: 50vw;
}
.homeHousings .homeHousingsTitle{
  position: absolute;
  z-index: 2;
  margin: 0 auto;
  top: 18vh;
  left: 0;
  right: 0;
  opacity: 1;
}
.homeHousings .homeHousingsTitle.hide,
.homeHousings .homeHousingsTitle.active{
  z-index: 1;
  opacity: 0;
  transition: all .8s;
}
.homeHousings .homeHousingsTitle .ornament01{
  left: 3vw;
  right: unset;
  width: 32vw;
}
.homeHousings .homeHousingsTitle .ornament02{
  left: unset;
  right: 3vw;
  width: 32vw;
}
.homeHousings .homeHousingsTitle .title{
  margin-bottom: 0;
}
.homeHousings .table{
  display: flex;
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
}
.homeHousings .table>:not(:first-child){
  border: unset !important;
}
.homeHousings .table__cell{
  position: relative;
  display: flex;
  width: 33.333vw;
  align-items: center;
  justify-content: center;
  transition: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  transition: all 300ms;
  overflow: hidden;
  cursor: pointer;
}
.homeHousings .table__cell .background{
  position: absolute;
  opacity: 1;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  object-fit: cover;
  transition: all 0.8s;
  transition-delay: 0.15s;
}
.homeHousings .table__cell:hover .background{
  transition: all 0.8s;
  transition-delay: 0.15s;
}
.homeHousings .table__cell.active:hover .background{
  transform: scale(1);
  transition: all 0.8s;
  transition-delay: 0.15s;
}
.homeHousings .table__cell .overlay{
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
  transition-delay: 0.15s;
}
.homeHousings .table__cell.active .overlay{
  opacity: 1;
}
.homeHousings .table__cell.active .ovInactive{
  opacity: 0;
}
.homeHousings .table__cell h3,
.homeHousings .table__cell.active h3.hide{
  display: inline-block;
  z-index: 3;
  width: auto;
  transition: all 300ms;
}
.homeHousings .table__cell h3.hide{
  display: block;
  transform: rotate(-90deg);
}
.homeHousings .table__cell:hover h3.hide{
  display: none;
}
.homeHousings .table__cell.active:hover h3.hide{
  display: block;
}
.homeHousings .table__cell .tcView,
.homeHousings .table__cell.active .tcView.show{
  display: none;
  z-index: 3;
  padding: 1vh 0;
  width: 5vw;
  background: #F5F5F5;
  border: 1px solid #A07B35;
  border-radius: 50vw;
  transition: all 300ms;
}
.homeHousings .table__cell .tcView:hover{
  color: #F5F5F5 !important;
  background: #A07B35;
}
.homeHousings .table__cell .tcView.show{
  display: block;
  opacity: 0;
  transition: all 300ms;
}
.homeHousings .table__cell.changeOv:hover .tcView.show{
  opacity: 1;
  transition: all 300ms;
}
.homeHousings .table__cell.changeOv.active .tcView.show{
  opacity: 0 !important;
}
.homeHousings .table__cell.active{
  /* width: 100vw; */
  width: 140vw;
  cursor: default;
}
.homeHousings .table__cell.active h3{
  top: 10vh;
  transform: unset;
  right: unset;
  left: 8vw;
  transition: all 300ms;
}
.homeHousings .table__cell .tablewrap{
  z-index: 0;
  opacity: 0;
  transition: 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0;
  padding: 0 8vw;
  top: 25%;
  transform: unset;
}
.homeHousings .table__cell.active .tablewrap{
  z-index: 1;
  opacity: 1;
  transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 300ms;
}
.homeHousings .table__cell .tablewrap p.fontWCBreadcrumbs{
  margin-bottom: 3vh;
  padding: 0;
  width: 40%;
  font-size: clamp(14px, 0.9vw, 18px);
  line-height: 3vh;
  letter-spacing: 0;
}
.homeHousings .table__cell .ovHousing{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.homeHousings .table__cell .ovHousing::before,
.homeHousings .table__cell .ovHousing::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.8s;
  transition-delay: 0.15s;
}
.homeHousings .table__cell .ovHousing::before{z-index: 1;}
.homeHousings .table__cell .ovHousing::after{z-index: 2;}
.homeHousings .table__cell .ovHousing.ovInactive::before{
  background: #272324;
  mix-blend-mode: multiply;
  opacity: 0.5;
}
.homeHousings .table__cell .ovHousing.ovInactive::after{
  background: #A07B35;
  mix-blend-mode: hue;
  opacity: 0.5;
}
.homeHousings .table__cell .ovHousing.ovHover::before{
  background: #272324;
  mix-blend-mode: multiply;
  opacity: 0;
}
.homeHousings .table__cell .ovHousing.ovHover::after{
  background: #A07B35;
  mix-blend-mode: hue;
  opacity: 0;
}
.homeHousings .table__cell.changeOv .ovHousing.ovInactive.ovHover::before,
.homeHousings .table__cell .ovHousing.ovActiveHover::before{
  background: #6A5631;
  mix-blend-mode: multiply;
  opacity: 0.8;
}
.homeHousings .table__cell.changeOv .ovHousing.ovInactive.ovHover::after,
.homeHousings .table__cell .ovHousing.ovActiveHover::after{
  background: #A07B35;
  mix-blend-mode: hue;
  opacity: 0.5;
}
.homeHousings ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.homeHousings ul li img{
  display: inline-block;
  vertical-align: middle;
}
.homeHousings ul li p{
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.homeHousings ul.type{
  margin: 3vh 0;
}
.homeHousings ul.type li{
  position: relative;
  display: inline-block;
  padding: 0 1vw;
  text-align: left;
}
.homeHousings ul.type li::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #F5F5F5;
}
.homeHousings ul.type li:nth-child(1)::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #F5F5F5;
}
.homeHousings ul.type li p{
  font-family: "PlusJakartaSans-Bold";
  font-size: clamp(12px, 0.7vw, 14px);
  line-height: 2.5vh;
  letter-spacing: 0;
}
.homeHousings .btnLeParc01{
  display: inline-block;
  padding: 1.2vh 1.2vw 1.2vh 3vw;
  width: auto;
  background-color: #F5F5F5;
  border-bottom-width: 1px;
  box-shadow: unset;
}
.homeHousings .btnLeParc01:hover{
  background-color: #A07B35;
}
.homeHousings .table__cell .btnLeParc01,
.homeHousings .table__cell .navbtnWhatsapp{
  z-index: 0;
  opacity: 0;
}
.homeHousings .table__cell.active .btnLeParc01,
.homeHousings .table__cell.active .navbtnWhatsapp{
  z-index: 1;
  opacity: 1;
}
.homeHousings .btnLeParc01.further{
  position: absolute;
  padding: 0.6vh 0 0.6vh 1.5vw;
  bottom: 10vh;
  left: 8vw;
  border: unset;
  border-bottom: 1px solid #F5F5F5;
  border-radius: unset;
  background: transparent;
}
.homeHousings .btnLeParc01.further span{
  left: 0 !important;
}
.homeHousings .btnLeParc01.further p{
  color: #F5F5F5 !important;
}
.homeHousings .btnLeParc01.sale{}
.homeHousings .btnLeParc01.lease{}
.homeHousings .navbtnWhatsapp{
  position: absolute;
  z-index: 99;
  bottom: 3vh;
  right: 3vw;
  width: 4vw;
  height: 4vw;
  transform: scale(1);
}
.homeHousings .navbtnWhatsapp:hover{
  transform: scale(1.1);
}
.homeHousings .navbtnWhatsapp i{
  font-size: clamp(28px, 2.4vw, 47px);
}
.homeHousings .btnwrapsalease{
  position: absolute;
  top: 9vh;
  left: 27vw;
}

/* USP */
.homeUSP .sliderHomeUSP{
  position: relative;
  z-index: 3;
}
.homeUSP .sliderHomeUSP .owl-nav{
  top: 33.5%;
  transform: translateY(-50%);
  left: 29vw;
}
.homeUSP .compUSP{
  position: relative;
  width: 100%;
  height: 100vh;
}
.homeUSP .compUSP .description{
  position: relative;
  padding: 10vh 8vw;
  width: 45vw;
  height: 100%;
}
.homeUSP .compUSP .description h2{
  margin-bottom: 5vh;
}
.homeUSP .compUSP .description h3{
  margin: 4vh auto;
}
.homeUSP .compUSP .description ul{
  margin: 0;
  padding: 5vh 0 0;
  list-style: none;
}
.homeUSP .compUSP .description ul li{
  margin-bottom: 3vh;
}
.homeUSP .compUSP .description ul li img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 5%;
  width: 10%;
}
.homeUSP .compUSP .description ul li p{
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  width: 70%;
}
.homeUSP .compUSP .btnLeParc01{
  position: absolute;
  bottom: 6vh;
  left: 8vw;
}
.homeUSP .compUSP .num{
  position: absolute;
  bottom: 5vh;
  right: 8vw;
}
.homeUSP .compUSP .image01{
  position: absolute;
  top: 0;
  left: 45vw;
  width: 55vw;
  height: 100vh;
  overflow: hidden;
}
.homeUSP .compUSP .image01 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homeUSP .compUSP .imgAnimation{
  position: absolute;
  top: 0;
  left: 100%;
  transition: all .5s;
}
.homeUSP .owl-item.active .compUSP .imgAnimation{
  position: absolute;
  top: 0;
  left: 0%;
  transition: all .5s;
}
.homeUSP .compUSP .image02{
  display: none;
  position: absolute;
  top: 0;
  left: 85vw;
  width: 15vw;
  height: 40vh;
  overflow: hidden;
}
.homeUSP .compUSP .image02 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Access */
.homeAccess .ornament01{
  top: 0;
  left: 0;
  width: 100vw;
}
.homeAccess .ornament02{
  top: 18vh;
  left: 3vw;
  width: 2vw;
}
.homeAccess .ornament03{
  top: 10vh;
  right: 10vw;
  width: 1.5vw;
}
.homeAccess .ornament04{
  top: 68vh;
  right: 8vw;
  width: 3vw;
}
.homeAccess .ornament05{
  top: 100vh;
  left: 50vw;
  width: 3vw;
}
.homeAccess .ornament06{
  top: 115vh;
  left: 10vw;
  width: 3vw;
}
.homeAccess .wrapLeft{
  padding: 20vh 0 20vh 8vw;
}
.homeAccess .wrapLeft .title{
  margin-bottom: 10vh;
}
.homeAccess .wrapRight{
  padding: 20vh 8vw 20vh 5vw;
}
.homeAccess .wrapRight .brief{
  margin: 5vh 0 11vh;
}
.accordion-button::after{
  width: 1vw;
  height: 1vw;
  background-size: 1vw;
}
.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.homeAccess #accordionAccess .accordion-item{
  margin-bottom: 5vh;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(180deg, transparent 0%, #EFE9DC 100%);
  background: -o-linear-gradient(180deg, transparent 0%, #EFE9DC 100%);
  background: -moz-linear-gradient(180deg, transparent 0%, #EFE9DC 100%);
  background: linear-gradient(180deg, transparent 0%, #EFE9DC 100%);
  border-radius: 1.5vw;
  border-top: 0;
}
.homeAccess #accordionAccess .accordion-item .accordion-header .accordion-button{
  padding: 3vh 2vw;
  font-size: clamp(15px, 1.2vw, 24px);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: unset;
}
.homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body{
  padding: 1vh 2vw 3vh;
}
.homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body img{
  margin-bottom: 3vh;
}
.homeAccess #accordionAccess .accordion-item #aacItemCollapse01 .accordion-body img{
  margin-bottom: 0;
}
.homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body p{
  margin-bottom: 0;
}
.homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body .left img{
  width: 50%;
}
.homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body .right img{
  width: 100%;
}
.homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body .mid img{
  margin-top: 5vh;
  width: 100%;
}
.homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body .mid .subleft,
.homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body .mid .subright{
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
.homeAccess table tr td{
  padding-bottom: 3vh;
}
.homeAccess table tr td img,
.homeAccess table tr td p{
  width: 15%;
  display: inline-block;
  vertical-align: middle;
}
.homeAccess table tr td p{
  margin: 0;
  padding-left: 5%;
  width: 79%;
}
.homeAccess .left{
  display: inline-block;
  width: 49%;
}
.homeAccess .right{
  display: inline-block;
  width: 49%;
}
.homeAccess .mid{
  display: block;
  width: 100%;
}
.homeAccess .maps{
  float: right;
  width: 95%;
}

/* Amenities */
.homeAmenities{
  min-height: 100vh;
}
.homeAmenities .wrap{
  padding: 5vh 10vw 0 0;
}
.homeAmenities .ornament01{
  margin: 0 auto;
  top: 8vh;
  left: 0;
  right: 8vw;
  width: 3.3vw;
  rotate: 150deg;
}
.homeAmenities .ornament02{
  top: 55vh;
  left: 5vw;
  width: 2.5vw;
  rotate: 110deg;
}
.homeAmenities .ornament03{
  top: 85vh;
  left: 5vw;
  width: 5vw;
}
.homeAmenities .siteplan{
  left: 5vw;
  width: 45vw;
}
.homeAmenities .siteplan .dot{
  position: absolute;
  top: 0;
  left: 0;
  width: 1vw;
  height: 1vw;
  background: #F5F5F5;
  border: 1px solid #A07B35;
  border-radius: 50vw;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}
.homeAmenities .siteplan .dot.active{
  z-index: 2;
  width: 2.5vw;
  height: 2.5vw;
  background: #A07B35;
  border: 0.15vw solid #FFFFFF;
}
/* 01 Jogging Tracks */
.homeAmenities .siteplan .dot.dot01{top: 44%;left: 19%;}
.homeAmenities .siteplan .dot.dot01.active{top: 43%;left: 17.5%;}
/* 02 Olympic Length Swimming Pool */
.homeAmenities .siteplan .dot.dot02{top: 29%;left: 40.3%;}
.homeAmenities .siteplan .dot.dot02.active{top: 28%;left: 39%;}
/* 03 Fitness Centre */
.homeAmenities .siteplan .dot.dot03{top: 35.3%;left: 53%;}
.homeAmenities .siteplan .dot.dot03.active{top: 34.4%;left: 52%;}
/* 04 Private Screening Room */
.homeAmenities .siteplan .dot.dot04{top: 69.7%;left: 42.3%;}
.homeAmenities .siteplan .dot.dot04.active{top: 69%;left: 41%;}
/* 05 Climate-Controlled Courtyard Garden */
.homeAmenities .siteplan .dot.dot05{top: 58.1%;left: 44.7%;}
.homeAmenities .siteplan .dot.dot05.active{top: 57%;left: 43.5%;}
/* 06 Rooftop Barbeque */
.homeAmenities .siteplan .dot.dot06{top: 20%;left: 54.5%;}
.homeAmenities .siteplan .dot.dot06.active{top: 19%;left: 53.8%;}
/* 07 Sports Hall */
.homeAmenities .siteplan .dot.dot07{top: 65.5%;left: 45.7%;}
.homeAmenities .siteplan .dot.dot07.active{top: 64.4%;left: 44.5%;}
/* 08 Meeting Room */
.homeAmenities .siteplan .dot.dot08{top: 65.5%;left: 52.5%;}
.homeAmenities .siteplan .dot.dot08.active{top: 64.4%;left: 51.3%;}
/* 09 Private Bowling Alleys */
.homeAmenities .siteplan .dot.dot09{top: 68%;left: 49.2%;}
.homeAmenities .siteplan .dot.dot09.active{top: 67%;left: 48.2%;}
/* 10 Aqua Fitness Club */
.homeAmenities .siteplan .dot.dot10{top: 18.5%;left: 40.3%;}
.homeAmenities .siteplan .dot.dot10.active{top: 17.3%;left: 39.3%;}
/* 11 Music Lounge */
.homeAmenities .siteplan .dot.dot11{top: 68%;left: 34%;}
.homeAmenities .siteplan .dot.dot11.active{top: 67%;left: 32.6%;}
/* 12 Residents Tea Lounge & Library */
.homeAmenities .siteplan .dot.dot12{top: 65.5%;left: 49.2%;}
.homeAmenities .siteplan .dot.dot12.active{top: 64.4%;left: 48%;}
.homeAmenities .siteplan .imgSiteplan{
  width: 100%;
}
.homeAmenities .content{
  left: unset;
  right: 10vw;
  width: 35vw;
}
.homeAmenities .content .title{
  margin-bottom: 5vh;
}
.homeAmenities .content .brief{
  margin-bottom: 5vh;
  width: 85%;
}
.homeAmenities .content hr{
  margin-bottom: 3vh;
}
.homeAmenities .content table{
  width: 100%;
}
.homeAmenities .content table tr td a{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 10vh;
  border-radius: 50vw;
  cursor: pointer;
}
.homeAmenities .content table tr td a.active{
  background: #A07B35;
}
.homeAmenities .content table tr td a img.iconDef,
.homeAmenities .content table tr td a.active img.iconHov{
  display: inline-block;
}
.homeAmenities .content table tr td a.active img.iconDef,
.homeAmenities .content table tr td a img.iconHov{
  display: none;
}
.homeAmenities .content table tr td img{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9%;
  width: 13%;
}
.homeAmenities .content table tr td p{
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 28%;
  width: 62%;
  line-height: 2.8vh;
}
.homeAmenities .content table tr td a.active p{
  color: #F5F5F5 !important;
}

/* Gallery */
.homeGallery .sticky-statement{
  position: relative;
  width: 100vw;
  height: 315vh;
}
.homeGallery .sticky-statement .ornament01{
  z-index: 1;
  top: 20vh;
  transform: unset;
  width: 40vw;
}
.homeGallery .sticky-statement .compTitle{
  position: sticky;
  z-index: 2;
  top: 0;
  width: 100vw;
  height: 100vh;
  text-align: center;
}
.homeGallery .sticky-statement .compTitle .ornament02{
  top: 45%;
  left: 8vw;
  right: unset;
  width: 18vw;
}
.homeGallery .sticky-statement .compTitle .ornament03{
  top: 45%;
  left: unset;
  right: 8vw;
  width: 18vw;
}
.homeGallery .sticky-statement .compTitle .wrap{
  width: 40vw;
}
.homeGallery .sticky-statement .compTitle .wrap .title{
  margin-bottom: 5vh;
}
.homeGallery .sticky-statement .compTitle .wrap .brief{
  margin: 0 auto;
  width: 27vw;
}
.homeGallery .background{
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100vw;
}
.homeGallery .compGallery{
  position: absolute;
  z-index: 4;
}
.homeGallery .compGallery.image01{
  top: 105vh;
  left: 8vw;
  width: 38vw;
  height: 84vh;
}
.homeGallery .compGallery.image02{
  top: 130vh;
  left: 55vw;
  width: 26vw;
  height: 32vh;
  border: 1px solid transparent;
}
.homeGallery .compGallery.image03{
  top: 225vh;
  left: 10vw;
  width: 35vw;
  height: 56vh;
  border: 1px solid transparent;
}
.homeGallery .compGallery.image04{
  top: 185vh;
  left: 55vw;
  width: 39vw;
  height: 86vh;
}
.homeGallery .leaf{
  position: absolute;
  z-index: 5;
  width: 1.5vw;
}
.homeGallery .leaf.lf01{
  top: 10vh;
  left: 20vw;
  width: 4vw;
}
.homeGallery .leaf.lf02{
  top: 135vh;
  right: 8vw;
  width: 2.5vw;
}
.homeGallery .leaf.lf03{
  top: 196vh;
  left: 22vw;
  width: 17vw;
}
.homeGallery .leaf.lf04{
  top: 205vh;
  left: 42vw;
  width: 1.5vw;
}
.homeGallery .leaf.lf05{
  top: 216vh;
  transform: rotate(50deg);
  left: 7.5vw;
  width: 3.5vw;
}
.homeGallery .leaf.lf06{
  top: 290vh;
  left: 25vw;
  width: 3vw;
}

/* ThamrinNine */
.homeThamrinNine .sticky-statement{
  position: relative;
  width: 100vw;
  height: 180vh;
}
.homeThamrinNine .sticky-statement .background{
  position: sticky;
  top: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.homeThamrinNine .logo{
  /*
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8vw;
  width: 10vw;
  */
  margin: 0 auto 3vh;
  width: 55%;
  height: auto;
}
.homeThamrinNine .wrap{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14vw;
  width: 28vw;
  /*height: 50vh;*/
  height: auto;
}
.homeThamrinNine .wrap .compImage{
  padding: 5vh 4vw;
  text-align: center;
}
.homeThamrinNine .wrap .compImage .title{
  margin-bottom: 3vh;
}
.homeThamrinNine .wrap .compImage .brief{
  margin-bottom: 3vh;
}
.homeThamrinNine .wrap .compImage .btnLeParc03 span{
  width: 1.4vw;
  height: 1.4vw;
  border: 1px solid transparent;
}

/* AgoraMall */
.homeAgoraMall .sticky-statement{
  position: relative;
  width: 100vw;
  height: 180vh;
}
.homeAgoraMall .sticky-statement .background{
  position: sticky;
  top: 0;
  width: 100vw;
  height: 110vh;
  object-fit: cover;
  object-position: top;
}
.homeAgoraMall .logo{
  margin: 0 auto 3vh;
  width: 55%;
  height: auto;
}
.homeAgoraMall .wrap{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14vw;
  width: 28vw;
  height: auto;
}
.homeAgoraMall .wrap .compImage{
  padding: 6vh 4vw 5vh;
  text-align: center;
}
.homeAgoraMall .wrap .compImage .title{
  margin-bottom: 3vh;
}
.homeAgoraMall .wrap .compImage .brief{
  margin-bottom: 3vh;
}
.homeAgoraMall .wrap .compImage .btnLeParc03 span{
  width: 1.4vw;
  height: 1.4vw;
  border: 1px solid transparent;
}
/*  
.homeAgoraMall{
  margin-top: -35vh;
}
.homeAgoraMall .background{
  width: 100vw;
}
.homeAgoraMall .image{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
}
.homeAgoraMall .wrap{
  top: 45%;
  left: 8vw;
  right: unset;
  width: 30vw;
}
.homeAgoraMall .wrap .logo{
  margin-bottom: 5vh;
  width: 10.5vw;
}
.homeAgoraMall .wrap .title{
  margin-bottom: 3vh;
}
.homeAgoraMall .wrap .brief{
  margin-bottom: 5vh;
}
*/

/* Newsletter */
.homeNewsletter{
  margin-bottom: -10vh;
}
.homeNewsletter .background{
  width: 100vw;
}
.homeNewsletter .wrap{
  width: 84vw;
}
.homeNewsletter .wrap .title{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10vw;
  width: 35vw;
}
.homeNewsletter .wrap #wpcf7-f537-p8-o1,
.homeNewsletter .wrap .wpcf7.js,
.homeNewsletter .wrap form{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 38.5vw;
}
.homeNewsletter .wrap #wpcf7-f537-p8-o1 .wpcf7-response-output,
.homeNewsletter .wrap .wpcf7.js .wpcf7-response-output{
  top: 130%;
  bottom: unset;
  width: 100%;
}
.homeNewsletter .wrap form #formLeParc input{
  padding: 2.5vh 1.8vw;
  border: none;
  background: #F5F5F5;
}
.homeNewsletter .wrap form #formLeParc button{
  position: absolute;
  top: 0;
  right: 0;
  width: 15%;
  height: 100%;
  border: none;
  background: transparent;
}
.homeNewsletter .wrap form #formLeParc button img{
  width: 2.5vw;
}
/*=========================================================================================================END HOME PAGE=========================================================================================================*/

/*=========================================================================================================RESIDENCES PAGE=========================================================================================================*/
/* Content */
.mainResidences .table{
  display: flex;
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
}
.mainResidences .table>:not(:first-child){
  border: unset !important;
}
.mainResidences .rpTableCell{
  position: relative;
  display: flex;
  width: 33.333vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  transition: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  transition: all 300ms;
  overflow: hidden;
  cursor: pointer;
}
.mainResidences .rpTableCell .background{
  position: absolute;
  opacity: 1;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  object-fit: cover;
  transition: all 0.8s;
  transition-delay: 0.15s;
}
.mainResidences .rpTableCell:hover .background{
  transform: scale(1.1);
  transition: all 0.8s;
  transition-delay: 0.15s;
}
.mainResidences .rpTableCell .overlay{
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
  transition-delay: 0.15s;
}
.mainResidences .rpTableCell h3{
  display: inline-block;
  z-index: 3;
  top: 50%;
  transform: unset;
  width: auto;
  transition: all 300ms;
}
.mainResidences .rpTableCell:hover h3{
  top: 30%;
  color: #A07B35 !important;
  transition: all 300ms;
}
.mainResidences .rpTableCell .btnLeParc04{
  position: absolute;
  z-index: 3;
  margin: 0 auto;
  top: 65%;
  left: 0;
  right: 0;
  width: 11vw;
  min-width: 150px;
  transition: all 300ms;
}
.mainResidences .rpTableCell:hover .btnLeParc04{
  top: 45%;
  border: 1px solid #F5F5F5;
  background: #F5F5F5;
  transition: all 300ms;
}
.mainResidences .rpTableCell .btnLeParc04 span{}
.mainResidences .rpTableCell:hover .btnLeParc04 span{
  background: #A07B35;
}
.mainResidences .rpTableCell .btnLeParc04 span::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/icon-plus.png');
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 80% 80%;
}
.mainResidences .rpTableCell .btnLeParc04 p{}
.mainResidences .rpTableCell:hover .btnLeParc04 p{
  color: #A07B35 !important;
}
.mainResidences .rpTableCell .ovHousing{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainResidences .rpTableCell .ovHousing::before,
.mainResidences .rpTableCell .ovHousing::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0s;
}
.mainResidences .rpTableCell .ovHousing::before{z-index: 1;}
.mainResidences .rpTableCell .ovHousing::after{z-index: 2;}
.mainResidences .rpTableCell .ovHousing.ovInactive::before{
  background: #272324;
  mix-blend-mode: multiply;
  opacity: 0.5;
}
.mainResidences .rpTableCell .ovHousing.ovInactive::after{
  background: #A07B35;
  mix-blend-mode: hue;
  opacity: 0.5;
}
.mainResidences .rpTableCell .ovHousing.ovHover::before{
  background: #D4F1DF;
  mix-blend-mode: lighten;
  opacity: 0.8;
}
.mainResidences .rpTableCell .ovHousing.ovHover::after{
  background: unset;
  mix-blend-mode: unset;
  opacity: unset;
}
.mainResidences .rpTableCell .ovHousing.ovActiveHover::before{
  background: #D4F1DF;
  mix-blend-mode: lighten;
  opacity: 0.8;
}
.mainResidences .rpTableCell .ovHousing.ovActiveHover::after{
  background: unset;
  mix-blend-mode: unset;
  opacity: unset;
}
/*=========================================================================================================END RESIDENCES PAGE=========================================================================================================*/

/*=========================================================================================================DETAIL RESIDENCES PAGE=========================================================================================================*/
/* Header */
.mainDetailResidences .drHeader .lpWrap,
.mainDetailResidences .drHeader .lpWrap .background{
  height: 110vh;
}
.mainDetailResidences .drHeader .back{
  position: absolute;
  top: 22vh;
  left: 8vw;
}
.mainDetailResidences .drHeader .back .icon{
  display: inline-block;
  vertical-align: middle;
  width: 2.5vw;
}
.mainDetailResidences .drHeader .back p{
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0.3vw;
}
.mainDetailResidences .drHeader .brief{
  position: absolute;
  bottom: 12vh;
  left: 8vw;
}
.mainDetailResidences .drHeader .brief h1{
  margin: 5vh 0;
  line-height: 5vh;
}
.mainDetailResidences .drHeader .brief .info{
  list-style: none;
  margin: 0;
  padding: 0;
}
.mainDetailResidences .drHeader .brief .info li{
  display: inline-block;
  width: 35%;
  vertical-align: middle;
}
.mainDetailResidences .drHeader .brief .info li img{
  display: inline-block;
  vertical-align: middle;
  width: 3.5vw;
}
.mainDetailResidences .drHeader .brief .info li p{
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.mainDetailResidences .drHeader .brief .info.type{
  margin: 3vh 0;
}
.mainDetailResidences .drHeader .brief .info.type li{
  position: relative;
  display: inline-block;
  padding: 0 1vw;
  text-align: left;
}
.mainDetailResidences .drHeader .brief .info.type li::after{
  content: '';
  position: absolute;
  top: 0.5vh;
  right: 0;
  width: 1px;
  height: 100%;
  background: #F5F5F5;
}
.mainDetailResidences .drHeader .brief .info.type li:nth-child(1)::before{
  content: '';
  position: absolute;
  top: 0.5vh;
  left: 0;
  width: 1px;
  height: 100%;
  background: #F5F5F5;
}
.mainDetailResidences .drHeader .brief .info.type li p{
  font-family: "PlusJakartaSans-Bold";
  font-size: clamp(12px, 0.7vw, 14px);
  line-height: 2.5vh;
  letter-spacing: 0;
}

/* USP */
.mainDetailResidences .drUSP .ornament01{
  position: absolute;
  z-index: 2;
  bottom: -15vh;
  left: 0;
  width: 10vw;
}
.mainDetailResidences .drUSP .ornament02{
  width: 6vw;
}
.mainDetailResidences .drUSP .title{
  position: absolute;
  z-index: 2;
  top: 24vh;
  width: 100%;
  text-align: center;
}
.mainDetailResidences .drUSP .title h2{
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
.mainDetailResidences .drUSP .cn-slider{
  position: absolute;
  margin: 0 auto;
  bottom: 20vh;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
.mainDetailResidences .drUSP .brief{
  top: 45vh;
  transform: unset;
  width: 55%;
}
.mainDetailResidences .drUSP .brief h2{
  position: relative;
  z-index: 1;
  margin: 5vh 0 10vh;
  line-height: 5vh;
}
.mainDetailResidences .drUSP .sliderOneCarousel .item{
  position: relative;
  width: 100%;
  height: 100vh;
}
.mainDetailResidences .drUSP .sliderOneCarousel .item .image01{
  width: 35vw;
  height: 80vh;
  text-align: center;
}

/* Type */
.mainDetailResidences .drType{
  margin-top: 15vh;
  height: 215vh;
}
.mainDetailResidences .drType .ornament01{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainDetailResidences .drType .rstPath{
  position: absolute;
  z-index: 2;
  padding-bottom: 2.5vh;
  top: 0;
  left: 8vw;
  width: 84vw;
  border-bottom: 1px solid #807B70;
}
.mainDetailResidences .drType .rstType{
  position: absolute;
  z-index: 2;
  top: 12vh;
  left: 8vw;
}
.mainDetailResidences .drType .rstType .listDropdown{
  position: relative;
  display: inline-block;
  margin-left: 1vw;
  padding: 1.5vh 4vw 1.5vh 1.2vw;
  border: 1px solid #A07B35;
  border-radius: 50vw;
  background: #F5F5F5;
  cursor: pointer;
  text-align: left;
}
.mainDetailResidences .drType .rstType .listDropdown ul{
  display: none;
  list-style: none;
  background: #F5F5F5;
}
.mainDetailResidences .drType .rstType .listDropdown ul li{
  display: block;
  width: 100%;
  background: #fff !important;
}
.mainDetailResidences .drType .rstType .listDropdown ul li:hover{
  color: #81AA6D !important;
}
.mainDetailResidences .drType .rstType .listDropdown ul li p{
  margin-bottom: -1px;
  background-color: #F5F5F5;
  border-color: transparent !important;
}
.mainDetailResidences .drType .rstType .listDropdown .listHolder span{
  display: none;
  width: 100%;
}
.mainDetailResidences .drType .rstType .listDropdown .listHolder span:first-child{
  display: block;
}
.mainDetailResidences .drType .rstType .listDropdown .icon{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 3vw;
  height: 100%;
  background: #EFE9DC;
  border-left: 1px solid #A07B35;
  border-top-right-radius: 50vw;
  border-bottom-right-radius: 50vw;
}
.mainDetailResidences .drType .rstType .listDropdown .icon img{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1vw;
  width: 1.2vw;
}
.mainDetailResidences .drType .rstType .listDropdown .onSelect{
  display: inline-block;
  z-index: 2;
  position: absolute;
  padding: 1.5vh 1.2vw;
  top: 6.5vh;
  left: 0;
  width: 18vw;
  border-radius: 1vw;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
}
.mainDetailResidences .drType .rstType .listDropdown.onSelect li{
  height: 100%;
  transition: height 2s ease 0s;
}
.mainDetailResidences .drType .rstType .listDropdown.onSelect li p{
  background-color: #F5F5F5;
  border-color: transparent;
}
.mainDetailResidences .drType .rstType .listDropdown.onSelect li:hover p{
  font-family: "PlusJakartaSans-Bold";
}
.mainDetailResidences .drType .rstContent{
  position: relative;
  padding: 10vh 7vw 10vh 8vw;
  width: 100%;
  height: 115vh;
}
.mainDetailResidences .drType .rstContent .tabcontent01,
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01,
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .wrapContent{
  position: absolute;
  padding: 10vh 7vw 10vh 8vw;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .title{
  margin: 12vh 0 3vh;
  width: 38vw;
  font-size: clamp(30px, 2.6vw, 50px);
  line-height: 6vh;
  letter-spacing: 0.2vw;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 ul{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 38vw;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 li{
  display: inline-block;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .info li{
  width: 35%;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .info li:first-child{
  width: 27%;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .info li p{
  margin-bottom: 0;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .facility{
  position: absolute;
  bottom: 53vh;
  left: 8vw;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .facility li{
  margin-right: 1vw;
  text-align: center;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .facility li img{
  width: 4vw;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .btnLeParc03{
  position: absolute;
  margin: 0 auto;
  bottom: 10vh;
  left: 0;
  right: 0;
  width: 14vw;
  min-width: 220px;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .btnLeParc03 span{
  width: 1.8vw;
  height: 1.8vw;
  background: transparent !important;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .btnLeParc03:hover span{}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .btnLeParc03 span::after{
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/wa-bw.png);
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 80% 80%;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .btnLeParc03:hover span::after{
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/wa-cl.png);
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 80% 80%;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .compassIcon{
  position: absolute;
  z-index: 2;
  top: 25vh;
  right: 7vw;
  width: 5vw;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .compassLegend{
  position: absolute;
  top: 64vh;
  left: 8vw;
  width: 10vw;
  min-width: 130px;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .compassLegend li{
  display: block;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .compassLegend li p{
  margin-bottom: 1vh;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .compassLegend li p span{
  display: inline-block;
  margin-right: 1vw;
  width: 1vw;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02{
  position: absolute;
  z-index: 2;
  margin: 0;
  padding: 0;
  z-index: 2;
  top: 48%;
  transform: translateY(-50%);
  right: 7vw;
  width: 7vw;
  border: 1px solid #A07B35;
  border-radius: 1vw;
  overflow: hidden;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02 li{
  display: block;
  margin-top: -1px;
  width: 100%;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02 li p{
  margin: 0;
  padding: 1vh 0;
  color: #807B70;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
  transition: all .3s;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02 li p:hover,
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02 li p.active{
  color: #F5F5F5;
  background: #A07B35;
  transition: all .3s;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .tabcontent02{
  position: absolute;
  z-index: 1;
  top: 10vh;
  right: 7vw;
  width: 49vw;
  height: 80.7vh;
  mix-blend-mode: multiply;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .tabcontent02 .tabpane02{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .tabcontent02 .tabpane02 .image{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15%;
  width: 80%;
  mix-blend-mode: multiply;
}
.mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .tabcontent02 .tabpane02 .location{
  position: absolute;
  bottom: 0;
  right: 0;
  /* min-width: 15%; */
  width: 10vw;
}
.mainDetailResidences .drType .rstDescription{
  position: relative;
  width: 100%;
  height: 100vh;
}
.mainDetailResidences .drType .rstDescription .image{
  width: 80%;
  height: 100vh;
  object-fit: cover;
}
.mainDetailResidences .drType .rstDescription .brief{
  position: absolute;
  padding: 5vw;
  top: 60%;
  transform: translateY(-50%);
  right: 10vw;
  width: 29vw;
  height: 45vh;
}

/* Gallery */
.mainDetailResidences .drGallery .ornament01{
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  mix-blend-mode: multiply;
}
.mainDetailResidences .drGallery .ornament02{
  position: absolute;
  top: 14vh;
  transform: rotate(115deg);
  left: 28vw;
  width: 2.3vw;
}
.mainDetailResidences .drGallery .ornament03{
  position: absolute;
  top: 86vh;
  transform: rotate(0deg);
  right: 18vw;
  width: 4vw;
}
.mainDetailResidences .drGallery .ornament04{
  top: 43%;
  left: 8vw;
  right: unset;
  width: 17vw;
}
.mainDetailResidences .drGallery .ornament05{
  top: 43%;
  left: unset;
  right: 8vw;
  width: 17vw;
}
.mainDetailResidences .drGallery .rsgContent .title{
  margin: 10vh 0;
}
.mainDetailResidences .drGallery .rsgBook .ornament{
  width: 40vw;
}
.mainDetailResidences .drGallery .rsgBook .brief{
  width: 50vw;
}
.mainDetailResidences .drGallery .rsgBook .brief .title{
  margin-bottom: 8vh;
}

/* Other */
.mainDetailResidences .drOther .title{
  margin: 10vh 0;
}
.mainDetailResidences .drOther .rsoContent{
  position: relative;
  margin: 0 auto 10vh;
  width: 90vw;
  height: 64vh;
}
.mainDetailResidences .drOther .rsoContent .item{
  position: relative;
  display: inline-block;
  margin: 0 1vw;
  width: 41vw;
  height: 100%;
  background: #EFE9DB;
  border: 1px solid #A07B35;
  border-radius: 1vw;
  overflow: hidden;
  transition: all .3s;
}
.mainDetailResidences .drOther .rsoContent .item:hover{
  background: #A07B35;
  transition: all .3s;
}
.mainDetailResidences .drOther .rsoContent .item .image{
  width: 100%;
  height: 53vh;
  overflow: hidden;
}
.mainDetailResidences .drOther .rsoContent .item .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 1s;
}
.mainDetailResidences .drOther .rsoContent .item:hover .image img{
  transform: scale(1.2);
  transition: all 1s;
}
.mainDetailResidences .drOther .rsoContent .item .subtitle{
  margin: 4vh 0;
  font-family: "BrandonGrotesque-Bold";
  transition: all 1s;
}
.mainDetailResidences .drOther .rsoContent .item:hover .subtitle{
  color: #F5F5F5 !important;
  transition: all 1s;
}

/* Color Change */
.mainDetailResidences .drUSP,
.mainDetailResidences .drUSP .colorChange{
  background-color: #F6FCF9 !important;
}
.mainDetailResidences .drUSP .cn-slider li{
  background: #F6FCF9;
}
.mainDetailResidences .drUSP .cn-slider li:hover{
  background: #A07B35;
}
.mainDetailResidences.the-mansion .drUSP .colorChange{
  background-color: #A07B35;
}
.mainDetailResidences.the-mansion .drUSP .colorChange h2,
.mainDetailResidences.the-mansion .drUSP .colorChange p{
  color: #F5F5F5 !important;
}
.mainDetailResidences.the-mansion .drType .rstDescription .colorChange{
  background-color: #D4F1DF;
}
.mainDetailResidences.the-mansion .drType .rstDescription .colorChange p{
  color: #807B70 !important;
}
.mainDetailResidences.the-mansion .drGallery.colorChange{
  /* background-color: #E0D3BA; */
  background-color: #C0E0CD;
}
.mainDetailResidences.the-townhomes .drUSP .colorChange{
  background-color: #D4F1DF;
}
.mainDetailResidences.the-townhomes .drUSP .colorChange h2,
.mainDetailResidences.the-townhomes .drUSP .colorChange p{
  color: #A07B35 !important;
}
.mainDetailResidences.the-townhomes .drType .rstDescription .colorChange{
  background-color: #E0D3BA;
}
.mainDetailResidences.the-townhomes .drType .rstDescription .colorChange p{
  color: #807B70 !important;
}
.mainDetailResidences.the-townhomes .drGallery.colorChange{
  background-color: #EEF9F2;
}
.mainDetailResidences.the-terraces .drUSP .colorChange{
  background-color: #E0D3BA;
}
.mainDetailResidences.the-terraces .drUSP .colorChange h2,
.mainDetailResidences.the-terraces .drUSP .colorChange p{
  color: #807B70 !important;
}
.mainDetailResidences.the-terraces .drType .rstDescription .colorChange{
  background-color: #A07B35;
}
.mainDetailResidences.the-terraces .drType .rstDescription .colorChange p{
  color: #F5F5F5 !important;
}
.mainDetailResidences.the-terraces .drGallery.colorChange{
  background-color: #EFE9DC;
}
.mainDetailResidences.the-mansion .drUSP .colorChange h2,
.mainDetailResidences.the-townhomes .drUSP .colorChange h2,
.mainDetailResidences.the-terraces .drUSP .colorChange h2{
  color: #A07B35 !important;
}
.mainDetailResidences.the-mansion .drUSP .colorChange p,
.mainDetailResidences.the-townhomes .drUSP .colorChange p,
.mainDetailResidences.the-terraces .drUSP .colorChange p{
  color: #272324 !important;
}

.btnTypeCategory{
  position: absolute;
  z-index: 5;
  top: -3vh;
  width: 12vw;
  height: 7vh;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #DDDDDD;
  cursor: pointer;
}
.btnTypeCategory.active,
.btnTypeCategory:hover{
  background: #A07B35;
}
.btnTypeCategory p{
  color: #807B70;
}
.btnTypeCategory.active p,
.btnTypeCategory:hover p{
  color: #F5F5F5;
}
.btnTypeCategory.btnSale{
  right: 19vw;
}
.btnTypeCategory.btnLease{
  right: 7vw;
}
.wrapOverlay{
  height: 115vh;
}
.wrapTypeCategory{
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 93vh;
  mix-blend-mode: multiply;
}
.wrapTypeCategory.active{
  z-index: 2;
  opacity: 1;
}
.wrapTypeCategory.wrapSale{}
.wrapTypeCategory.wrapLease{}
.wrapTypeCategory .rstContent .tabcontent01 .tabpane01 .tabcontent02 .tabpane02 .location{
  left: -37vw !important;
}
.wrapTypeCategory .rstContent .tabcontent01 .tabpane01 .compassLegend{
  z-index: 2 !important;
  top: unset !important;
  bottom: 23vh !important;
  left: unset !important;
  right: 5vw !important;
}
.wrapTypeCategory .rstContent .tabcontent01 .tabpane01 .compassIcon{
  top: 58vh !important;
  right: 8vw !important;
  width: 6vw !important;
}
.wrapTypeCategory .rstContent .tabcontent01 .tabpane01 .navpills02{
  top: 30vh !important;
  transform: unset !important;
}
/*=========================================================================================================END DETAIL RESIDENCES PAGE=========================================================================================================*/

/*=========================================================================================================ABOUT US PAGE=========================================================================================================*/
.mainAboutUs .background{
  width: 100vw;
  height: 115vh;
  object-fit: cover;
}

/* Header */
.mainAboutUs .auHeader .ornament01{
  top: 19%;
  left: 43vw;
  width: 3.5vw;
}
.mainAboutUs .auHeader .ornament02{
  top: 78%;
  transform: rotate(125deg);
  right: 75vw;
  width: 2vw;
}
.mainAboutUs .auHeader .ornament03{
  top: unset;
  bottom: 0;
  transform: unset;
  right: unset;
  width: 10vw;
}
.mainAboutUs .auHeader .brief{
  left: 8vw;
  right: unset;
  width: 34vw;
}
.mainAboutUs .auHeader .brief h1{
  margin: 0 0 4vh;
}

/* Achievement */
.mainAboutUs .auAchievement .background{
  height: 128vh;
}
.mainAboutUs .auAchievement .ornament01{
  z-index: 2;
  top: unset;
  bottom: -10vh;
  transform: unset;
  right: unset;
  width: 27vw;
}
.mainAboutUs .auAchievement .brief{
  left: 50vw;
  right: unset;
  width: 32vw;
}
.mainAboutUs .auAchievement .brief h2{
  margin-bottom: 3vh;
}
.mainAboutUs .auAchievement .brief p{
  margin-bottom: 10vh;
  width: 22vw;
}
.mainAboutUs .auAchievement .brief img{
  display: inline-block;
  margin-right: 1vw;
  width: 6vw;
}

/* USP */
.mainAboutUs .auUSP .ornament01{
  top: 6vh;
  transform: unset;
  left: 28vw;
  right: unset;
  width: 3vw;
}
.mainAboutUs .auUSP .ornament02{
  top: 4vh;
  transform: unset;
  left: unset;
  right: 16vw;
  width: 2.5vw;
}
.mainAboutUs .auUSP .ornament03{
  top: 35vh;
  transform: unset;
  left: 35vw;
  right: unset;
  width: 1.2vw;
}
.mainAboutUs .auUSP .ornament04{
  top: unset;
  bottom: 7vh;
  transform: rotate(-52deg);
  left: 15vw;
  right: unset;
  width: 2.2vw;
}
.mainAboutUs .auUSP .wrap{
  width: 84vw;
  height: 70%;
  text-align: center;
}
.mainAboutUs .auUSP .wrap .title{
  display: inline-block;
  margin-right: 18vw;
  width: 35vw;
  text-align: left;
}
.mainAboutUs .auUSP .wrap .brief{
  display: inline-block;
  width: 30vw;
  text-align: left;
}
.mainAboutUs .auUSP .wrap .item{
  display: inline-block;
  vertical-align: top;
  margin: 12vh 1vw 0;
  padding: 0 3vw;
  width: 30.36%;
  height: 55vh;
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/about-us/background-item-usp.png');
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.mainAboutUs .auUSP .wrap .item .icon{
  margin: -3vh 0 3vh;
  width: 10vw;
}
.mainAboutUs .auUSP .wrap .item h3{
  margin-bottom: 3vh;
}

/* Developer */
.mainAboutUs .auDeveloper .image{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainAboutUs .auDeveloper.auGroup .image{
  height: 95vh;
}
.mainAboutUs .auDeveloper .wrap{
  padding: 15vh 12vw 15vh 7vw;
  width: 100%;
  height: 100%;
}
.mainAboutUs .auDeveloper .wrap .logo{
  margin-bottom: 5vh;
  width: 8vw;
}
.mainAboutUs .auDeveloper .wrap h2{
  margin-bottom: 5vh;
  width: 80%;
}
.mainAboutUs .auDeveloper .wrap .brief{
  margin-bottom: 5vh;
}

/* Collaborations */
.mainAboutUs .auCollaborations{
  margin-bottom: 5vh;
}
.mainAboutUs .auCollaborations .wrap{
  position: absolute;
  padding: 15vh 0 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainAboutUs .auCollaborations .wrap h2{
  margin: 0 0 12vh 8vw;
}
.mainAboutUs .auCollaborations .wrap .cn-slider{
  position: absolute;
  z-index: 2;
  top: 15vh;
  right: 8vw;
}
.mainAboutUs .auCollaborations .wrap .cn-slider li{
  margin: 0 0 0 2vw;
}
.mainAboutUs .auCollaborations .wrap .sliderSPLCarousel{
  mix-blend-mode: multiply;
}
.mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item{
  padding: 6vh 3vw;
  width: 100%;
  height: 75vh;
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/about-us/background-item-collaborations.png');
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  mix-blend-mode: multiply;
}
.mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .logo{
  margin-bottom: 3vh;
  width: 10.4vw;
  mix-blend-mode: multiply;
}
.mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .subtitle{
  margin-bottom: 3vh;
}
.mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .hr01{
  margin-bottom: 3vh;
}
.mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .brief{
  margin-bottom: 0;
}
.mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .cat{
  position: absolute;
  margin-bottom: 0;
  bottom: 4vh;
  left: 3vw;
}
.mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .num{
  display: none;
}
/*=========================================================================================================END ABOUT US PAGE=========================================================================================================*/

/*=========================================================================================================GALLERY PAGE=========================================================================================================*/
/* Content */
.mainGallery .glContent{
  padding: 20vh 0 0;
}
.mainGallery .glContent .sliderGallery .item .image{
  height: 50vh;
}
.mainGallery .glContent .sliderGallery .owl-item.active .item .image{
  height: 70vh;
}
.mainGallery .glContent .sliderGallery .item .icon{
  display: none;
}
.mainGallery .glContent .sliderGallery .item .brief{
  opacity: 0;
  padding: 8vh 8vw;
}
.mainGallery .glContent .sliderGallery .owl-item.active .item .brief{
  opacity: 1;
}
.mainGallery .glContent .sliderGallery .item .brief h2{
  margin-bottom: 3vh;
  font-size: clamp(15px, 1.2vw, 24px);
  line-height: 3.2vh;
  text-transform: uppercase;
}
.mainGallery .glContent .sliderGallery .owl-nav{
  top: 60vh;
  width: 85vw;
}
.mainGallery .glContent .sliderGallery .owl-nav button span{
  border: 1px solid #A07B35;
}
/*=========================================================================================================END GALLERY PAGE=========================================================================================================*/

/*=========================================================================================================CONTACT PAGE=========================================================================================================*/
/* Content */
.mainContactUs .ctContent .ornament01{
  position: absolute;
  top: 0;
  right: 0;
  height: 100vh;
}
.mainContactUs .ctContent .wrap{
  position: relative;
  z-index: 2;
  padding: 18vh 15vw;
}
.mainContactUs .ctContent .wrap .title{
  margin-bottom: 8vh;
  text-align: center;
}
.mainContactUs .ctContent .wrap form{
  text-align: left;
}
/*=========================================================================================================END CONTACT PAGE=========================================================================================================*/

/*=========================================================================================================PRIVACY POLICY PAGE=========================================================================================================*/
/* Content */
.mainPrivacyPolicy .ppContent{margin: 0 auto;padding: 30vh 0;width: 70vw;}
.mainPrivacyPolicy .ppContent h1,.mainPrivacyPolicy .ppContent h2,.mainPrivacyPolicy .ppContent h3,.mainPrivacyPolicy .ppContent h4,.mainPrivacyPolicy .ppContent h5,.mainPrivacyPolicy .ppContent h6,.mainPrivacyPolicy .ppContent p{padding: 0 5vw;}
.mainPrivacyPolicy .ppContent a{text-decoration: underline !important;}
.mainPrivacyPolicy .ppContent hr{margin: 10vh 0;}
.mainPrivacyPolicy .ppContent h1{margin-bottom: 1vh;text-align: center;text-transform: uppercase;font-family: "CandidaStd-Bold";font-size: clamp(30px, 3vw, 58px);line-height: 8vh;letter-spacing: 0.5vw;color: #A07B35 !important;}
.mainPrivacyPolicy .ppContent h2{margin-bottom: 3vh;text-transform: uppercase;font-family: "BrandonGrotesque-Bold";font-size: clamp(18px, 1.6vw, 31px);line-height: 4vh;letter-spacing: 0.1vw;}
.mainPrivacyPolicy .ppContent h3{margin-bottom: 3vh;font-family: "CandidaStd-Italic";font-size: clamp(18px, 1.6vw, 31px);line-height: 4vh;letter-spacing: 0.01vw;}
.mainPrivacyPolicy .ppContent h4{font-family: "PlusJakartaSans-Bold";font-size: clamp(15px, 0.95vw, 19px);line-height: 3.2vh;letter-spacing: 0;}
.mainPrivacyPolicy .ppContent p{margin-bottom: 3vh;font-family: "PlusJakartaSans-Regular";font-size: clamp(15px, 0.95vw, 19px);line-height: 3.2vh;letter-spacing: 0;}
.mainPrivacyPolicy .ppContent strong,.mainPrivacyPolicy .ppContent b{font-family: "PlusJakartaSans-Bold";}
.mainPrivacyPolicy .ppContent p span{display: block;margin-bottom: 10vh;text-align: center;font-family: "BrandonGrotesque-Regular";font-size: clamp(15px, 1.2vw, 24px);line-height: 3.2vh;letter-spacing: 0.1vw;}
.mainPrivacyPolicy .ppContent ul{margin-bottom: 3vh;padding: 0 5vw 0 6vw;list-style: disc;}
.mainPrivacyPolicy .ppContent ul li{font-family: "PlusJakartaSans-Regular";font-size: clamp(15px, 0.95vw, 19px);line-height: 3.2vh;letter-spacing: 0;}
.mainPrivacyPolicy .ppContent ul li::marker{font-size: clamp(15px, 1vw, 20px);}
.mainPrivacyPolicy .ppContent ul li p{margin-bottom: 0;padding: 0;}
/*=========================================================================================================END PRIVACY POLICY PAGE=========================================================================================================*/

/*=========================================================================================================ARTICLES COMPONENT=========================================================================================================*/
.compArticleItem{
    display: block;
    margin-bottom: 5vh;
}
.compArticleItem .image{
    margin-bottom: 2vh;
    width: 100%;
    height: 26vh;
    object-fit: cover;
}
.compArticleItem .cat{
    padding: 1.2vh 1.5vw;
}
.compArticleItem .date{
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 1.2vh;
    margin-right: 1vh;
    opacity: 0.5;
}
.compArticleItem .date .icon{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2vw;
    width: 1vw;
}
.compArticleItem .date p{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.compArticleItem .date p span{
    margin-left: 1vh;
}
.compArticleItem .time{
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 1.2vh;
    opacity: 0.5;
}
.compArticleItem .time .icon{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2vw;
    width: 1vw;
}
.compArticleItem .time p{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.compArticleItem .title h3{
    margin-top: 2vh;
    font-size: clamp(15px, 1.2vw, 24px);
    line-height: 3.7vh;
}
.thumbArticles .wrap{
    padding: 15vh 0 15vh 8vw;
}
.thumbArticles .wrap h2{
    margin-bottom: 10vh;
}
.thumbArticles .wrap .thumbArticlesLink{
    position: absolute;
    padding: 0 0.5vw 1vh;
    top: 16vh;
    right: 21vw;
    border-bottom: 0.1vh solid #272324;
}
.thumbArticles .wrap .thumbArticlesLink b{
    font-family: "PlusJakartaSans-Bold";
}
.thumbArticles .wrap .content.stagePadding-01 .owl-stage{padding-left:0px !important;}
.thumbArticles .wrap .content.stagePadding-01 .item{
    padding: 0 2vw 0 0.1vw;
}
.thumbArticles .wrap .cn-slider{
    display: inline-block;
    position: absolute;
    top: 14vh;
    right: 8vw;
    margin: 0;
    padding: 0;
    list-style: none;
}
.thumbArticles .wrap .cn-slider li{
    position: relative;
    display: inline-block;
    margin: 0 1vw;
    width: 3.5vw;
    height: 3.5vw;
    border-radius: 50vw;
    background: #F5F5F5;
    border: 1px solid #A07B35;
    transition: all .3s;
    cursor: pointer;
}
.thumbArticles .wrap .cn-slider li:hover{
    background: #A07B35;
    border: 1px solid #F5F5F5;
    transition: all .3s;
}
.thumbArticles .wrap .cn-slider li::after{
    content: '';
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 2vw;
    height: 2vw;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}
.thumbArticles .wrap .cn-slider .cnsPrevBtn::after,.thumbArticles .wrap .cn-slider .cnsPrevBtn02::after{
    background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-left.png');
}
.thumbArticles .wrap .cn-slider .cnsPrevBtn:hover::after,.thumbArticles .wrap .cn-slider .cnsPrevBtn02:hover::after{
    background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png');
}
.thumbArticles .wrap .cn-slider .cnsNextBtn::after,.thumbArticles .wrap .cn-slider .cnsNextBtn02::after{
    background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-right.png');
}
.thumbArticles .wrap .cn-slider .cnsNextBtn:hover::after,.thumbArticles .wrap .cn-slider .cnsNextBtn02:hover::after{
    background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
}

.thumbArticles.homeArticles{
    background: #EFEFEF;
    border-top: 0.1vh solid #807B70;
    border-bottom: 0.1vh solid #807B70;
}
.thumbArticles.homeArticles .wrap h2{
    width: 100%;
    font-size: clamp(30px, 3vw, 58px);
    line-height: 8vh;
    letter-spacing: 0.5vw;
}
/*=========================================================================================================END ARTICLES COMPONENT=========================================================================================================*/

/*=========================================================================================================ARTICLES PAGE=========================================================================================================*/
.mainArticles .arContent .wrap{
    position: relative;
    z-index: 2;
    padding: 18vh 5vw;
}
.mainArticles .arContent .wrap .arcTitle{
    margin: 5vh 0 8vh;
    text-align: center;
}
.mainArticles .arContent .wrap .arcMenu{
    margin-bottom: 10vh;
    text-align: center;
    border-bottom: 0.1vh solid #807B70;
}
.mainArticles .arContent .wrap .arcMenu li{
    display: inline-block;
    margin: 0 5vw;
}
.mainArticles .arContent .wrap .arcMenu li a{
    display: block;
    padding-bottom: 2vh;
    font-family: "BrandonGrotesque-Regular";
    font-size: clamp(15px, 1vw, 20px);
    line-height: 3vh;
    letter-spacing: 0.1vw;
    color: #807B70;
    border-bottom: 0.5vh solid transparent;
}
.mainArticles .arContent .wrap .arcMenu li:hover a,
.mainArticles .arContent .wrap .arcMenu li.active a{
    font-family: "BrandonGrotesque-Bold";
    color: #A07B35;
    border-bottom: 0.5vh solid #A07B35;
}
.mainArticles .arContent .wrap .arcCTA{
    display: none;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6vh;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination.d-none{
    display: none;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 3.5vw;
    height: 3.5vw;
    border-radius: 50vw;
    background: #F5F5F5;
    border: 1px solid #A07B35;
    transition: all .3s;
    cursor: pointer;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow:hover{
  background: #A07B35;
  border: 1px solid #A07B35;
  transition: all .3s;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow::after{
  content: '';
  display: block;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 2vw;
  height: 2vw;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow.arcPagePrev::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-left.png');
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow.arcPagePrev:hover::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png');
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow.arcPageNext::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-right.png');
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow.arcPageNext:hover::after{
  background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow.disabled{
    opacity: 0.3;
    pointer-events: none;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers{
    display: flex;
    align-items: center;
    margin: 0 2vw;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers .arcPageNum{
    margin: 0 0.6vw;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers .arcPageNum a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2vw;
    height: 2.2vw;
    border-radius: 50%;
    color: #807B70;
    cursor: pointer;
    transition: all 0.3s ease;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers .arcPageNum:hover a,
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers .arcPageNum.active a{
    color: #F5F5F5;
    background: #A07B35;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers .arcPageEllipsis{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.6vw;
    width: 2.2vw;
    height: 2.2vw;
    color: #807B70;
    cursor: default;
}
/*=========================================================================================================END ARTICLES PAGE=========================================================================================================*/

/*=========================================================================================================DETAIL ARTICLES PAGE=========================================================================================================*/
.mainDetailArticles .daContent .wrap{
    position: relative;
    z-index: 2;
    padding: 20vh 0 0;
}
.mainDetailArticles .daContent .wrap .dacBack{
    display: block;
    margin-bottom: 3vh;
    text-align: center;
}
.mainDetailArticles .daContent .wrap .dacBack .icon{
    display: block;
    margin: 0 auto 1vh;
}
.mainDetailArticles .daContent .wrap .dacTitle{
    text-align: center;
    letter-spacing: 0.1vw;
    text-transform: uppercase;
}
.mainDetailArticles .daContent .wrap .dacInfo{
    margin: 2vh auto 5vh;
    width: 70vw;
    text-align: center;
}
.mainDetailArticles .daContent .wrap .dacInfo .cat{
    margin-right: 2vh;
    padding: 1.2vh 1.5vw;
}
.mainDetailArticles .daContent .wrap .dacInfo .date{
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vh;
    opacity: 0.5;
}
.mainDetailArticles .daContent .wrap .dacInfo .date .icon{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5vw;
}
.mainDetailArticles .daContent .wrap .dacInfo .date p{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.mainDetailArticles .daContent .wrap .dacInfo .date p span{
    display: inline-block;
    vertical-align: middle;
    margin: -0.5vh 0 0 1vh;
}
.mainDetailArticles .daContent .wrap .dacInfo .time{
    display: inline-block;
    vertical-align: middle;
    opacity: 0.5;
}
.mainDetailArticles .daContent .wrap .dacInfo .time .icon{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5vw;
}
.mainDetailArticles .daContent .wrap .dacInfo .time p{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription{
    padding: 15vh 15vw;
    background: #EFEFEF;
    border-top: 0.1vh solid #807B70;
    border-bottom: 0.1vh solid #807B70;
}
.mainDetailArticles .daContent .wrap .dacDescription .image img{
    margin-bottom: 5vh;
    width: 100%;
    height: auto;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h2,
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h3,
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h4,
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h5,
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h6{
    margin-top: 5vh;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap p{
    margin-bottom: 2vh;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h2{
    font-family: "CandidaStd-Italic";font-size: clamp(24px, 2.1vw, 41px);line-height: 6vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h3{
    font-family: "CandidaStd-Italic";font-size: clamp(18px, 1.6vw, 31px);line-height: 4vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h4{
    font-family: "CandidaStd-Italic";font-size: clamp(15px, 1.2vw, 24px);line-height: 3.2vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h5{
    font-family: "CandidaStd-Italic";font-size: clamp(15px, 0.95vw, 19px);line-height: 3.2vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h6{
    font-family: "CandidaStd-Italic";font-size: clamp(11px, 0.65vw, 13px);line-height: auto;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap a,
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap li,
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap p{
    font-family: "PlusJakartaSans-Regular";
    font-size: clamp(15px, 0.95vw, 19px);
    line-height: 3.2vh;
    letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare{
    margin-top: 15vh;
    text-align: center;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare h3{
    margin-bottom: 2vh;
    font-family: "BrandonGrotesque-Bold";
    font-size: clamp(18px, 1.6vw, 31px);line-height: 4vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare ul{
    margin-bottom: 2vh;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare ul li{
    display: inline-block;
    margin: 0 0.2vw;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare ul li a{
    padding: 0;
    font-size: clamp(18px, 1.5vw, 29px);
    width: 2.68vw;
    height: 2.68vw;
    color: #F5F5F5;
    background: #A07B35;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare ul li a:hover{
  color: #A07B35;
  background: #F5F5F5;
}
/*=========================================================================================================END DETAIL ARTICLES PAGE=========================================================================================================*/

/*=========================================================================================================END FOREIGN OWNERSHIP PAGE=========================================================================================================*/
.mainForeignOwnership .foPassport{
  padding: 20vh 8vw;
}
.mainForeignOwnership .foPassport .title{
  margin: 0 auto 7vh;
  width: 50vw;
}
.compContentProcess .item{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 8vh;
  width: 20vw;
}
.compContentProcess .item::after{
  content: '';
  display: block;
  position: absolute;
  top: 6vh;
  right: -2.5vw;
  width: 5vw;
  height: 5vw;
}
.compContentProcess .item:last-child::after{
  display: none;
}
.compContentProcess .item .image{
  margin-bottom: 2vh;
  width: 10vw;
  border-radius: 1.5vw;
  overflow: hidden;
  background: #F5F5F5;
}
.compContentProcess .item .text{}
.compContentProcess .item .text b{
  font-family: "PlusJakartaSans-Bold";
}
.mainForeignOwnership .foPassport .compContentProcess .item:nth-child(2),
.mainForeignOwnership .foPassport .compContentProcess .item:nth-child(3){
  width: 25vw;
}
.mainForeignOwnership .foPassport .compContentProcess .item::after{
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/foreign-ownership/foreign-passport-arrow.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% !important;
  border-radius: 50vw;
}
.mainForeignOwnership .foPassport .compContentProcess .item .image{
  background: #F5F5F5;
}
@media screen and (max-width: 846px){
  .mainForeignOwnership .foPassport{}
  .mainForeignOwnership .foPassport .title{
    width: 100%;
  }
  .compContentProcess .item{
    margin: 0 0 8vh;
    width: 100% !important;
  }
  .compContentProcess .item::after{
    display: none;
  }
  .compContentProcess .item:last-child::after{}
  .compContentProcess .item .image{
    width: 40vw;
    border-radius: 8vw;
  }
  .compContentProcess .item .text{}
  .compContentProcess .item .text b{}
  .mainForeignOwnership .foPassport .compContentProcess .item:nth-child(2),
  .mainForeignOwnership .foPassport .compContentProcess .item:nth-child(3){}
  .mainForeignOwnership .foPassport .compContentProcess .item::after{}
  .mainForeignOwnership .foPassport .compContentProcess .item .image{}
}
.mainForeignOwnership .foKitasKitab{
  padding: 20vh 8vw;
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/foreign-ownership/foreign-kitaskitab-background.webp);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.mainForeignOwnership .foKitasKitab .title{
  margin: 0 auto 7vh;
  width: 50vw;
}
.mainForeignOwnership .foKitasKitab .compContentProcess .item:nth-child(2),
.mainForeignOwnership .foKitasKitab .compContentProcess .item:nth-child(3){
  width: 25vw;
}
.mainForeignOwnership .foKitasKitab .compContentProcess .item::after{
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/foreign-ownership/foreign-kitaskitab-arrow.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% !important;
  border-radius: 50vw;
}
.mainForeignOwnership .foKitasKitab .compContentProcess .item .image{
  background: #B19052;
}
@media screen and (max-width: 846px){
  .mainForeignOwnership .foKitasKitab{}
  .mainForeignOwnership .foKitasKitab .title{
    width: 100%;
  }
  .mainForeignOwnership .foKitasKitab .compContentProcess .item:nth-child(2),
  .mainForeignOwnership .foKitasKitab .compContentProcess .item:nth-child(3){}
  .mainForeignOwnership .foKitasKitab .compContentProcess .item::after{}
  .mainForeignOwnership .foKitasKitab .compContentProcess .item .image{} 
}
/*=========================================================================================================END FOREIGN OWNERSHIP PAGE=========================================================================================================*/

/*=========================================================================================================POSTER=========================================================================================================*/
.leparc-poster{
  position: fixed;
  z-index: -100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  text-align: center;
  opacity: 0;
  transition: all .3s;
}
.leparc-poster.active{
  z-index: 1055;
  opacity: 1;
  transition: all .3s;
}
.leparc-poster .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #000000;
  opacity: 0;
  transition: all .3s;
}
.leparc-poster.active .overlay{
  opacity: 0.55;
  transition: all .3s;
}
.leparc-poster .close{
  position: absolute;
  padding: 1.2vh 1.2vw;
  top: 2vh;
  right: 2vw;
}
.leparc-poster .image{
  max-width: 80vw;
  width: auto;
  max-height: 80vh;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 846px){
  .leparc-poster .close{
    padding: 1.4vh 5vw;
  }
}
/*=========================================================================================================END POSTER=========================================================================================================*/

/*=========================================================================================================COMPONENT SECTION STACKING=========================================================================================================*/
.compstacking{
  width: 100vw;
  min-height: 100vh;
}
.compstacking-section{
  display: grid;
  position: sticky;
  top: 0;
  background-color: #EEF9F2;
  width: 100%;
  height: 100vh;
}
/*=========================================================================================================END COMPONENT SECTION STACKING=========================================================================================================*/

/*=========================================================================================================COMPONENT SLIDER STACKING=========================================================================================================*/
.compsliderstacking-wrapper{
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.compsliderstacking-base{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.compsliderstacking-slider{
  position: relative;
  width: 100%;
  height: 100%;
}
.compsliderstacking-slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateX(100%);
  z-index: 1;
  transition: transform .9s cubic-bezier(.77,0,.175,1), opacity .9s ease;
}
.compsliderstacking-slide img,
.compsliderstacking-base img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.compsliderstacking-slide.active{
  opacity: 1;
  transform: translateX(0%);
  z-index: 2;
}
.compsliderstacking-slide.prev{
  opacity: 1;
  transform: translateX(0%);
  z-index: 1;
}
.compsliderstacking-slide.next{
  opacity: 1;
  transform: translateX(100%);
  z-index: 3;
}
.compsliderstacking-content{
  position: absolute;
  bottom: 10vh;
  left: 5vw;
  width: 90vw;
}
.compsliderstacking-content .title{
  margin: 1vh 0 2vh;
  font-size: clamp(30px, 3vw, 58px);
  line-height: 7vh;
  letter-spacing: 0.3vw;
  text-shadow: 3px 3px 5px #000000;
}
.compsliderstacking-content .subtitle,
.compsliderstacking-content .brief{
  text-shadow: 3px 3px 5px #000000;
}
.compsliderstacking-content .btnLeParc04{
  position: absolute;
  right: 0;
  bottom: 10vh;
}
.compsliderstacking-nav{
  display: block;
  position: absolute;
  z-index: 20;
  bottom: 10vh;
  width: 3.5vw;
  height: 3.5vw;
  border: 1px solid #EEF9F2;
  border-radius: 50px;
  background: transparent;
  transition: all .3s;
}
.compsliderstacking-nav:hover{
  background: #EEF9F2;
  transition: all .3s;
}
.compsliderstacking-prev{
  right: 10vw;
}
.compsliderstacking-next{
  right: 5vw;
}
.compsliderstacking-nav::after{
  content: '';
  display: block;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 2vw;
  height: 2vw;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.compsliderstacking-prev::after{
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png);
  transition: all .3s;
}
.compsliderstacking-prev:hover::after{
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-dark-left.png);
  transition: all .3s;
}
.compsliderstacking-next::after{
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png);
  transition: all .3s;
}
.compsliderstacking-next:hover::after{
  background: url(https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-dark-right.png);
  transition: all .3s;
}
.compsliderstacking-dots{
  display: none;
  /* display: flex; */
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translateX(-50%);
  gap: 12px;
  z-index: 20;
}
.compsliderstacking-dot{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #777;
  cursor: pointer;
  transition: .35s;
}
.compsliderstacking-dot.active{
  width: 38px;
  border-radius: 20px;
  background: #fff;
}
/*=========================================================================================================END COMPONENT SLIDER STACKING=========================================================================================================*/

/*=========================================================================================================AWARDS PAGE=========================================================================================================*/
.mainAwards .fontWTHeroV2{
  font-size: clamp(30px, 3vw, 58px);
  line-height: 7vh;
  letter-spacing: 0.3vw;
}
.mainAwards .auHeader .ornament03{
  top: 0;
  bottom: unset;
  transform: unset;
  left: -5vw;
  right: unset;
  width: 14vw;
}
.mainAwards .auHeader .wrap{
  width: 84vw;
}
.mainAwards .auHeader .title{
  margin: 1vh 0 2vh;
}
.mainAwards .awGallery{
  padding: 15vh 8vw 8vh;
}
.mainAwards .awGallery .title{
  padding-left: 5vw;
}
.mainAwards .awGallery .trophy{
  width: 15vw;
}
.mainAwards .awGallery .compGallery{
  margin: 5%;
  width: 90%;
  height: 45vh;
}
.mainAwards .awGallery .compGallery .subtitle{
  position: absolute;
  z-index: 3;
  bottom: 10%;
  text-align: center;
  width: 100%;
}
.mainAwards .awGallery .compGallery .compImage .overlay{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
}
.mainAwards .auAchievement .background{
  height: auto;
}
/* .compowlsync's overlay content is sized with vh units (.item{height:60vh}, #owlsync1{bottom:21vh})
   while its container's height instead follows the background image's aspect ratio (width-based).
   On a portrait tablet the viewport height (1024px+) is tall relative to the rendered image width,
   so those vh values push the overlay text above the section, overlapping the gallery grid before it.
   Giving the section a matching min-height keeps the overlay contained without touching desktop. */
@media screen and (min-width: 847px) and (max-width: 1200px) and (orientation: portrait){
  .mainAwards .auAchievement .row > div{
    min-height: 92vh;
  }
  /* At this enforced 92vh height, the background's own width-based intrinsic aspect ratio
     no longer reaches the bottom of the section, leaving the certificate/podium overlay
     sitting on blank background well past where the image ends. Covering the full section
     (instead of the desktop's natural width-based height) keeps the podium behind it. */
  .mainAwards .auAchievement .background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 75% center;
  }
}
.mainAwards .awInstitution{
  padding: 15vh 8vw;
}
.mainAwards .awInstitution .image{
  margin-right: 3vw;
  transform: translateY(40%);
  width: 12vw;
  mix-blend-mode: multiply;
}
/*=========================================================================================================END AWARDS PAGE=========================================================================================================*/