body{color:#00474e;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Poppins,sans-serif}img{max-width:100%}.overflow{overflow:hidden}a{-o-transition:.25s ease-in-out;color:#00474e;transition:all .25s ease-in-out}a:hover{text-decoration:underline}@media (max-width:787px){.main-slider__nav .swiper-button-next,.swiper-button-prev{top:65px!important}.main-slider__nav .swiper-button-prev{top:65px!important;left:15px!important}}.main-slider__nav .swiper-button-next:hover,.main-slider__nav .swiper-button-prev:hover{color:rgba(var(--aports-white-rgb), 1);border:2px solid rgba(var(--aports-white-rgb), 1)}.main-slider__nav .swiper-button-next:after,.main-slider__nav .swiper-button-prev:after{display:none}.main-slider__nav .swiper-button-prev{margin-bottom:10px}.main-slider__nav .swiper-button-prev i{display:inline-block;position:relative}.main-slider__nav .swiper-button-prev{position:absolute;top:281px;left:49px;right:auto}.main-slider__nav .swiper-button-next{position:absolute;top:-47px;left:auto;right:15px}.main-slider__nav .swiper-button-next,.swiper-button-prev{z-index:9;width:50px;height:50px;color:rgba(var(--aports-white-rgb), .7);border:2px solid rgba(var(--aports-white-rgb), .7);text-align:center;background-image:none;border-radius:50%;justify-content:center;align-items:center;margin:0;font-size:18px;transition:all .5s;display:flex;position:absolute;top:280px;left:auto}.main-slider__nav .swiper-button-next:hover,.swiper-button-prev:hover{color:rgba(var(--aports-white-rgb), 1);border:2px solid rgba(var(--aports-white-rgb), 1);opacity:1}.main-slider__nav .swiper-button-next:after,.swiper-button-prev:after{display:none}.container{max-width:1280px}input[type=text]{border:1px solid #eee;width:100%;height:54px;padding:0 20px}textarea{border:1px solid #eee;width:100%;height:160px;padding:15px 20px}button[type=submit]{color:#fff;text-transform:uppercase;background:#818285;border:none;height:54px;padding:0 30px;font-size:13px;font-weight:600}.odometer{line-height:1}.odometer.odometer-auto-theme,.odometer.odometer-theme-car,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-car .odometer-digit{padding:0}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner{left:0}.accordion{float:left;background:#fff;width:100%;padding:0}.accordion .card{background:0 0;border:1px solid #eaebee;border-radius:0;margin-top:-1px}.accordion .card .card-header{background:0 0;border-bottom:none;padding:0}.accordion .card .card-header a{float:left;color:#26282b;width:100%;padding:20px 25px;font-weight:600}.accordion .card .card-header a:before{content:"+";float:left;text-align:center;color:#26282b;margin-right:8px;font-weight:600}.accordion .card .card-header a:hover{color:#818285;text-decoration:none}.accordion .card .card-body{border-top:1px solid #eee;width:100%;line-height:26px}.accordion .card [aria-expanded=true]{color:#818285!important}.accordion .card [aria-expanded=true]:before{content:"-"!important;color:#818285!important}.pagination{display:flex}.pagination .page-item{margin-right:6px;display:inline-block}.pagination .page-item.active .page-link{color:#fff;z-index:2;background:#818285;border-color:#0000;position:relative}.pagination .page-item.active .page-link:hover{color:#fff;background:#818285;border-color:#0000}.pagination .page-item .page-link{color:#26282b;border:1px solid #dee2e6;padding:15px 20px;font-size:13px;font-weight:600;line-height:1;display:inline-block;border-radius:0!important}.pagination .page-item .page-link:hover{color:#818285;background:0 0;border-color:#dee2e6}.gallery-container{text-align:center;background:#26282b;flex-wrap:wrap;width:100%;margin:30px 0;display:flex;position:relative;overflow:hidden}.gallery-container .swiper-wrapper{float:left;width:100%;position:relative}.gallery-container .swiper-slide{opacity:.6;width:100%;margin:0}.gallery-container .swiper-slide.swiper-slide-active{opacity:1;width:100%}.gallery-container .gallery-pagination{z-index:2;position:absolute;bottom:20px}.gallery-container .gallery-pagination .swiper-pagination-bullet{opacity:.5;background:#fff}.gallery-container .gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#ebcfa7}.video-bg{width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b", endColorstr="#818285", GradientType=1);background:linear-gradient(161deg,#26282b 0% 49%,#818285 100%);position:absolute;top:0;left:0;overflow:hidden}.video-bg video{float:left;opacity:.15;min-width:100%;min-height:100%}.nav-pills{flex-wrap:wrap;width:100%;margin-bottom:40px;display:flex}.nav-pills .nav-item{margin-right:30px;display:inline-block}.nav-pills .nav-item:last-child{margin-right:0}.nav-pills .nav-item .nav-link{color:#26282b;background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:4px 0;font-size:14px;font-weight:600}.nav-pills .nav-item .nav-link.active{border-bottom:2px solid #26282b}.breadcrumb{background:0 0;border-radius:0;width:100%;padding:0}.breadcrumb .breadcrumb-item{padding:0;font-size:14px;font-weight:600;display:inline-block}.breadcrumb .breadcrumb-item:first-child:before{display:none}.breadcrumb .breadcrumb-item:before{content:"»";color:#fff;padding:0 20px;font-weight:400}.breadcrumb .breadcrumb-item.active{color:#ebcfa7}.breadcrumb .breadcrumb-item a{color:#fff}.hamburger{cursor:pointer;margin-top:35px;margin-left:50px;transition-duration:.5s;transition-timing-function:cubic-bezier(.86,0,.07,1);position:relative;transform:rotate(0)}.hamburger span{opacity:1;-o-transition:.25s ease-in-out;background:#000;width:30px;height:2px;transition:all .25s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}.hamburger span:first-child{top:-1px}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){width:10px;top:19px}.hamburger span:nth-child(4){width:20px;top:19px;left:10px}.hamburger.open{margin:35px 0 0 50px}.hamburger.open span:first-child{top:9px;transform:rotate(135deg)}.hamburger.open span:nth-child(2){opacity:0;left:20px}.hamburger.open span:nth-child(3){width:30px;top:9px;transform:rotate(-135deg)}.hamburger.open span:nth-child(4){opacity:0;left:20px}.hamburger.open:hover span:nth-child(4){width:20px;left:10px}.navbar .hamburger{width:30px;height:21px;margin-left:auto;display:none}@media only screen and (max-width:767px),only screen and (max-device-width:767px){.navbar .hamburger{display:block}.title1 h1{padding-right:10px}.navbar .container .upper-side .menu img{padding-bottom:5px}}.navbar .home-link{color:#000;align-items:center;margin-left:50px;display:flex;position:relative}.navbar .home-link i{font-size:20px;display:block;position:relative;top:-4px}.navbar .home-link:hover{color:#00474e;text-decoration:none}@media only screen and (max-width:767px),only screen and (max-device-width:767px){.navbar .home-link{display:none}}.navbar .menu ul{align-items:center;margin-top:11px;margin-left:auto;display:flex}.navbar .menu ul li{margin-left:20px;list-style:none}.navbar .menu ul li a{color:#000;border-top:1px solid #0000;padding:25px 0;font-weight:600;display:block}.navbar .menu ul li a:hover{color:#00474e;border-top:1px solid #00474e;text-decoration:none}.preloader{z-index:12;background:#00474e;flex-direction:column;justify-content:center;width:100%;height:100vh;transition:all .7s cubic-bezier(.86,0,.07,1) .95s;display:flex;position:fixed;top:0;right:0;overflow:hidden}.preloader *{transition:all .7s cubic-bezier(.86,0,.07,1)}.preloader .layer{background:#333;width:100%;height:100vh;transition-delay:.3s;position:absolute;top:0;left:0}.preloader .inner{text-align:center;z-index:2;display:inline-block;position:relative}.preloader .inner figure{margin-bottom:10px;transition-delay:.1s;display:block}.preloader .inner figure img{height:60px}.preloader .inner p{color:#fff;font-size:13px;font-weight:600;display:block}.transition-overlay{z-index:12;background:#ebcfa7;width:100%;height:100vh;transition:all .7s cubic-bezier(.86,0,.07,1);position:fixed;top:0;left:-100%;overflow:hidden}.transition-overlay .layer{background:#333;width:100%;height:100vh;transition:all .7s cubic-bezier(.86,0,.07,1) .6s;position:absolute;top:0;right:-100%}.transition-overlay.active{left:0}.transition-overlay.active .layer{right:0}.page-loaded .preloader{right:-100%}.page-loaded .preloader .inner figure{opacity:0;transform:scale(1.5)}.page-loaded .preloader .inner p{opacity:0;transform:translateY(20px)}.page-loaded .preloader .layer{left:-100%}.page-loaded .navbar .container .upper-side{transform:translateY(0)}.page-loaded .navbar .container .menu{opacity:1}.page-loaded .slider .slider-container{opacity:1;transform:scale(1)}.side-navigation{z-index:10;color:#fff;background:#26282b;flex-direction:column;justify-content:center;width:400px;max-width:100%;height:100vh;min-height:400px;padding:0 40px;font-size:14px;transition:all .7s cubic-bezier(.86,0,.07,1);display:flex;position:fixed;top:0;left:-100%;box-shadow:10px 10px 50px #0003}.side-navigation .menu{margin-bottom:20px;display:none}.side-navigation .home-link{color:#fff;align-items:center;margin-bottom:30px;display:flex;position:relative}.side-navigation .home-link i{font-size:20px;display:block;position:relative;top:-4px}.side-navigation .menu ul{width:100%;margin:0;padding:0}.side-navigation .menu ul li{width:100%;margin:0;padding:3px 0;list-style:none;display:block;position:relative}.side-navigation .menu ul li ul{width:100%;margin-bottom:10px;padding-left:20px;display:none}.side-navigation .menu ul li ul li{display:block}.side-navigation .menu ul li ul li a{font-size:2vw}.side-navigation .menu ul li a{color:#fff;font-size:3vw;font-weight:600;display:inline-block}.side-navigation .menu ul li a:hover{color:#ebcfa7;text-decoration:none}.side-navigation .side-content{width:100%;display:block}.side-navigation figure{margin-bottom:30px;display:block}.side-navigation figure img{height:40px}.side-navigation address{margin-bottom:20px;display:block}.side-navigation h6{font-size:20px;font-weight:600}.side-navigation p{margin-bottom:30px;display:block}.side-navigation p a{color:#fff}.side-navigation .gallery{margin-bottom:20px;margin-left:-5px;margin-right:-5px;padding:0}.side-navigation .gallery li{float:left;width:33.3333%;margin:0;padding:0 5px;list-style:none}.side-navigation .gallery li img{width:100%}.side-navigation .social-media{float:left;width:100%;margin:0 0 20px;padding:0}.side-navigation .social-media li{float:left;margin-left:5px;padding:0;list-style:none}.side-navigation .social-media li a{float:left;text-align:center;color:#fff;background:#ffffff1a;width:40px;height:40px;font-size:13px;line-height:42px}.side-navigation .social-media li a:hover{color:#26282b;background:#ebcfa7}.side-navigation.active{left:0}.navbar{z-index:3;width:100%;padding:0;position:absolute;top:0;left:0}.navbar .container{flex-direction:column}.navbar .container .upper-side{flex-wrap:wrap;align-items:center;width:100%;transition:all .7s cubic-bezier(.86,0,.07,1) 1.2s;display:flex;transform:translateY(-80px)}.navbar .container .upper-side .logo{margin-left:0}.navbar .container .upper-side .logo img{height:48px}.navbar .container .upper-side .menu{margin-top:-1px;margin-left:0}.navbar .container .upper-side .menu img{height:70px;margin-top:16px}.navbar .container .upper-side .phone-email{text-align:right;color:#fff;margin-top:5px;margin-left:auto;margin-right:0}.navbar .container .upper-side .phone-email img{float:right;height:34px;margin-left:15px}.navbar .container .upper-side .phone-email h4{margin-top:3px;margin-bottom:-5px;font-size:17px;font-weight:600;line-height:1;display:-webkit-box}.navbar .container .upper-side .phone-email small{line-height:1}.navbar .container .upper-side .phone-email small a{opacity:.5;color:#fff}.navbar .container .upper-side .phone-email small a:hover{color:#ebcfa7;opacity:1;text-decoration:none}.navbar .container .upper-side .language{border-right:1px solid #ffffff26;margin-left:60px;margin-right:40px;padding:10px 30px 10px 0}.navbar .container .upper-side .language a{color:#fff;margin:0 5px;font-weight:600;display:inline-block}.navbar .container .upper-side .language a:hover{color:#ebcfa7;text-decoration:none}.navbar .container .menu{opacity:0;border-top:1px solid #ffffff26;flex-wrap:wrap;width:100%;transition:all .7s cubic-bezier(.86,0,.07,1) 1.4s;display:flex}.navbar .container .menu ul li:hover ul{opacity:1;visibility:visible;top:100%}.navbar .container .menu ul li ul{opacity:0;visibility:hidden;-o-transition:.25s ease-in-out;background:#26282b;min-width:220px;margin:0;padding:25px 0;transition:all .25s ease-in-out;position:absolute;top:120%;left:-35px}.navbar .container .menu ul li ul:before{content:"";border:10px solid #0000;border-top-width:0;border-bottom-color:#26282b;width:0;height:0;position:absolute;top:-10px;left:35px}.navbar .container .menu ul li ul li{white-space:nowrap;margin:0;padding:0 35px}.navbar .container .menu ul li ul li a{padding:8px 0}.navbar .container .menu ul li ul li a:hover{border-color:#0000}.navbar.sticky{z-index:3;opacity:1;background-color:#f9f9f9;position:fixed;top:0;left:0;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.navbar .container .upper-side.sticky{transform:translateY(0)}.navbar .container .menu.sticky{opacity:1;visibility:visible}.slider{flex-wrap:wrap;width:100%;height:100vh;min-height:600px;display:flex;overflow:hidden}.slider .slider-container{opacity:0;flex-wrap:wrap;width:100%;height:100%;transition:all .7s cubic-bezier(.86,0,.07,1) 1.25s;display:flex;overflow:hidden;transform:scale(1.3)}.slider .slider-container .swiper-slide{background-size:cover;flex-wrap:wrap;place-content:center;align-items:center;display:flex}.slider .slider-container .swiper-slide:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.slider .slider-container .swiper-slide .container{z-index:9;padding-left:100px;position:relative}.slider .slider-container .swiper-slide .container h1{color:#fff;margin-bottom:20px;font-family:Playfair Display,serif;font-size:5vw}.slider .slider-container .swiper-slide .container h1 span{display:inline-block;position:relative}.slider .slider-container .swiper-slide .container h1 span:before{content:"";z-index:-1;background:url(/sites/berjayaproperties-com-52858db9/project-oaka-residences-7694138a/title-mark.png) 50%/contain no-repeat;width:247px;height:70px;position:absolute;top:40px;left:0}.slider .slider-container .swiper-slide .container h2{color:#fff;margin-bottom:50px;font-weight:600}.slider .slider-container .swiper-slide .container a{float:left;color:#fff;-o-transition:.25s ease-in-out;border:2px solid #fff;height:60px;padding:0 40px;font-size:14px;font-weight:600;line-height:56px;transition:all .25s ease-in-out;position:relative;box-shadow:0 0 20px #ebcfa766}.slider .slider-container .swiper-slide .container a i{margin-left:10px}.slider .slider-container .swiper-slide .container a:hover{background:#00474e;border-color:#fff;text-decoration:none}.slider .slider-container .swiper-slide .container figure{float:left;margin-bottom:0;margin-left:40px}.slider .slider-container .swiper-slide .container figure img{height:60px}.slider .slider-container .inner-elements{width:100%;position:absolute;top:0;left:0}.slider .slider-container .inner-elements .container{height:100vh;position:relative}.slider .slider-container .inner-elements .container .social-media{z-index:4;text-align:center;width:20px;position:absolute;top:calc(50% + 60px);left:15px;transform:translateY(-50%)}.slider .slider-container .inner-elements .container .social-media h6{color:#fff;transform-origin:0;width:120px;margin-bottom:120px;margin-left:9px;font-size:14px;font-weight:600;transform:rotate(90deg)}.slider .slider-container .inner-elements .container .social-media ul{margin:0;padding:0}.slider .slider-container .inner-elements .container .social-media ul:before{content:"";background:#fff;width:1px;height:42px;margin-top:10px;margin-bottom:15px;display:inline-block}.slider .slider-container .inner-elements .container .social-media ul li{margin:0;padding:3px 0;list-style:none}.slider .slider-container .inner-elements .container .social-media ul li a{color:#fff;font-size:12px}.slider .slider-container .inner-elements .container .social-media ul li a:hover{color:#ebcfa7}.slider .slider-container .inner-elements .container .pagination{z-index:4;color:#fff;width:auto;font-size:14px;font-weight:600;line-height:50px;position:absolute;bottom:20px;left:auto;right:15px}.slider .slider-container .inner-elements .container .pagination .swiper-pagination-current{margin-right:5px;font-size:40px;font-weight:800}.slider .slider-container .inner-elements .container .pagination .swiper-pagination-total{margin-left:5px;font-size:20px}.slider .slider-container .inner-elements .container .button-prev{z-index:4;-o-transition:.25s ease-in-out;transform-origin:bottom;color:#fff;cursor:pointer;width:40px;margin-top:-60px;font-size:14px;font-weight:600;line-height:1;transition:all .25s ease-in-out;position:absolute;top:calc(50% + 60px);right:10px;transform:rotate(90deg)}.slider .slider-container .inner-elements .container .button-prev:hover{color:#ebcfa7}.slider .slider-container .inner-elements .container .button-prev:after{content:"";background:#fff;width:42px;height:1px;position:absolute;top:5px;right:calc(-100% - 20px)}.slider .slider-container .inner-elements .container .button-next{z-index:4;-o-transition:.25s ease-in-out;transform-origin:bottom;color:#fff;cursor:pointer;width:40px;margin-top:60px;font-size:14px;font-weight:600;line-height:1;transition:all .25s ease-in-out;position:absolute;top:calc(50% + 60px);right:10px;transform:rotate(90deg)}.slider .slider-container .inner-elements .container .button-next:hover{color:#ebcfa7}.page-header{background-color:#26282b;flex-wrap:wrap;width:100%;height:500px;margin-bottom:30px;padding-top:200px;display:flex;position:relative}.page-header:after{content:"";width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b", endColorstr="#818285", GradientType=1);opacity:.65;background:linear-gradient(161deg,#26282b 0% 49%,#818285 100%);position:absolute;top:0;left:0}.page-header .container{z-index:2;position:relative}.page-header .container h1{color:#ebcfa7;margin-bottom:20px;font-family:Playfair Display,serif;font-size:5vw}.page-header .container p{color:#fff;margin:0;font-size:20px;display:block}.page-header .container .breadcrumb{background:#818285;width:70%;margin:0;padding:40px 60px 40px 30px;position:absolute;bottom:-30px;left:15px}.intro{z-index:2;flex-wrap:wrap;width:100%;padding-top:35px;padding-bottom:35px;display:flex;position:relative}.intro figure{background:#00474e;margin-top:-20px;margin-bottom:0;display:inline-block;position:relative}.intro figure .pattern-bg{background:url(/sites/berjayaproperties-com-52858db9/project-oaka-residences-7694138a/side-pattern-bg.png) 0 0/contain;width:120%;height:100%;position:absolute;top:-5%;left:5%}.intro figure .holder{float:left;width:100%;position:relative;transform:translate(85px,-65px);display:block!important}.intro figure .holder img{width:525px;box-shadow:10px 10px 50px #0003}.intro .content-box{padding-left:10%;display:block}.intro .content-box b{opacity:.2;font-size:30px;font-weight:800;display:block}.intro .content-box h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.intro .content-box h4 span{color:#818285}.intro .content-box h3{margin-bottom:30px;font-weight:600}.intro .content-box p{max-width:330px;margin-bottom:30px;display:block}.intro .content-box a{color:#26282b;font-weight:600;display:inline-block}.intro .content-box a img{height:46px;margin-right:15px}.intro .content-box a:hover{color:#818285;text-decoration:none}.logos{flex-wrap:wrap;width:100%;padding:100px 0;display:flex}.logos *{-o-transition:.25s ease-in-out;transition:all .25s ease-in-out}.logos .col-lg-2{border-right:1px dashed #eee}.logos .col-lg-2:last-child{border-right:none}.logos figure{width:100%;margin:0;position:relative}.logos figure:hover img{opacity:0;transform:scale(1.2)}.logos figure:hover h6{opacity:1;transform:scale(1)}.logos figure img{width:100%}.logos figure h6{text-align:center;opacity:0;width:100%;height:20px;margin:-10px 0 0;font-size:13px;font-weight:800;line-height:20px;position:absolute;top:50%;transform:scale(1.1)}.benefits{text-align:center;background:#f9f9f9;flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.benefits .col{border-right:1px solid #eee;padding-top:20px;padding-bottom:20px}.benefits .col:nth-child(odd){margin-top:50px}.benefits .col:hover figure:after{opacity:1}.benefits .col:last-child{border-right:none}.benefits b{opacity:.2;font-size:30px;font-weight:800;display:block}.benefits h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.benefits h4 span{color:#818285}.benefits h3{margin-bottom:50px;font-weight:600}.benefits figure{margin-bottom:20px;display:block;position:relative}.benefits figure:after{content:"";opacity:0;z-index:0;background:#00474e;border-radius:50%;width:70px;height:70px;margin-left:-35px;position:absolute;top:0;left:50%}.benefits figure img{z-index:2;height:70px;position:relative}.benefits h6{font-size:14px;font-weight:600}.benefits .odometer{font-size:50px;font-weight:800;line-height:1}.benefits .extra{font-size:18px;font-weight:600;display:inline-block;transform:translateY(10px)}.recent-gallery{flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.apartment b{opacity:.2;font-size:30px;font-weight:800;display:block}.apartment h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.apartment h4 span{color:#818285}.apartment h3{margin-bottom:30px;padding-right:40%;font-weight:600}.recent-gallery .link{color:#26282b;padding-bottom:10px;font-size:14px;font-weight:600;display:inline-block;position:relative}.recent-gallery .link i{margin-left:10px}.recent-gallery .link:hover{text-decoration:none}.recent-gallery .link:hover:before{width:100%}.recent-gallery .link:before{content:"";-o-transition:.25s ease-in-out;background:#26282b;width:60px;height:2px;transition:all .25s ease-in-out;position:absolute;bottom:0;left:0}.recent-gallery figure{margin:0;position:relative;display:block!important}.recent-gallery .col-md-4:first-child{margin-top:150x;margin-left:100px}.recent-gallery .col-md-4:nth-child(2){margin-top:0}.recent-gallery .col-md-4:nth-child(3){margin-top:130px}.property-calculator{flex-wrap:wrap;width:100%;margin-top:100px;padding-bottom:150px;display:flex;position:relative}.property-calculator figure{background:#ebcfa7;margin-top:-20px;margin-bottom:0;display:inline-block;position:relative}.property-calculator figure:before{content:"";background:#ebcfa7;width:50vw;height:100%;position:absolute;top:0;left:-50vw}.property-calculator figure .pattern-bg{background:url(/sites/berjayaproperties-com-52858db9/project-oaka-residences-7694138a/side-pattern-bg.png) 0 0/contain;width:120%;height:100%;position:absolute;top:-5%;left:5%}.property-calculator figure .holder{float:left;width:100%;position:relative;transform:translate(85px,-35px);display:block!important}.property-calculator figure .holder img{width:525px;box-shadow:10px 10px 50px #0003}.property-calculator .content-box{padding-left:10%;display:block}.property-calculator .content-box b{opacity:.2;font-size:30px;font-weight:800;display:block}.property-calculator .content-box h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.property-calculator .content-box h4 span{color:#818285}.property-calculator .content-box h3{margin-bottom:30px;font-weight:600}.property-calculator .content-box ul{margin-bottom:60px;padding:0;display:block}.property-calculator .content-box ul li{margin:0;padding:0;list-style:none;display:inline-block}.property-calculator .content-box ul li:first-child{margin-right:30px}.property-calculator .content-box ul li img{height:35px}.property-calculator .content-box p{margin-bottom:30px;padding-right:40%;display:block}.property-calculator .content-box a{color:#26282b;font-weight:600;display:inline-block}.property-calculator .content-box a img{height:46px;margin-right:10px}.property-calculator .content-box a:hover{color:#818285;text-decoration:none}.property-plans{flex-wrap:wrap;width:100%;padding-top:100px;display:flex}.property-plans small{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:40px;display:block}.property-plans small:after{content:"";opacity:.5;background:#26282b;width:50px;height:1px;margin-bottom:4px;margin-left:5px;display:inline-block}.property-plans b{opacity:.2;font-size:30px;font-weight:800;display:block}.property-plans h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.property-plans h4 span{color:#818285}.property-plans h3{margin-bottom:30px;font-weight:600}.property-plans p{margin-bottom:30px;padding-right:40%;display:block}.property-plans table{margin-bottom:30px;font-size:15px;display:table}.property-plans table tr td{padding:5px 0}.property-plans table tr td:first-child{color:#818285;width:120px;font-weight:600}.property-plans .tab-nav{flex-wrap:wrap;width:100%;display:flex}.property-plans .tab-nav li{margin:0 10px 0 0;padding:0;list-style:none;display:inline-block}.property-plans .tab-nav li a{color:#26282b;font-weight:600}.get-consultation{background-color:#e5e4df;background-position:100%;background-repeat:no-repeat;background-size:auto 120%;flex-wrap:wrap;width:100%;margin-bottom:100px;padding-top:150px;display:flex}.get-consultation .content-box{color:#fff;background:#00474e;flex-wrap:wrap;width:500px;max-width:100%;margin-bottom:-100px;padding:80px 50px;display:flex;position:relative;overflow:hidden}.get-consultation .content-box:after{content:"";opacity:.15;border-top:100px solid #0000;border-bottom:100vh solid #0000;border-left:0 solid #0000;border-right:200px solid #ebcfa7;width:0;height:0;position:absolute;top:0;right:0}.get-consultation b{opacity:.2;width:100%;font-size:30px;font-weight:800;display:block}.get-consultation h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.get-consultation h4 span{color:#818285}.get-consultation h3{margin-bottom:30px;font-weight:600}.get-consultation p{margin-bottom:40px;padding-right:20%;display:block}.get-consultation a{float:left;color:#fff;-o-transition:.25s ease-in-out;background:#26282b;height:60px;padding:0 40px;font-size:14px;font-weight:600;line-height:60px;transition:all .25s ease-in-out;position:relative;box-shadow:0 10px 20px #00000026}.get-consultation a i{margin-left:10px}.get-consultation a:hover{color:#818285;background:#fff;text-decoration:none}.recent-posts{flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.recent-posts b{opacity:.2;font-size:30px;font-weight:800;display:block}.recent-posts h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.recent-posts h4 span{color:#818285}.recent-posts small{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:40px;display:block}.recent-posts small:after{content:"";opacity:.5;background:#26282b;width:50px;height:1px;margin-bottom:4px;margin-left:5px;display:inline-block}.recent-posts .post-box{flex-wrap:wrap;width:100%;display:flex}.recent-posts .post-box figure{margin-bottom:20px;display:block}.recent-posts .post-box h6{font-size:20px;font-weight:600;display:block}.recent-posts .post-box h6 a{display:inline-block}.recent-posts .post-box h6 a:hover{color:#818285;text-decoration:none}.recent-posts .post-box p{margin:0;display:block}.recent-posts .post-box span{opacity:.5;width:100%;margin-bottom:10px;font-size:13px;display:block}.property-customization{color:#fff;background:#26282b;flex-wrap:wrap;width:100%;padding:150px 0;display:flex;position:relative}.property-customization b{opacity:.2;width:100%;font-size:30px;font-weight:800;display:block}.property-customization h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.property-customization h4 span{color:#e818285}.property-customization h3{margin-bottom:30px;font-weight:600}.property-customization figure{border:1px solid #ffffff1a;align-items:center;width:100%;margin:15px 0;padding:15px 10px;display:flex}.property-customization figure img{float:left;height:40px;margin-right:15px}.property-customization figure figcaption{color:#fff;font-size:13px;font-weight:600}.apartment{flex-wrap:wrap;width:100%;padding:150px 0;display:flex;overflow:hidden}.apartment h2{margin-bottom:20px;font-family:Playfair Display,serif;font-size:4vw}.apartment h2 span{color:#818285}.apartment h6{margin-bottom:15px;font-size:20px;font-weight:600}.apartment h5{opacity:.5;margin-bottom:70px;font-weight:600}.apartment h4{margin-bottom:15px}.apartment p{margin-bottom:20px;line-height:1.7}.apartment p strong{font-weight:600}.apartment ul{width:100%;margin-bottom:30px;padding-left:20px;display:block}.apartment ul li{margin:0;padding:4px 0}.apartment blockquote{background:#ebcfa7;margin-bottom:40px;padding:30px;display:inline-block}.apartment blockquote p{margin:0}.apartment blockquote strong{font-size:20px}.apartment figure{width:100%;margin-top:50px;margin-bottom:70px;display:block}.apartment .gallery-slider{width:101%;margin-top:50px;margin-bottom:70px;overflow:hidden}.apartment .gallery-slider .gallery-container{margin:0 -34px}.apartment .property-plan{display:inline-block}.property-plans figure img{max-width:132%}.apartment .property-infos{color:#fff;float:left;background:#818285;margin-bottom:50px;margin-right:100px;padding:50px;display:inline-block}.apartment .property-infos .odometer{font-size:60px;font-weight:800;display:inline-flex;position:relative}.apartment .property-infos .odometer:after{content:attr(data-text);opacity:.5;margin-top:10px;margin-left:5px;font-size:30px;font-weight:600}.apartment .property-infos p:last-child{margin-bottom:0}.about-content{flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.about-content h2{margin-bottom:20px;font-family:Playfair Display,serif;font-size:4vw}.about-content h2 span{color:#818285}.about-content h6{margin-bottom:15px;font-size:20px;font-weight:600}.about-content h5{opacity:.5;margin-bottom:40px;font-weight:600}.about-content h4{margin-bottom:20px;font-weight:600}.about-content p{margin-bottom:20px;line-height:1.7}.about-content p strong{font-weight:600}.about-content ul{width:100%;margin-bottom:30px;padding-left:20px;display:block}.about-content ul li{margin:0;padding:4px 0}.about-content blockquote{background:#ebcfa7;margin-bottom:40px;padding:30px;display:inline-block}.about-content blockquote p{margin:0}.about-content blockquote strong{font-size:20px}.about-content .video-content{flex-wrap:wrap;width:100%;margin-top:30px;margin-bottom:60px;display:flex}.about-content .video-content video{float:left;width:100%;height:100%}.about-content .gallery-container{margin-bottom:50px}.certificates{flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.certificates b{opacity:.2;font-size:30px;font-weight:800;display:block}.certificates h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.certificates h4 span{color:#818285}.certificates small{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:40px;display:block}.certificates small:after{content:"";opacity:.5;background:#26282b;width:50px;height:1px;margin-bottom:4px;margin-left:5px;display:inline-block}.certificates figure{margin:0;display:block;box-shadow:0 0 20px #0000001a}.certificates figure img{width:100%}.facilities{flex-wrap:wrap;width:100%;display:flex}.facilities b{opacity:.2;font-size:30px;font-weight:800;display:block}.facilities h4{text-align:center;font-family:Playfair Display,serif;font-size:30px;display:block}.facilities h4 span{color:#818285}.facilities small{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:15px;display:block}.facilities small:after{content:"";opacity:.5;background:#26282b;width:50px;height:1px;margin-bottom:4px;margin-left:5px;display:inline-block}.facilities figure{float:left;width:100%;height:180px;margin:15px 0;padding:50px 30px;box-shadow:0 0 20px #00474e66}.facilities figure img{float:left;height:70px}.facilities figure figcaption{float:right;width:calc(100% - 90px)}.facilities figure figcaption h5{font-size:16px;font-weight:600}.facilities figure figcaption p{opacity:.5;margin:0;font-size:14px}.faq{flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.faq .sidebox{float:left;text-align:center;color:#fff;background:#818285;width:calc(100% - 70px);margin-left:70px;padding:40px 30px;top:0;position:sticky!important}.faq .sidebox i{margin-bottom:20px;font-size:100px;display:inline-block}.faq .sidebox h3{margin-bottom:20px;font-family:Playfair Display,serif;display:block}.faq .sidebox p{color:#fff}.sales-offices{flex-wrap:wrap;width:100%;padding:135px 0;display:flex}.sales-offices .office-box{border:1px solid #eee;flex-wrap:wrap;width:100%;margin:15px 0;padding:30px;display:flex}.sales-offices .office-box h5{margin-bottom:20px;font-family:Playfair Display,serif;font-size:26px}.sales-offices .office-box address{margin-bottom:25px}.sales-offices .office-box a{color:#fff;background:#26282b;height:44px;padding:0 20px;font-size:13px;font-weight:600;line-height:44px;display:inline-block}.sales-offices .office-box a i{margin-right:7px}.sales-offices .office-box a:hover{text-decoration:none}.intro-video{text-align:center;flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.intro-video b{opacity:.2;font-size:30px;font-weight:800;display:block}.intro-video h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.intro-video h4 span{color:#818285}.intro-video h3{margin-bottom:50px;font-weight:600}.intro-video .video-container{float:left;background:#ebcfa7;width:100%;margin:0;padding:5px}.intro-video .video-container video{float:left;width:100%}.press-relases{flex-wrap:wrap;width:100%;display:flex}.press-relases figure{border:1px solid #eee;flex-wrap:wrap;align-items:center;width:100%;margin:15px 0;display:flex}.press-relases figure a{width:40%}.press-relases figure a img{width:100%;height:200px}.press-relases figure figcaption{width:60%;padding-left:20px}.press-relases figure figcaption h5{margin-bottom:15px;font-family:Playfair Display,serif;font-size:22px;display:block}.press-relases figure figcaption p{font-size:14px}.press-relases figure figcaption small{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:0;display:block}.photo-gallery{flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.photo-gallery .gallery-filter{flex-wrap:wrap;width:100%;margin-bottom:50px;padding:0;display:flex}.photo-gallery .gallery-filter li{margin-right:25px;padding:0;list-style:none;display:inline-block}.photo-gallery .gallery-filter li a{border-bottom:2px solid #0000;font-weight:600}.photo-gallery .gallery-filter li a.current{border-bottom:2px solid #ebcfa7}.photo-gallery .gallery-filter li a:hover{color:#818285;text-decoration:none}.photo-gallery .gallery{flex-wrap:wrap;margin:0 -4px;padding:0;display:flex}.photo-gallery .gallery li{width:25%;margin:0;padding:4px;list-style:none}.photo-gallery .gallery li img{float:left;width:100%}.sales-team{flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.sales-team figure{border:1px solid #eee;flex-wrap:wrap;align-items:center;width:100%;margin:15px 0;display:flex}.sales-team figure img{width:50%;display:inline-block}.sales-team figure figcaption{display:inline-block}.sales-team figure figcaption h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.sales-team figure figcaption h4 span{color:#818285}.sales-team figure figcaption small{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:40px;display:block}.sales-team figure figcaption small:after{content:"";opacity:.5;background:#26282b;width:50px;height:1px;margin-bottom:4px;margin-left:10px;display:inline-block}.sales-team figure figcaption ul{margin:0;padding:0;display:block}.sales-team figure figcaption ul li{margin:0 15px 0 0;padding:0;list-style:none;display:inline-block}.sales-team figure figcaption ul li a{font-size:14px;font-weight:600}.sales-team figure figcaption ul li a i{margin-right:6px;font-size:12px;font-weight:400}.sales-team figure figcaption ul li a:hover{color:#818285;text-decoration:none}.error404{text-align:center;flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.error404 figure{margin-bottom:60px;padding:0 10%;display:block}.error404 figure img{width:100%}.error404 h2{color:#818285;font-size:50px;font-weight:800}.error404 p{margin-bottom:40px;display:block}.error404 a{color:#818285;-o-transition:.25s ease-in-out;border:2px solid #ebcfa7;height:60px;padding:0 40px;font-size:14px;font-weight:600;line-height:56px;transition:all .25s ease-in-out;display:inline-block;position:relative;box-shadow:0 0 20px #ebcfa766}.error404 a:hover{color:#fff;background:#818285;border-color:#818285;text-decoration:none}.blog{flex-wrap:wrap;width:100%;padding:150px 0;display:flex}.blog .post{flex-wrap:wrap;width:100%;margin-bottom:100px;display:flex}.blog .post .post-image{float:left;width:100%;margin-bottom:0}.blog .post .post-image img{width:100%}.blog .post .post-content{float:left;background:#fff;width:calc(100% - 60px);margin:-100px 30px 0;padding:30px}.blog .post .post-content.single{width:100%;margin:50px 0 0;padding:0}.blog .post .post-content .post-title{margin-bottom:20px;font-weight:800}.blog .post .post-content .post-title a{color:#26282b}.blog .post .post-content .post-title a:hover{color:#818285;text-decoration:none}.blog .post .post-content .post-tags{float:left;width:100%}.blog .post .post-content .post-tags i{float:left;color:#818285;margin-top:4px;margin-right:10px;font-size:19px}.blog .post .post-content .post-tags ul{margin:0;padding:0;display:block}.blog .post .post-content .post-tags ul li{float:left;margin-right:10px;padding:0;list-style:none}.blog .post .post-content .post-tags ul li a{color:#26282b;text-decoration:underline}.blog .post .post-content ul{width:100%;margin-bottom:30px;padding-left:20px;display:block}.blog .post .post-content ul li{margin:0;padding:4px 0}.blog .post .post-content blockquote{background:#ebcfa7;margin-bottom:40px;padding:30px;display:inline-block}.blog .post .post-content blockquote p{margin:0}.blog .post .post-content blockquote strong{font-size:20px}.blog .post .post-content .post-intro{float:left;width:100%;margin-bottom:30px;font-size:19px;line-height:1.6}.blog .post .post-content .post-author{float:left;width:100%;margin-bottom:20px;line-height:60px}.blog .post .post-content .post-author img{float:left;border-radius:50%;width:60px;margin-right:10px}.blog .post .post-content .post-author span{float:left;opacity:.5;margin-right:5px}.blog .post .post-content .post-author a{color:#26282b}.blog .sidebar{border-left:1px solid #eee;flex-wrap:wrap;width:calc(100% - 50px);margin-left:50px;padding-left:50px;display:flex}.blog .sidebar .widget{border-bottom:1px solid #eee;flex-wrap:wrap;width:100%;margin-bottom:30px;padding-bottom:30px;display:flex}.blog .sidebar .widget:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.blog .sidebar .widget .title{width:100%;margin-bottom:20px;font-family:Playfair Display,serif;display:block}.blog .sidebar .widget .categories{width:100%;margin:0;padding:0;display:block}.blog .sidebar .widget .categories li{width:100%;margin:0;padding:2px 0;list-style:none;display:block}.blog .sidebar .widget .categories li:before{content:"»";color:#818285;margin-right:9px}.blog .sidebar .widget .categories li span{float:right;color:#818285}.blog .sidebar .widget .categories li a{color:#26282b}.blog .sidebar .widget .categories li a:hover{color:#818285}.blog .sidebar .widget form{width:100%;display:block}.blog .sidebar .widget form input[type=text]{float:left;border:1px solid #ebcfa7;border-right:none;width:calc(100% - 50px)}.blog .sidebar .widget form button[type=submit]{width:50px;padding:0}.blog .sidebar .widget .tags{width:100%;margin:0;padding:0;display:block}.blog .sidebar .widget .tags li{float:left;margin-bottom:6px;margin-right:8px;padding:0;list-style:none}.blog .sidebar .widget .tags li a{float:left;color:#818285;border:1px solid #818285;height:30px;padding:0 10px;font-size:13px;font-weight:600;line-height:30px}.blog .sidebar .widget .tags li a:hover{color:#fff;background:#818285;border-color:#818285;text-decoration:none}.blog .sidebar .widget .side-gallery{margin-left:-3px;margin-right:-3px;padding:0}.blog .sidebar .widget .side-gallery li{float:left;width:33.3333%;margin:0;padding:3px;list-style:none}.blog .sidebar .widget .side-gallery li a{float:left;background:#26282b;width:100%}.blog .sidebar .widget .side-gallery li a:hover img{opacity:1}.blog .sidebar .widget .side-gallery li a img{opacity:.5;-o-transition:.25s ease-in-out;transition:all .25s ease-in-out}.contact{background:#f9f9f9;flex-wrap:wrap;width:100%;padding:100px 0;display:flex;overflow:hidden}.contact b{opacity:.2;font-size:30px;font-weight:800;display:block}.contact h3{margin-bottom:15px;font-family:Playfair Display,serif;font-size:40px;display:block}.contact h3 span{color:#818285}.contact h4{margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.contact h4 span{color:#818285}.contact small{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:50px;display:block}.contact small:after{content:"";opacity:.5;background:#26282b;width:50px;height:1px;margin-bottom:4px;margin-left:5px;display:inline-block}.contact address{margin-bottom:50px;display:block}.contact address strong{margin-bottom:10px;font-weight:600;display:block}.contact address p{margin:0;display:block}.contact .map{background:#00474e;margin-top:100px;margin-bottom:0;display:inline-block;position:relative;top:7px;left:-45px}.contact .map:before{content:"";background:#a29482;width:50vw;height:100%;position:absolute;top:0;left:-50vw}.contact .map .pattern-bg{background:url(/sites/berjayaproperties-com-52858db9/project-oaka-residences-7694138a/side-pattern-bg.png) 0 0/contain;width:120%;height:100%;position:absolute;top:-5%;left:5%}.contact .map .holder{float:left;width:100%;position:relative;left:-46px;transform:translate(85px,-35px);display:block!important}.contact .map .holder iframe{border:none;width:525px;height:657px;box-shadow:10px 10px 50px #0003}.contact .contact-form{width:100%;padding-left:30px;padding-right:30px;display:block}.contact .contact-form h5{margin-bottom:40px}@media screen and (max-width:796px){#register{background:0 0;overflow:visible}#register .map{width:100%;margin-top:40px}#register .map .holder{width:calc(100% - 20px);left:10px;transform:translateY(-35px)}#register .col-lg-7{padding:0}#register .col-lg-5{margin-top:20px}}#contact,#contact2,#contact3{display:block}#closeButton,#closeButton2{cursor:pointer;position:absolute;top:15px;right:15px}#contact .form-group,#contact2 .form-group,#contact3 .form-group{margin-bottom:35px;display:block;position:relative}#contact .form-group span,#contact2 .form-group span,#contact3 .form-group span{text-align:left;z-index:0;-o-transition:.25s ease-in-out;width:100%;padding:0 20px;line-height:54px;transition:all .25s ease-in-out;position:absolute;top:0;left:0}#contact .form-group span.label-up,#contact2 .form-group span.label-up,#contact3 .form-group span.label-up{font-size:13px;font-weight:600;line-height:16px;top:-20px}#contact .form-group input[type=text],#contact2 .form-group input[type=text],#contact3 .form-group input[type=text]{z-index:2;background:0 0;position:relative}#contact .form-group input:focus+span,#contact2 .form-group input:focus+span,#contact3 .form-group input:focus+span{font-size:13px;font-weight:600;line-height:16px;top:-20px}#contact .form-group textarea,#contact2 .form-group textarea,#contact3 .form-group textarea{z-index:2;background:0 0;position:relative}#contact .form-group textarea:focus+span,#contact2 .form-group textarea:focus+span,#contact3 .form-group textarea:focus+span{font-size:13px;font-weight:600;line-height:16px;top:-20px}#contact .form-group label.error,#contact2 .form-group label.error,#contact3 .form-group label.error{color:red;margin-top:5px;margin-bottom:0;font-size:13px;font-weight:600}.contact .contact-form #success,.contact .contact-form #error{float:left;display:none}.contact .contact-form #error{color:#fff;background:red}.contact .contact-form #success{color:#fff;background:green}.contact .contact-form .alert{border:none;border-radius:0;padding:20px 30px}.footer-bar{flex-wrap:wrap;width:100%;margin-bottom:-80px;display:flex}.footer-bar .inner{color:#fff;background:#00474e;padding:60px 30px}.footer-bar .inner figure{float:left;margin-bottom:20px;margin-right:30px}.footer-bar .inner figure img{height:70px}.footer-bar .inner h3{margin-bottom:15px;font-family:Playfair Display,serif;font-size:22px}.footer-bar .inner p{margin:0;font-size:16px;display:block}.footer-bar .inner strong{font-weight:600;text-decoration:underline}#contact .form-group.group2 label,#contact2 .form-group.group2 label,#contact3 .form-group.group2 label{z-index:0;-o-transition:.25s ease-in-out;width:100%;padding:35px 20px;line-height:54px;transition:all .25s ease-in-out;position:absolute;top:0;left:0}.footer{background:#26282b;flex-wrap:wrap;width:100%;padding-top:180px;padding-bottom:30px;display:flex}.footer p{color:#fff}.footer .logo{height:70px;margin-bottom:15px}.footer .logo img{height:48px}.footer .select-box{border:1px solid #fff3;height:50px;margin-top:20px;padding-left:25px;padding-right:15px;line-height:48px;display:inline-block;position:relative}.footer .select-box:hover{border:1px solid #ffffff59}.footer .select-box span{margin-right:40px}.footer .select-box .dropdown-toggle{color:#fff;font-size:14px;font-weight:600}.footer .select-box .dropdown-toggle:hover{text-decoration:none}.footer .select-box .dropdown-toggle img{width:20px;margin-right:5px}.footer .select-box .dropdown-menu{background:#fff;border:none;border-radius:0;width:100%;margin-top:13px;margin-left:-25px}.footer .select-box .dropdown-menu li{margin:0;padding:0;list-style:none;display:block}.footer .select-box .dropdown-menu li a{padding:7px 25px;font-size:14px;line-height:1;display:block}.footer .select-box .dropdown-menu li a:hover{color:#818285;background:0 0}.footer .select-box .dropdown-menu li a img{width:20px;margin-right:5px}.footer .footer-menu{margin:0;display:block}.footer .footer-menu li{float:left;width:100%;margin:0;padding:4px 0;list-style:none}.footer .footer-menu li a{float:left;color:#fff}.footer .footer-menu li a:hover{color:#ebcfa7}.footer .contact-box{float:right;color:#fff;text-align:right}.footer .contact-box h5{margin-bottom:10px;font-family:Playfair Display,serif;font-size:19px}.footer .contact-box h3{margin:0;font-weight:600}.footer .contact-box p{margin-bottom:10px}.footer .contact-box p a{color:#fff;opacity:.5}.footer .contact-box ul{float:right;margin:20px 0 0;padding:0}.footer .contact-box ul li{float:left;margin-left:5px;padding:0;list-style:none}.footer .contact-box ul li a{float:left;text-align:center;color:#fff;background:#ffffff1a;width:40px;height:40px;font-size:13px;line-height:42px}.footer .contact-box ul li a:hover{color:#26282b;background:#ebcfa7}.footer .col-12{color:#fff;border-top:1px solid #ffffff1a;margin-top:80px;padding-top:30px;font-size:13px}.footer .col-12 .copyright{float:left}.footer .col-12 .creation{float:right}.footer .col-12 .creation a{color:#fff}@media only screen and (max-width:1199px),only screen and (max-device-width:1199px){.intro figure .holder{transform:translate(65px,-65px)}.intro figure .holder img{width:450px}.property-calculator figure .holder{transform:translate(65px,-65px)}.property-calculator figure .holder img{width:450px}.footer-bar .inner p{font-size:15px}.footer-bar .inner p br{display:none}}@media only screen and (max-width:991px),only screen and (max-device-width:991px){.side-navigation .side-content{display:none}.side-navigation .menu{display:block}.navbar .container .menu ul{display:none}.page-header .container h1{font-size:8vw}.intro figure{width:100%;margin-bottom:80px}.intro figure .pattern-bg{width:100%;left:0}.intro figure .holder{padding:0 15%;transform:translateY(-45px)}.intro figure .holder img{width:100%}.intro .content-box{padding-left:0}.logos figure img{padding:0 10%}.about-content,.sales-offices{padding:80px 0}.press-relases{padding:80px 20px}.photo-gallery{padding:80px 0}.photo-gallery .gallery li{width:33.3333%}.intro-video{padding:80px 0}.faq .sidebox{width:100%;margin-top:50px;margin-left:0}.apartment{padding:80px 20px}.apartment .property-infos{width:100%;margin-right:0}.apartment .property-plan{margin:50px 0}.apartment .gallery-slider{width:100%}.facilities{padding:15px 20px}.blog .sidebar{border-left:none;width:100%;margin-left:0;padding-left:0}.sales-team{padding:80px 0}.sales-team figure figcaption{width:50%}.sales-team figure figcaption h4{font-size:21px}.sales-team figure figcaption small{margin-bottom:20px}.error404,.recent-gallery{padding:80px 0}.recent-gallery h3{padding-right:0}.recent-gallery .col-md-4{margin-top:0!important}.recent-gallery figure{margin-top:80px}.benefits{padding:80px 0}.property-calculator{margin-top:0;padding-bottom:80px}.property-calculator .col-lg-6:first-child{order:2}.property-calculator .col-lg-6:nth-child(2){order:1}.property-calculator figure{width:100%}.property-calculator figure:before{display:none}.property-calculator figure .pattern-bg{width:100%;left:0}.property-calculator figure .holder{padding:0 15%;transform:translateY(-45px)}.property-calculator figure .holder img{width:100%}.property-calculator .content-box{margin-bottom:150px;padding-left:0}.property-plans{padding:80px 20px}.property-plans .nav-pills{margin-top:40px}.recent-posts{padding:80px 0}.recent-posts .post-box{margin:25px 0}.property-customization{padding:80px 0}.video-bg video{float:right}.certificates,.contact{padding:80px 0}.contact address p a{display:block}.contact .contact-form{width:95%;margin-top:50px}.blog{padding:80px 0}.footer-bar .inner{padding:30px}.footer-bar .inner .col-lg-4{margin:20px 0}.footer-bar .inner figure{width:70px;margin-bottom:37px;margin-right:0}.footer-bar .inner figure img{height:50px}.footer{padding-top:150px}.footer .select-box{margin-bottom:80px}.footer .footer-menu{padding:0}.footer .contact-box{float:left;text-align:left;margin-top:80px}.footer .contact-box ul{float:left}}@media only screen and (max-width:767px),only screen and (max-device-width:767px){.contact .map{left:0}.contact .map .holder img{max-width:100%;left:-70px}.property-plans figure img{max-width:90%}.planMobile{left:0!important}.location-map{max-width:100%!important}.apartment .gallery-slider .gallery-container{margin:0}.side-navigation{width:80vw}.page-header .container h1{font-size:10vw}.page-header .container .breadcrumb{width:calc(100% - 30px)}.navbar .container .upper-side .phone-email,.navbar .container .upper-side .language,.slider .slider-container .inner-elements .container .social-media{display:none}.slider .slider-container .swiper-slide .container{padding-left:15px;padding-right:40px;display:none}.slider .slider-container .swiper-slide .container figure{width:100%;margin-top:30px;margin-left:0}.benefits .col{border-right:none;flex-basis:auto;width:50%}.benefits .col:nth-child(odd){margin-top:0}.apartment h2{font-size:9vw}.apartment figure{margin:15px 0}.apartment h4{margin-top:30px}.about-content h2{font-size:10vw}.blog .post .post-image{margin-bottom:30px}.blog .post .post-content{width:100%;margin:0;padding:0}.contact .map .holder iframe{width:100%;height:450px}.side-navigation .menu ul li a{font-size:5vw}.side-navigation .menu ul li ul li a{font-size:4vw}.certificates figure{margin:15px 0}.footer .col-12 .creation{float:left;margin-top:5px}.slider .slider-container .swiper-slide .container h1{color:#fff;margin-bottom:50px;font-family:Playfair Display,serif;font-size:8vw;font-weight:600}.slider{background-position:-63px 0;height:100%;min-height:342px}.title1{padding:60px 30px;font-family:Playfair Display,serif;overflow:hidden;display:block!important}}body{margin:0;font-family:Arial,sans-serif}#floatingButton{z-index:5;color:#fff;cursor:pointer;background-color:#00474e;border:none;border-radius:10px;justify-content:center;align-items:center;width:90px;height:180px;font-size:14px;transition:background-color .3s;display:flex;position:fixed;bottom:100px;right:-42px;box-shadow:0 0 10px #0000001a}#floatingButton2{z-index:5;color:#fff;cursor:pointer;background-color:#00474e;border:none;border-radius:10px;justify-content:center;align-items:center;width:90px;height:50px;font-size:14px;transition:background-color .3s;display:flex;position:fixed;bottom:295px;right:-42px;box-shadow:0 0 10px #0000001a}#floatingButton2 i{color:#fff;margin-right:38px;font-size:30px}#floatingButton3{z-index:5;color:#fff;cursor:pointer;background-color:#00474e;border:none;border-radius:10px;justify-content:center;align-items:center;width:90px;height:50px;font-size:14px;transition:background-color .3s;display:flex;position:fixed;bottom:357px;right:-42px;box-shadow:0 0 10px #0000001a}#floatingButton3 i{color:#fff;margin-right:38px;font-size:30px}#floatingWhatsapp{z-index:5;width:50px;position:fixed;bottom:306px;right:2px}#floatingButton a{writing-mode:vertical-rl;text-orientation:mixed;color:inherit;margin-left:-46px;font-size:17px;font-weight:700;text-decoration:none;display:block}#floatingButton:hover{background-color:#26282b}@media screen and (max-width:796px){#floatingButton{width:180px;height:90px;bottom:-42px;left:0;right:auto}#floatingButton a{writing-mode:initial;text-orientation:mixed;margin-left:0;position:relative;top:-19px}#floatingButton2{width:50px;height:90px;bottom:-42px;left:190px;right:auto}#floatingButton2 i{margin-right:0;position:relative;top:-19px}#floatingButton3{width:50px;height:90px;bottom:-42px;left:249px;right:auto}#floatingButton3 i{margin-right:0;position:relative;top:-19px}}.title1{padding-bottom:0;display:none}.location-map{max-width:1310px;margin-bottom:30px;position:relative}.location-map:before{content:"";width:100%;padding-bottom:56%;display:block}.location-map iframe{width:100%;height:100%;position:absolute;top:0;left:0}.our-locations button.btn-primary,.our-locations button.btn-primary{width:100%;position:relative;box-shadow:none!important;background-color:#855a3b!important;border-color:#855a3b!important}.our-locations button i{position:absolute;top:7px;right:10px}.our-locations .card-body ul{margin:0;padding:0;list-style:none}.our-locations .card-body li{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.our-locations .card-body li:last-child{margin-bottom:0}#floorplan{padding:72px 15px}@media screen and (max-width:796px){#floorplan.property-plans small{margin-bottom:0}#floorplan{padding:72px 0}}#layout{padding:0 15px 63px}#insight{padding:29px 15px}@media screen and (max-width:796px){#layout{padding:0 0 63px}#layout.property-plans p{margin-bottom:0;padding-right:0}#gallery .container{padding-left:0;padding-right:0}#insight{padding:63px 0}.footer{padding-bottom:60px}#tab-gf img{object-fit:110%}}body{background-image:url(/sites/berjayaproperties-com-52858db9/project-oaka-residences-7694138a/bg-oaka-2.webp);background-size:527px}@media screen and (max-width:796px){.location small{margin-bottom:0!important}}.preloader{background:#a29482!important}#floatingButton,#floatingButton2,#floatingButton3{color:#000!important;background-color:#fcb040!important}#floatingButton2 i,#floatingButton3 i{color:#000!important}.press-relases figure a img{object-fit:cover}.press-relases figure{background:#a29482}.press-relases figure figcaption{background:url(/sites/berjayaproperties-com-52858db9/project-oaka-residences-7694138a/amenities-bg.webp) 0 0/cover no-repeat;align-items:center;height:200px;padding-left:20px;display:flex}.press-relases figure figcaption h5,.facilities figcaption{color:#fff}.facilities figure figcaption{margin-top:15px}.facilities .why{margin-right:56px!important}.why{background-color:#a29482}.benifits{background-color:#8d9985}.property-plans figure img{max-width:100%!important;margin-left:0!important}.distance{text-align:right;white-space:nowrap;margin-left:auto}#location{transition:margin-top .3s}.dropdown.title-leisure:hover~#location,.dropdown.title-connectivity:hover~#location{margin-bottom:50px}.location h4{text-align:center;margin-bottom:15px;font-family:Playfair Display,serif;font-size:30px;display:block}.location small{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:50px;display:block}.location small:after{content:"";opacity:.5;background:#26282b;width:50px;height:1px;margin-bottom:4px;margin-left:5px;display:inline-block}.location h4 span{color:#818285}@media screen and (max-width:796px){.contact .map{margin-top:-100px}}header.slider{width:100%;height:auto;margin-top:72px;overflow:hidden}.slider-container,.gallery-slider,.gallery-container{width:100%;height:100%}.swiper-wrapper{flex-direction:row;display:flex}.swiper-slide{flex:none;width:100%}.swiper-slide img{object-fit:cover;width:100%;height:100%}section.header{margin-bottom:0;padding:77px 30px}section.header h1{color:#7b563d;text-align:center;max-width:800px;margin:0 auto;font-family:Playfair Display,serif;font-size:30px}@media (max-width:600px){header.slider{margin-top:86px;margin-bottom:-120px}.swiper-slide img{width:100%;height:auto}}@media (min-width:601px) and (max-width:1024px){header.slider{margin-top:50px}.swiper-slide img{width:100%;height:auto}}@media screen and (max-width:796px){section.header{color:#fff;margin-bottom:20px;padding:0 15px 24px;font-family:Playfair Display,serif}section.header h1{margin-top:20px;font-size:20px}}.virtualtour{margin-bottom:150px}.virtualtour:before{content:"";width:100%;padding-bottom:56%;display:block}.virtualtour iframe{width:calc(100% - 30px);max-width:1250px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-pills .nav-item{position:relative}.nav-pills .nav-item .nav-link+a{color:#fff;background:#000;border-radius:3px;padding:0 6px;font-size:10px;display:inline-block;position:absolute;top:6px;left:56px}#gallery.slider .slider-container .swiper-slide:after{display:none}#gallery.slider .slider-container .swiper-button-prev{left:10px;top:139px!important}#gallery.slider .slider-container .swiper-button-next{top:139px;right:10px}.benifits{padding:0!important}.benifits img{object-fit:cover!important;width:100%!important;height:100%!important}.footer h5{margin-bottom:10px;font-size:19px}.footer h3{margin:0;font-size:18px;font-weight:600}#videos.slider .slider-container .swiper-slide:after{display:none}#videos.slider .slider-container .swiper-button-prev{left:10px;top:227px!important}#videos.slider .slider-container .swiper-button-next{top:227px;right:10px}.contact3 small:after{display:none}.footer{padding-top:85px}#overlay{z-index:1000;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow-y:auto}#popup,#popup2{z-index:1100;background-image:url(/sites/berjayaproperties-com-52858db9/project-oaka-residences-7694138a/bg-oaka-2.webp);background-size:527px;border-radius:8px;width:90%;max-width:800px;max-height:90vh;padding:50px;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 10px #0003}#popup3{z-index:1100;width:90%;max-width:700px;max-height:90vh;padding:0;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.popup-img-desktop{display:none}@media (min-width:768px){.popup-img-mobile{display:none}.popup-img-desktop{display:block}#popup3{max-width:1200px}}#closeButton2,#closeButton3{cursor:pointer;position:absolute;top:15px;right:15px}.popup-content{text-align:center}.popup-content img{width:100%}.video-wrapper{justify-content:center;align-items:center;height:500px;display:flex;overflow:hidden}.video-wrapper iframe{object-fit:cover;width:100%;height:100%}.videos{position:relative}.gallery-container-2 .swiper-button-next,.gallery-container-2 .swiper-button-prev,.videos .swiper-button-next,.videos .swiper-button-prev{width:50px;height:50px;color:rgba(var(--aports-white-rgb), .7);border:2px solid rgba(var(--aports-white-rgb), .7);text-align:center;background-image:none;border-radius:50%;justify-content:center;align-items:center;margin:0;font-size:18px;transition:all .5s;display:flex;position:absolute;top:280px;left:auto}.gallery-container-2 .swiper-button-prev,.videos .swiper-button-prev{transform:scaleX(-1)}.gallery-container-2 .swiper-slide img{aspect-ratio:680/510;object-fit:cover;object-position:left bottom}