/*Nav CSS*/
html{
font-family: 'Roboto', sans-serif;
font-size:18px;
letter-spacing: .5px;
color:#000;
}
.po-nav{
background:#fff;
padding:0px;
}
@media screen and (max-width:700px){
.prop-seo-menu{
padding:20px;
text-align:center;
}
.po-top-menu-mob{
padding:20px;
}
.navbar-brand{
padding:10px 0px 10px 10px;
}
.navbar-toggler{
padding:0px 10px 0px 0px;
}
}
/*Slide CSS*/
.po-slide{
position:relative;
}
/*br CSS*/
.po-l-br{
height:40px;
}
.po-md-br{
height:30px;
}
.po-s-br{
height:20px;
}
/*seo CSS*/
.po-inline-link{
text-decoration:none;
color:#281c0e;
font-size:20px;
}
/*invest highlight CSS*/
.po-highlight{
text-align:center;
font-weight:500;
}
.po-highlight-red{
color:red;
font-size:21px;
}
.po-highlight-blue{
color:blue;
font-size:20px;
}
.po-highlight-black{
color:#333;
font-size:19px;
}
/*selling point CSS*/
.po-blue{
color:blue;
}
.po-red{
color:red;
}
.po-black{
color:#333;
}
.po-selling-points p{
 margin-bottom:9px;
 font-size:19px;
}
/*slider*/
.po-slider-red{
color:#ff0000 !important;
}
/*heading CSS*/
.section-heading{
padding: 30px;
    font-size: 25px;
    color: #3c4858;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.8px;
}
.section-heading-CBBB{
padding:30px;
font-size:30px;
color:#3c4858;
text-align:center;
font-weight:600;
}

.po-subheading{
padding:20px;
font-size:20px;
color:#3c4858;
text-transform:uppercase;
text-align:center;
font-weight:600;
}
/*divider CSS*/
section.has-divider .container {
    padding-top: 40px;
    padding-bottom: 16px;
}
.divider:first-child {
     bottom: 0px; 
}
/*common CSS*/
section{
padding:0px;
}
.table-bordered td, .table-bordered th {
    white-space: normal;
}
article table td:not(:last-child) {
    white-space: normal;
    padding-right: 1.5rem;
}
@media (min-width: 1200px){
.container {
    max-width: 1200px;
}
}
.po-highlight-bg-color{    
background-color: #656462;
}
svg.bg-primary * {
    fill: #656462;
}/*
svg.bg-white * {
    fill: #656462;
}*/
/*Project Facts*/
.po-project-facts-sec p{
font-size: 17px;
    font-weight: 500;
    margin-bottom: 0px;
}
.po-project-facts-sec .card{
	pointer-events:none;
}
/*why invest reasons css*/
.po-reasons-to-invest ul li{
 padding-bottom:10px;
 font-size: 19px;
    font-weight: 600;
    
}
/*table css*/
.table td, .table th {
    padding: 12px;
}
/*facilities list*/
.po-facilities-list ul{
    margin: 0px !important;
}
.po-facilities-list li{
position: relative;
    padding: 12px;
}
.po-facilities-list li:before {
content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid #ccc;
}
/*floorplan*/
.po-fp-details-md{
font-size:15px;
text-align:left;
color:#333;
}
.po-fp-details-sm{
font-size:13px;
color:#999;
text-align:left;
}
.po-fp-details-smm{
font-size:12px;
color:#222;
text-align:left;
padding-bottom:10px;
}
.po-fp .badge{
font-size:17px;
text-align:center;
text-transform:none;
}
.po-table-price{
    background: #fffaee;
    color: red;
    text-align: center;
	font-size: 20px;
    font-weight: 500;
}
.factsheet-table{
color:#000 !important;
}
/*footer*/
footer {
    padding: 2rem 0;
}
.po-footer-other{
 text-transform:uppercase;
}
.po-footer{
    background:url(../img/Hotel-Citadines-Berwa-Beach-Bali-Building2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
}
.po-footer-content{
     color: #000!important;
    box-shadow: none;
    /* border: 1px dashed #fff; */
    background-color: rgb(255 252 253 / 83%);
    border-radius: 8px;
    padding:40px 20px;
}
.po-footer-content p{
      font-size: 20px;
    font-weight: 600;
}
.po-footer-content .nav-link{
      color: #fff !important;
    opacity: .9 !important;
}
/* form css*/
.po-footer-form .form-control{
     background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    transition: all .5s;
    height: 40px;
}
.po-footer-form .btn{
    background: red;
    border: 0;
    color: #f7f7f7;
    transition: all .5s;
	height: 50px;
	width:auto;
	font-size: 16px;
    margin: 0;
    padding: 12px;
	text-transform:uppercase;
}

.po-footer-form .custom-checkbox .custom-control-label{
  font-size:12px;
  color:#000;
}
/*cta css*/
.cta-colour{
background-color:red;
}
.po-cta{
    margin: 0;
}
.po-cta .col{
  padding:0;
  text-align:center;
}
.po-cta .card{
    border-radius: 0px;
	background-color:#fffaee;
}
.po-cta-div .po-subheading{
 font-size:24px;
 color:#FF0000;
}
.po-cta-div p{
margin-bottom:16px;
}
.po-cta-keyword{
font-size:24px;
 color:red;
}
.po-cta-blue{
 color:blue;
font-size:20px;
}
.po-cta-red{
color:red;
font-size:24px;
}
.po-cta-black{
color:#333;
font-size:18px;
}
.po-cta-btn{
 width:auto;
 background:#f92323fc;
 color:#fff;
 text-decoration:none;
 text-transform:uppercase;
}
.po-cta-btn:hover{
 width:auto;
 background:#242122 ;
 color:#fff;
 text-decoration:none;
 text-transform:uppercase;
}
/*po sticky icon*/
.po-sticky-icon {
    position: fixed;
    z-index: 99;
}
.po-sticky-icon a {
    display: block;
}
.po-sticky-icon a{
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: #fff !important;
    font-size: 24px;
    margin-top: 5px;
    cursor: pointer;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.06), 0 2px 32px 0 rgba(0,0,0,0.16);
}
.prop-email {
    background-color: #ff4200;
}
.prop-phone {
    background-color: #2196F3;
}
@media screen and (min-width: 700px){
.po-sticky-icon {
    width: 57px;
    position: fixed;
    right: 13px;
    top: 32%;
    z-index: 99;
}
.po-sticky-icon a{
    border-radius: 50% !important;
}
}
@media screen and (max-width: 700px){
.po-sticky-icon {
    position: fixed;
    bottom: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
    background-color: #fff;
}
.po-sticky-icon a {
    display: inline-block;
    padding: 6px 12px 4px 12px!important;
    width: 48%;
    border-radius: 5px;
}
}
/*thankyou css*/

