/* Defaults */
body { overflow-x: hidden; }
small { font-size: 50%; }

/* Preventives and Overwrites */
.shaded { background-color: #F1F1F1; }
.hidden { display: none !important; }
.height-100 { height: 100%; }
.theme-btn { border: 1px solid #000000; }
.container { z-index: 1; }
.hero-content { margin-top: 150px; }
.shaded { background: #F7F7F7; }
.logo-footer-bottom { margin: 0 10px; }
.preloader { background-image: url(../img/icons/preloader.svg); }
.divider { display: block; height: 1px; margin: 20px 0 40px; padding: 0; width: 100%; background-color: #DDDDDD; }
.card { border: 0; }

.privilege-club-logo { max-width: 160px; margin: 0 auto; }

.pt-200 { padding-top: 200px  !important; }
.page-section.pb-0 { padding-bottom: 0 !important; }
.page-section.pb-100 { padding-bottom: 100px !important; }

.map-sdp { position: relative; height: 480px; display: block; overflow: hidden; }
.map-sdp img { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.map-sdp img { transition: ease all 0.3s; height: 100%; }
.map-sdp .map-ov { opacity: 0; }
.map-sdp:hover .map-ov { opacity: 1; }

.map-vicinity { position: relative; }
.map-vicinity img { width: 100%; }
.map-vicinity a { position: absolute; display: block; height: 25%; width: 30%; bottom: 20px; left: 20px; }

.section { padding: 100px 0; }

.fc-black { color: #000000 !important; }
.fc-white { color: #FFFFFF !important; }

.theme-btn { border: 0; }
.theme-btn:before { border: 1px solid #000000; }

h3.centered,
h2.contact-us-title,
.inner-column h3,
.contact-form h3.contact-us-title,
.heading-title-pt,
.heading-title-sm,
.hero-content .hero-title,
.heading-title { text-transform: inherit; }

a.find-out-more { position: relative; transition: ease all 0.3s; }
a.find-out-more:after { content: "→"; opacity: 0; margin-left: 0; transition: ease all 0.3s; }
a.find-out-more:hover:after { margin-left: 10px; opacity: 1; color: #1e92a9; }
a.find-out-more:hover { color: #1e92a9; }

/* Section: Call to Action */
.call-to-action-section { text-align: center; }
.call-to-action-section { background-position: center; }
.call-to-action-section h2 { line-height: 1.2em; font-size: 34px; text-transform: inherit; }

/* Ling Heights */
.lh-1  { line-height: 1em; }
.lh-12 { line-height: 1.2em; }
.lh-15 { line-height: 1.5em; }
.lh-18 { line-height: 1.8em; }
.lh-2  { line-height: 2em; }

/* Overlays */
.overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.overlay.overlay-25 { opacity: 0.25; }
.overlay.overlay-50 { opacity: 0.50; }
.overlay.overlay-75 { opacity: 0.75; }
.overlay-fill-dark 		{ background-color: rgba(0, 0, 0, 1); }
.overlay-fill-light 	{ background-color: rgba(255, 255, 255, 1); }
.overlay-gradient-dark 	{ background: linear-gradient(180deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); }
.overlay-gradient-light { background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); }

/* Page Title */
.page-title,
.page-title .row,
.page-section,
.page-section .row,
.page-title .hero-content { position: relative; z-index: 1; }
.page-title:before { display: none; }

/* Section: Site Development Plan */
.section-site-development-plan { background: #000000; }
.section-site-development-plan { background-image: url(img/background/bg-casobe-3.jpg); position: relative; }
.section-site-development-plan { background-position: center; background-size: cover; background-attachment: fixed; }
.section-site-development-plan h2,
.section-site-development-plan h5,
.section-site-development-plan p { color: #FFFFFF; }
.section-site-development-plan .btn-style-dark { border: 1px solid #FFFFFF; }

/* List: Site Development Plan */
.list-site { /*counter-reset: inst 2;*/ }
.list-site li { position: relative; counter-increment: inst; padding-left: 30px; }
.list-site li a { color: #FFFFFF; opacity: 0.5; transition: 0.3s all ease; }
.list-site li a:hover { opacity: 1; }
.list-site li::before { content: counter(inst); font-weight: bold; left: 0; }
.list-site li::before { display: block; text-align: center; position: absolute; }

/* List: Facts Sheet */
.list-facts li { /*margin-bottom: 30px;*/ margin: 0 40px; }
.list-facts h1 { font-size: 64px; }
.list-facts div { display: flex; margin: 10px 0; justify-content: center; }
.list-facts svg,
.list-facts h5 { line-height: 32px; margin: 0 5px; }
.list-facts svg { height: 24px; width: 24px; fill: #1e92a9; }

/* Section: Property */
.section-property .heading-desc { width: auto; margin-right: 50px; }
.section-property .column-left .heading-desc { margin-right: 0; margin-left: 50px; }
.section-property .column-left .list-facts svg { float: right; margin-right: 0; margin-left: 30px; }

/* Section: Fact Sheets */
.section-fact-sheets { background-image: url(../img/background/bg-casobe-1.jpg); position: relative; }
.section-fact-sheets { background-position: center; background-size: cover; }
.section-fact-sheets { position: relative; }
.section-fact-sheets h1 { color: #FFFFFF; font-size: 48px; margin: 0; line-height: normal; }
.section-fact-sheets h1 small { font-size: 33.33%; }
.section-fact-sheets h5,
.section-fact-sheets p { color: #FFFFFF; }
.section-fact-sheets li { margin: 0 !important; text-align: left; padding: 40px; }
.section-fact-sheets li { border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }

/* Section: Destinations */
.section-destinations { background-color: #EEEEEE; }
.section-destinations .card { padding: 30px; border: 0; border-radius: 0; margin-left: -100px; width: calc(100% + 100px); }
.section-destinations .card { padding-right: 0; }
.section-destinations .card-body { position: relative; overflow: hidden; }
.section-destinations .card-watermark { position: absolute; bottom: 0; right: 0; opacity: 0.1; display: none; }
.section-destinations .slider-control { position: absolute; bottom: 0; left: 0; }
.section-destinations .flickity-button { background-color: #000000 !important; border-radius: 0; }
.section-destinations .flickity-prev-next-button.previous { left: 10px; }
.section-destinations .flickity-prev-next-button.next { left: 60px; }
.section-destinations .flickity-prev-next-button { top: auto; bottom: 10px; transform: translateY(0); }
.section-destinations .heading-desc { font-size: 18px; line-height: 30px; }

.section-destinations .flex-row-reverse .card { margin-right: -100px; margin-left: 0; }
.section-destinations .flex-row-reverse .slider-control { left: auto; right: 0; }
.section-destinations .flex-row-reverse .flickity-prev-next-button.previous { left: auto; right: 60px; }
.section-destinations .flex-row-reverse .flickity-prev-next-button.next { left: auto; right: 10px; }
.section-destinations .flex-row-reverse .flickity-prev-next-button { top: auto; bottom: 10px; transform: translateY(0); }

.section-destinations .carousel-control { height: 50px; width: 110px; position: absolute; top: 20px; left: 20px; }
.section-destinations .carousel-control .carousel-control-prev,
.section-destinations .carousel-control .carousel-control-next { height: 50px; width: 50px; background-color: #000000; }
.section-destinations .flex-row-reverse .carousel-control { left: auto; right: 20px; }

/* Section: Tourism */
.section-tourism .card { border: 0; border-radius: 0; min-width: 320px; }
.section-tourism .card-details { position: absolute; bottom: 0; left: 0; background-color: #000000; }
.section-tourism .card-details { padding: 30px; width: calc(100% - 30px); margin: 15px; color: #FFFFFF; }
.section-tourism .card-details h4,
.section-tourism .card-details p { color: #FFFFFF; }
.section-tourism .btn-style-dark { border: 1px solid #FFFFFF; }

.section-tourism .slick-track { display: flex; align-items: center; height: 560px; }
.section-tourism .slick-slide { height: 480px; margin: 10px; transition: all ease 0.3s; opacity: 1; }
.section-tourism .slick-slide .card-details { opacity: 0; transition: ease all 0.3s; }
.section-tourism .slick-slide:hover { opacity: 0.8; }
.section-tourism .slick-current { height: 560px; opacity: 1; }
.section-tourism .slick-current .card-details { opacity: 1; }
.section-tourism .slick-current:hover { opacity: 1; }

/* Slider Control */
.slider-control a { display: inline-flex; height: 50px; width: 50px; background-color: #000000; }
.slider-control a { justify-content: center; align-items: center; }
.slider-control svg { fill: #FFFFFF; height: 25px; width: 25px; }

/* Main Header */
.main-header { margin-bottom: 0; } 
.main-header .logo { padding: 20px 15px; transition: 0.5s all ease; }
.main-header .logo img { filter: brightness(2) grayscale(1); transition: 0.5s all ease; height: 60px; }
.main-header .header-upper { background: rgba(255, 255, 255, 0) !important; transition: 0.3s all ease; } 
.main-header .header-upper .nav-outer { float: none; }
.main-header .header-upper { background-color: transparent !important; }

.main-header .for-mobile { display: flex; }
.main-header .for-mobile .col-logo { width: calc(100% - 50px); }
.main-header .for-mobile .col-menu { width: 50px; }
.main-header .for-mobile .mobile-nav-toggler { font-size: 32px; color: #FFFFFF; }
.main-header .for-mobile .mobile-nav-toggler span { transition: ease all 0.3s; }
.main-header .for-mobile .mobile-nav-toggler:hover { cursor: pointer; }
.main-header .for-mobile .mobile-nav-toggler:hover span { color: #FFFFFF; }

/* Main Menu */
.main-menu { float: none; }
.main-menu .navigation { text-align: right; }
.main-menu .navigation > li { transition: ease all 0.3s; position: relative; }
.main-menu .navigation > li { float: none; display: inline-block; padding: 0; margin: 0 5px; }
.main-menu .navigation > li:after { transition: ease all 0.3s; background-color: #1e92a9; left: 0; }
.main-menu .navigation > li:after { position: absolute; width: 0; height: 2px; bottom: 0; content: ""; }
.main-menu .navigation > li.active:after,
.main-menu .navigation > li:hover:after { width: 100%; }
.main-menu .navigation > li > a { color: #FFFFFF; }
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li > a:hover { color: #1e92a9; }
.main-menu .navigation > li.menu-parent > ul { transform: translate(0, 100%); top: auto !important; bottom: -20px; }
.main-menu .navigation > li.menu-parent:hover > ul { visibility: visible !important; opacity: 1 !important; bottom: 0; }

/* Header: Fixed Header */
.fixed-header .logo img { filter: brightness(1) grayscale(0); height: 55px; }
.fixed-header .header-upper { background: rgba(255, 255, 255, 1) !important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); }
.fixed-header .main-menu .navigation > li { padding: 0; margin: 0 5px; }
.fixed-header .main-menu .navigation > li > a { color: #000000; }
.fixed-header .main-menu .navigation > li:hover > a,
.fixed-header .main-menu .navigation > li.active > a,
.fixed-header .main-menu .navigation > li > a:hover { color: #1e92a9; }
.fixed-header .for-mobile .mobile-nav-toggler { font-size: 32px; color: #000000; }

/* Slider */
.slider { padding-top: 200px; height: 100vh; padding-bottom: 100px; }
.slider h2 { position: relative; padding: 0 30px; color: #FFFFFF; font-weight: normal; line-height: 1.2em; }
.slider h2 { margin-bottom: 0; font-size: 50px; letter-spacing: 2px; text-transform: uppercase; z-index: 1; }
.slider .hero-scroll-to-view { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, 0); }
.slider .hero-scroll-to-view { line-height: normal; color: #FFFFFF; padding-top: 0 !important; z-index: 1; }

/* Property Search */
.property-search { background-color: #FFFFFF; padding: 30px 30px 20px; position: relative; z-index: 1; }
.property-search .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.property-search .bootstrap-select { width: 100%; }
.property-search .dropdown-toggle { border-radius: 0; border: 1px solid #000000; padding: 12px; width: 100%; }
.property-search .dropdown-toggle { background-color: #FFFFFF; }
.property-search .dropdown-item.active,
.property-search .dropdown-item:active { color: #FFFFFF; background-color: #1e92a9; }
.property-search .dropdown-item .text { color: #000000; }
.property-search select.form-control:not([size]):not([multiple]) { height: auto; }
.property-search .theme-btn { width: 100%; text-align: center; }

/* Property Search: Temporary */
.property-search { padding: 25px; }
.property-search .dropdown-toggle { text-align: left; padding: 12px 20px; }
.property-search .dropdown-menu { width: 100%; border-radius: 0; border: 1px solid #000000; top: -5px !important; padding: 0; }
.property-search .dropdown-item { padding: 12px 20px; }
.property-search .dropdown-item:hover { color: #FFFFFF; background-color: #1e92a9; }

/* Navigation Tabs */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { background: #000000; color: #ffffff; border-radius: 0; border: 1px solid #000; }
.nav-tabs .nav-link { border: 1px solid #000; color: #000; border-radius: 0; margin-right: 1em; }
.nav-tabs { border: 0; }

/* PayMaya */
.pay-maya-steps { background: #F7F7F7; }
.pay-maya-steps .steps h5 { background: #000; color: #fff; padding: 0.5em 0.5em; text-align: center; }
.pay-maya-steps .steps ul { margin: 2em 0 0 1em; }
.pay-maya-steps .steps ul li { margin-bottom: 1.3em; }
.pay-maya-steps .steps .fas { font-size: 1.3em; color: #000; margin-right: 0.5em; }
.pay-maya-steps .steps .steps-note { font-style: italic; color: #000; border: 1px solid #000; padding: 1em 1em; margin-bottom: 2.5em; }
.pay-maya-steps .steps .steps-note p { font-size: 1em;  }

.pay-maya-info .far,
.pay-maya-info .fas { font-size: 4em; }
.pay-maya-info .steps-note { font-style: italic; color: #000; border:1px solid #000; padding: 1em 1em; margin: 2.5em 0; }
.pay-maya-info .steps-note p { font-size: 1em; }

/* List: Distance */
.list-distance {}
.list-distance li { position: relative; display: block; margin: 0 0 5px; line-height: 24px; }
.list-distance li span { display: inline-block; }
.list-distance li .counter { background-color: #1e92a9; color: #FFFFFF; text-align: center; border-radius: 50%; height: 24px; width: 24px; }
.list-distance li .barline { height: 1px; border-top: 2px dashed #000000; max-width: calc(100% - 80px); }
.list-distance li .distance { font-size: 80%; font-weight: bold; letter-spacing: 1px; }
.list-distance li .distance { background-color: #000000; color: #FFFFFF; border-radius: 5px; padding-left: 4px; padding-right: 4px; }

/* Accordion */
.accordion .card { border: 0; }
.accordion .card-header { background-color: transparent; }
.accordion .card-header h4 { letter-spacing: 1px; }
.accordion .card-header a { color: #1e92a9; display: flex; justify-content: space-between; }
.accordion .card-header a {}
.accordion .card-header a[aria-expanded="true"]  i { transition: ease all 0.3s; transform: rotate(180deg); }
.accordion .card-header a[aria-expanded="false"] i { transition: ease all 0.3s; transform: rotate(0deg); }
.accordion .card-header {}
.accordion .card-body { max-width: 90%; }

/* Section: Lots for Clearing */
.section-lots-for-clearing .box-lot { height: 20px; width: 40px; display: block; }
.section-lots-for-clearing .box-lot.fill-maroon { background-color: #CC3300; }
.section-lots-for-clearing .box-lot.fill-purple { background-color: #993366; }
.section-lots-for-clearing .box-lot.fill-ocean  { background-color: #339999; }
.section-lots-for-clearing .box-lot.fill-yellow { background-color: #FFCC66; }

/* Contact Form */
.contact-form .form-group input[type="number"] { position: relative; display: block; width: 100%; line-height: 28px; }
.contact-form .form-group input[type="number"] { padding: 10px 25px; color: #797979; height: 48px; font-size: 16px; }
.contact-form .form-group input[type="number"] { border-radius: 3px; background: #ffffff; border: 1px solid #ededed; }
.contact-form .form-group input[type="number"] { transition: all 300ms ease; }
.contact-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
.contact-form .bootstrap-select > .dropdown-toggle { margin: 0; display: block; width: 100%; }
.contact-form .bootstrap-select > .dropdown-toggle { padding: 10px 25px; color: #797979; height: 48px; font-size: 16px; }
.contact-form .bootstrap-select > .dropdown-toggle { border-radius: 3px; background: #ffffff; border: 1px solid #ededed; }

/* Sidebar */
.sidebar .inner-box { display: grid; grid-template-columns: 35% 60%; grid-gap: 20px; margin-bottom: 20px; }
.sidebar .inner-box { padding-bottom: 20px; border-bottom: 1px solid #F1F1F1; }

.fancybox-button--arrow_left:before { position: absolute; content: "←"; transform: translate(-50%, -50%); top: 50%; left: 25px; }
.fancybox-button--arrow_right:before { position: absolute; content: "→"; transform: translate(-50%, -50%); top: 50%; right: 10px; }

.inner-box a { overflow: hidden; display: block; }
.inner-box a img { transition: ease all 0.3s; }
.inner-box a:hover img { transform: scale(1.1); }

.sec-title .inner-column h3.project-heading { font-size: 32px; }
.anchor-link { position: relative; top: -150px; visibility: hidden; }

ul.list-check { position: relative; margin-left: 0 !important; }
ul.list-check li { padding-left: 30px; position: relative; }
ul.list-check li::before { position: absolute; left: 0; top: 12px; transform: translateY(-50%); color: #1e92a9; }
ul.list-check li::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; }

.table .thead-dark th { background-color: #1e92a9; border: 0; } 

.section-featured { position: absolute; bottom: -150px; z-index: 100; max-width: 1080px; transform: translate(-50%, 0); }
.section-featured { text-align: left; margin-top: -100px; left: 50%; width: 100%; padding: 30px !important; }
.section-featured .row { padding: 30px; background-color: rgba(255, 255, 255, 1); }
.section-featured .card-title { margin-top: 15px; }
.section-featured:before { height: 100%; display: none; background-color: rgba(0,0,0,.7); z-index: -1; }
.section-featured:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; }

.privilege-club-projects .project-card { position: relative; margin-bottom: 20px; }
.privilege-club-projects .project-card:before { position: absolute; content: ""; height: 100%; opacity: 0.5; }
.privilege-club-projects .project-card:before { width: 100%; background-color: #000000; transition: ease all 0.3s; }
.privilege-club-projects .project-card:hover:before { opacity: 0; }
.privilege-club-projects .project-name { position: absolute; height: 100%; width: 100%; display: flex; justify-content: center; }
.privilege-club-projects .project-name { flex-direction: column; text-align: center; transition: ease all 0.3s; }
.privilege-club-projects .project-name h4 { color: #FFFFFF; margin-top: 10px; }
.privilege-club-projects .project-name img { height: 100px; max-width: 200px; filter: grayscale(1) brightness(2); }
.privilege-club-projects .project-card:hover .project-name { opacity: 0; }

footer .logo-widget .logo { max-width: 240px; }
footer .logo-footer-bottom { height: 50px; }
footer .copyright { margin-top: 10px; }

.list-items { padding-left: 30px; }
.list-items li { llist-style-position: outside !important; color: #000000; }
.list-items li:before { display: none; }
.list-items li { margin-bottom: 10px; padding-left: 10px !important; }
.list-items ol { margin-bottom: 30px; padding-left: 10px; margin-left: 10px; }

.list-decimal 	li { list-style-type: decimal !important; }
.list-alpha 	li { list-style-type: upper-alpha !important; }
.list-roman 	li { list-style-type: upper-roman!important; }

.accordion-panel { border-bottom: 1px solid #CCCCCC; display: flex; padding-bottom: 10px; }
.accordion-panel { align-items: center; justify-content: space-between; }
.accordion-panel i { transition: 0.3s ease all; transform: rotate(0); }
.accordion-panel.collapsed i { transform: rotate(180deg); }

.slick-projects { padding: 0 !important; height: auto !important; }
.slick-projects:before { display: none; }
.slick-projects .slick-slide { margin: 0px 10px; opacity: 1; }
.slick-projects .slick-slide img { width: 100%; }
.slick-projects .slick-prev { left: -50px; }
.slick-projects .slick-next { right: -50px; }
.slick-projects .slick-prev,
.slick-projects .slick-next { width: 50px; height: 50px; background-color: #000000; transition: ease all 0.3s; }
.slick-projects .slick-prev:hover,
.slick-projects .slick-next:hover { background-color: #000000; opacity: 0.5; }
.slick-projects .slick-prev:before { content: '\f104'; }
.slick-projects .slick-next:before { content: '\f105'; }
.slick-projects .slick-prev:before,
.slick-projects .slick-next:before { font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #FFFFFF; }

.casobe span { position: relative; }
.casobe span:before { content: ""; position: absolute; height: 1px; background-color: #000000; }
.casobe span:before { top: 3px; left: 50%; width: 80%; transform: translate(-50%, 0); }