

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

.txt-white{
	color:#fff;
}

.txt-blue{
	color:#50bfcd;
}

.btn-custom{
	background-color:#50bfcd;
	color:#fff;
}

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

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

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

.right-bg-clr{
	background-color: #009ed0 !important;
}

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

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

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

.am-icon h4{
	margin-top:20px;
}

.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;
}

.mobile-fix-section {
    background-color: #51c0cd;
    color: #fff;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.mobile-fix-section a{
    color: #fff;
}

.fix-left {
    border-right: 1px solid #fff;
}

.d-left-img{
    background-image:url('../img/project-highlight.jpeg');
    background-size:cover;
    height:400px;
}
.d-right-img{
    background-image:url('../img/vtp-bluewater.jpeg');
    background-size:cover;
    height:400px;
}

/* */

.img-car .carousel {
  position: relative;
}
.img-car .carousel-item img {
  object-fit: cover;
}
.img-car #carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0 50px;
  right: 0;
}
.img-car #carousel-thumbs img {
  border: 5px solid transparent;
  cursor: pointer;
}
.img-car #carousel-thumbs img:hover {
  border-color: rgba(255,255,255,.3);
}
.img-car #carousel-thumbs .selected img {
  border-color: #fff;
}
.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}
@media all and (max-width: 767px) {
 .img-car  .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
 .img-car  .carousel-container #carousel-thumbs {
    position: absolute;
  }
}
@media all and (max-width: 576px) {
 .img-car  .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
}

/* */

@media (max-width:480px){
    
.mb-br{
    width:100%;
    display: block;
}
    
.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;
}

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

}