h1,h2,h3,h4,h5,h6,p,a{
    font-family: 'Montserrat',sans-serif;
}

.bg-primary{
    color:#fff;background-color:#0e51a0;
}

.btn-contact{
    background-color: #286bb2;
    color: #fff !important;
    border-radius: 120px;
    padding: 6px 17px !important;
    box-shadow: rgb(103 40 132) 0px 7px 29px 0px;
    font-size: 15px;
}

.slider-top-space{
    margin-top:80px;
}

.fix-foot {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    background-color: #286bb2;
}

.header-logo img.logo.img-fluid {
    height: 70px !important;
    width: auto;
    top: 0;
    background-color: transparent;
    padding: 5px 15px;
    /* padding: 2px 15px; */
}

 .header-stick img{
position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: -4pc;
    left: 0;
    right: 0;
    width: 180px;
}

.content-box{
    padding:20px;
    text-align:center;
    color:#fff;
}

.btn-primary{
	background-color:transparent;
	border:1px solid #fff;
}

.scrolling-box {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.slider-content{
    margin-top:250px;
    color:#fff;
}

.slider-bg{
    background-image:url('../img/p/website 01.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    height:100vh;
    display:block;
    background-attachment: fixed;
    
}

.grd-txt{
background: #286bb2;
background: -webkit-linear-gradient(to right, #286bb2 19%, #672885 64%);
background: -moz-linear-gradient(to right, #286bb2 19%, #672885 64%);
background: linear-gradient(to right, #286bb2 19%, #672885 64%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#amenities h4{
    color: #dee2e6 !important;
}

.bg-slider{
    margin-top:12%;
    margin-left:5%;
}

.bg-slider h4{
    color:#fff;
    margin-top:40px;
    line-height: 41px;
}

.bg-slider  .slide-title{
    color:#fff;
    margin-top:100px;
    font-weight:300;
}

.bg-slider .slide-extitle{
    color:#fff;
    margin-top:8px;
    font-size:40px;
    font-weight:900;
}

.ct-visibility-hidden { display : none;}


/*.bg-slider{
    background-image:url('../img/sp/slider2.jpg');
    background-size:cover;
    backgriund-repeat:no-repeat;
    height:100vh;
}*/

.specification .row ul{
    list-style: none;
}

.col-right{
    text-align:center;
}

.txt-white{
	color:#fff;
}

.txt-blue{
	color:#672885;
}
.fix-foot .col-sm-4.text-center.pt-3.border {
    width: 33.33%;
    font-size: 10px;
}

.min-gap{
    margin-top:10px;
}

.fix-foot {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    background-color: #286bb2;
}

.fix-foot a, .fix-foot a:hover{
    color:#fff;
}

.btn-custom{
	background-color:#286bb2;
	color:#fff;
}



.sec-form{
	padding:0 20px;
}

.title-color{
	color:#0751a0;
	text-shadow: 5px 0px 2px rgba(150, 150, 150, 1);
}

.top-eighty{
	padding-top:40px;
}

.right-bg-clr{
	background-color: #286bb2 !important;
}

.no-gap{
	padding:0 !important;
	margin:0 !important;
}

.slider-form{
	padding-top:30px;
}

.info-padding{
    padding:20px 30px;
}

.loc-icon img{
    height:70px;
    width:auto;
}

.am-icon h4{
	margin-top:20px;
	color:#000 !important;
    font-size:17px;
}

.main-box .am-icon{
	display:inline-block;
}

.main-floor{
	padding:10px;
	border:1px solid #000;
	width:auto;
	display:inline-block;
}

.main-floor img{
	height:200px;
	width:200px;
}

.text-align{
	text-align:justify;
}

@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

 /* Bootstrap Lightbox using Modal */

#profile-grid { overflow: auto; white-space: normal; } 
#profile-grid .profile { padding-bottom: 40px; }
#profile-grid .panel { padding: 0 }
#profile-grid .panel-body { padding: 15px }
#profile-grid .profile-name { font-weight: bold; }
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow: hidden; }
#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}

.location-map{
    height:400px;
}

.main-title {
    font-size: 25px !important;
}

.floor-box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding:15px;
}

.floor-box:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding:15px;
}

.floor-box img{
     filter: blur(1px);
  -webkit-filter: blur(1px);
}

.thumb1 a:hover{
    text-decoration:none;
}


.modal-header{
    padding: 5px;
    border:0px;
}



.modal-header .close {
    padding: 10px 20px 10px 10px;
    margin: -1rem -1rem -1rem auto;
    background-color: #0e51a0;
    color: #fff;
}


.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

@media (max-width:480px){
    
    .mobile-bnr{
        height:300px;
        width:100%;
    }
    
    .table td, .table th {
    font-size: 12px;
}
    
    li.nav-item {
    text-align: center;
}
    
    .header-logo img.logo.img-fluid {
    height: 78px !important;
    }

    .mb-loc{
        padding-bottom:30px;
    }

    .main-title span{
    display:block;
}

.mb-loc .col-xs-3{
    display:inline-block;
    width: 30%;
    padding-top:10px !important;
}

    .main-box p{
        color:#fff;
        padding-top:10px;
    }
    
    .sec-form {
    padding: 0px;
}
 
     .slider-form{
    margin: 0px !important;
}

.slider-form form{
        padding: 28px;
}

    .slider-bg{
        display:none !important;
        height:auto !important;
    }
    
    .am-icon h4 {
    color: #fff !important;
}
    
    .top-eighty{
        margin-top:0;
        padding-top:0;
    }
    
.specification .row ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.bg-cover{
    background-image:url('../img/p/bnr1 (1).png') !important;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
}
    
    .col-right{
    text-align:center;
}
    .min-gap, .top-eighty{
    margin-top:10px;
}

.text-align{
	text-align:center;
}

.am-icon{
	text-align:center;
	padding:5px;
}

.am-icon img{
	height:50px;
	width:50px;
}

.am-icon h4{
font-size:13px;
}

.location-map{
    height:200px;
}

.main-floor img {
    height: 100px;
    width: 100px;
}

}

#main_slider_hero .carousel-inner{
    height: 100vh;
}