.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:101;
}

.my-float{
	margin-top:16px;
}
.float-phone{
	position:fixed;
	width:60px;
	height:60px;
	bottom:140px;
	left:40px;
	
	color:#fff;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float-phone{
	margin-top:16px;
}

.video-area{
    background-image: linear-gradient(0deg, #9d50bb 0%, #864cb3 60%, #6e48aa 100%);
    padding: 200px 0;
}


a.play-btn {
    display: inline-block;
    width: 70px;
    height: 70px;
    background:#bba075;
    color: #fff ;
    border-radius: 50%;
    line-height: 70px;
    font-size: 25px;
    position: absolute;
    left: 0;
    top:0;
    text-align: center;
}

.ripple {

    position: relative;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    background-color: #dba203;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(187 160 117 / 25%), 0 0 0 10px rgb(187 160 117 / 25%), 0 0 0 30px rgb(187 160 117 / 25%), 0 0 0 60px rgb(187 160 117 / 25%);
            box-shadow: 0 0 0 0 rgb(187 160 117 / 25%), 0 0 0 10px rgb(187 160 117 / 25%), 0 0 0 30px rgb(187 160 117 / 25%), 0 0 0 60px rgb(187 160 117 / 25%);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgb(187 160 117 / 25%), 0 0 0 30px rgb(187 160 117 / 25%), 0 0 0 60px rgb(187 160 117 / 25%), 0 0 0 90px rgba(189, 142, 210, 0);
            box-shadow: 0 0 0 10px rgb(187 160 117 / 25%), 0 0 0 30px rgb(187 160 117 / 25%), 0 0 0 60px rgb(187 160 117 / 25%), 0 0 0 90px rgba(189, 142, 210, 0);
  }
}
@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(187 160 117 / 25%), 0 0 0 10px rgb(187 160 117 / 25%), 0 0 0 30px rgb(187 160 117 / 25%), 0 0 0 60px rgb(187 160 117 / 25%);
            box-shadow: 0 0 0 0 rgb(187 160 117 / 25%), 0 0 0 10px rgb(187 160 117 / 25%), 0 0 0 30px rgb(187 160 117 / 25%), 0 0 0 60px rgb(187 160 117 / 25%);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgb(187 160 117 / 25%), 0 0 0 30px rgb(187 160 117 / 25%), 0 0 0 60px rgb(187 160 117 / 25%), 0 0 0 90px rgba(189, 142, 210, 0);
            box-shadow: 0 0 0 10px rgb(187 160 117 / 25%), 0 0 0 30px rgb(187 160 117 / 25%), 0 0 0 60px rgb(187 160 117 / 25%), 0 0 0 90px rgba(189, 142, 210, 0);
  }
}


.product-title{
  letter-spacing: 2px !important;
  font-family: 'Times New Roman', Times, serif !important;
  text-transform: capitalize !important;
}

.container-padding{
  padding-left: 0px !important;
}









.buttonForPopUp {
  position: absolute;
  top: 0;
  margin-top: 2rem;
  width: 15rem;
  height: 2rem;
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

#popupdiv {
  width: 80% ;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 2rem;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 2;
  overflow: hidden;
  backdrop-filter: blur(4px);
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  align-items: center;
  justify-content: center;
  font-size: large;
  font-weight: 200;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 10px;
}

#popupdiv-samples {
  width: 80% ;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 2rem;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 2;
  overflow: hidden;
  backdrop-filter: blur(4px);
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  align-items: center;
  justify-content: center;
  font-size: large;
  font-weight: 200;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 10px;
}
.brochure{
  text-align: center;
}

@media (min-width: 900px) {
  #popupdiv{
    width: 50% !important;
  }
} 

@media (min-width: 900px) {
  #popupdiv-samples{
    width: 50% !important;
  }
} 

/*  */
.featured-shadow {
   /* background-image: -webkit-linear-gradient( 90deg,rgba( 35,35,35,.90)900%,rgba(0,0,0,0)60%); */
   background-color: rgba( 35,35,35,.90);
   width: 93%;
}


.featured-title{
  text-transform: uppercase;
}


.featured-desc-projects{
  text-transform: capitalize;
}


.landscape-capital{
  text-transform: capitalize;
}
/* .gallery-box{
  width: 414px !important;
  height: 207px !important;
} */

@media (max-width: 900px) {
  .gallery-item{
    max-width: 50% !important;
  } 
} 



@media (max-width: 900px) {
 

#fullResImage{
  height: 300px !important;
  width: 300px !important;
  left: 20px !important;
}

iframe {

  display: none !important;
}


.pp_pic_holder {
  top: 3330.33px;
  left: 18px !important;
  display: block;
  width: 333px !important;

}
.currentTextHolder{
  display:none !important;
}

a.pp_close {

  top: -55px;
}

.pp_content_container {

  height: 300px !important ;
}

div.pp_default .pp_content_container .pp_left {

  height: 309px !important;
}
.pp_content_container .pp_right {
  height: 309px !important;
  
} 

.a.pp_next{
  display:none !important;
}

.pp_details{
  width: 159px !important;
}
.pp_content{

  height: 283px !important;
  width: 292px !important;
}
} 
.pp_expand {
  display:none !important;
}
iframe {

  display: none !important;
}






.hoverCSS3{
    display: inline-block;    
    position: relative;
    padding-bottom:10px;  
    /* font-size: 30px; */
}
.hoverCSS3:after{
    content: "";    
    position: absolute;
    background-color: rgb(150,150,150);
    height: 3px;
    width: 0;
    top: 100%;
    left: 0;
    display: inline-block;
    opacity: 0;
    
    -webkit-transition: opacity .4s ease-out, width .4s ease-out  ;
   -moz-transition: opacity .4s ease-out, width .4s ease-out ;
   -o-transition: opacity .4s ease-out, width .4s ease-out ;
   transition: opacity .4s ease-out, width .4s ease-out;
}

.hoverCSS3:before{
     
    width: 22px;
    height: 22px;
    display: inline;
    float: right;
    margin-left: 8px;
  	margin-top: 8px;

    
    -webkit-transition:  -webkit-transform .4s ease-out;
   -moz-transition: transform .4s ease-out;
   -o-transition:  transform .4s ease-out ;
   transition:transform .4s ease-out, -ms-transform .4s ease-out;
}

.hoverCSS3:hover:before{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}

.hoverCSS3:hover:after{    
    opacity: 1;
    width: 100%;
}


.team-position{
  text-transform: uppercase !important;
}



.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration:2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible;
 

}



/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}