.po-thankyou{
 min-height:299px;
 text-align:center;
 margin-top:10%;
}

.po-thankyou-head{
 font-size:30px;
}

.po-thankyou-sub-head{
font-size:25px;
}


.po-thankyou-content{
font-size:20px;
}

.po-thankyou-op a{
font-size:30px;
color:#fff;
}
.po-thankyou-op .btn{
    background: red;
    border: 0;
    color: #f7f7f7;
    transition: all .5s;
	height: 50px;
	width:auto;
	font-size: 16px;
    margin: 0;
    padding: 12px;
	text-transform:uppercase;
}
/*top cta css*/
.po-top-sales-span{
    display:block !important;
    font-size: 15px;
    text-transform: capitalize;
	color: #fff;
}
.po-top-sales{
   color:#fff;
   background-color:#1f3880;
}
.po-top-sales-span:hover{
    display:block !important;
    font-size: 15px;
    text-transform: capitalize;
	color: #fff;
}
.po-top-sales:hover{
   color:#fff;
   background-color:#1f3880;
}

	.footer-nav li a{
	color: #fff !important;
	}
	
	footer .nav-link:not(.active):not(.disabled):not(:hover), section .nav-link:not(.active):not(.disabled):not(:hover) {
    opacity: 1;
}
.logo-dev-ct{
  text-align:center;
}
.prop-phone {
    background-color: #2196F3;
	}
	/*new* snk/
	/*Menu Font Color*/
	.menu-color ul li a {
    color: #000 !important;
	    text-transform: uppercase;
		font-size: 16px;
}
/*locatin page*/
.citadines-location{
    text-align: left;
    font-size: 17px;
    font-weight: 600;
    color: #3c4858;
}
.prop-g-map {
    padding: 10px;
    border-radius: 20px;
}
.amber-project-features{
 text-align: center;
    font-size: 19px;
    font-weight: 600;
    color: rgb(33 37 41);
}
.amber-project-features p{
margin-bottom: 18px;
}
.po-reasons-to-invest-2 ul li{
margin-bottom: 16px;
}
/*floorplan*/
.prop-fp-img {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: rgba(0,0,0,.87);
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
	}
	.prop-fp-img span {
	    display: inline-block;
    border-radius: 0px 35px 0px 0px;
    background: #fc6b02;
    border: 1px solid #c95908;
    width: 50%;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
	text-transform: uppercase;
	}
	.prop-heading {
    color: #232323;
    font-size: 27px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
}
.prop-email {
    background-color: #ff4200;}
.prop-para-head {
    font-size: 18px;
    font-weight: 600;
    color: #00454f;
    text-transform: uppercase;
    padding: 10px 0px;
}
.amber-architect{
text-align:center;
}
.prop-loc-img .prop-fp-img img{
height:350px;
}
.prop-facilities-img{
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}
.po-dev-img img{
height:378px;
}
a {
    font-weight: 600;
    color: red;
}
.carousel-cell{
width:1349px;
height:540px;
}
.po-ul ul{
    margin: 0;
    padding: 10px;
}
.po-ul li{
list-style:none;
}
.prop-whatsapp {
    background-color: #4CAF50;
}
.xs-btn{
background-color: red;
    padding: 8px;
    border-radius: 50%;
	border:none;
}
.navbar-toggler-close {
    position: absolute;
    top: 8px;
    left: 8px;
}
button:focus {
    outline: none;
}