/* ESTRUCTURA */
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
.caixa-form-llarg {
min-width:100%; height: auto; border: 1px solid #f5f5f5; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom:  0; background: transparent!important; padding: 0; float:left; 
}
.caixa-form-interior {
  padding: 0;
  background-color: transparent!important;
  max-width: 1600px; 
  margin: 0 auto;
}
.caixa-form-0 {
  flex: 33%;
  width: 33%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
.caixa-form-3 {
  flex: 20%;
  width: 20%;
  background-color: transparent!important;
  padding: 10px;
  float:left; text-align:center;
}
.caixa-form-4 {
  flex: 75%;
  width: 75%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
.caixa-form-llarg {
min-width:100%; height: auto; border: 1px solid #f5f5f5; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom:  0; background: transparent!important; padding: 0; float:left; 
}
.caixa-form-interior {
  padding: 0;
  background-color: transparent!important;
  max-width: 1600px; 
  margin: 0 auto;
}
.caixa-form-0 {
  flex: 33%;
  width: 33%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
.caixa-form-3 {
  flex: 20%;
  width: 20%;
  background-color: transparent!important;
  padding: 10px;
  float:left; text-align:center;
}
.caixa-form-4 {
  flex: 75%;
  width: 75%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
.caixa-form-llarg {
min-width:100%; height: auto; border: 1px solid #f5f5f5; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom:  0; background: transparent!important; padding: 0; float:left; 
}
.caixa-form-interior {
  padding: 0;
  background-color: transparent!important;
  max-width: 1600px; 
  margin: 0 auto;
}
.caixa-form-0 {
  flex: 50%;
  width: 50%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
.caixa-form-3 {
  flex: 50%;
  width: 50%;
  background-color: transparent!important;
  padding: 10px;
  float:left; text-align:center;
}
.caixa-form-4 {
  flex: 75%;
  width: 75%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.caixa-form-llarg {
min-width:100%; height: auto; border: 1px solid #f5f5f5; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom:  0; background: transparent!important; padding: 0; float:left; 
}
.caixa-form-interior {
  padding: 0;
  background-color: transparent!important;
  max-width: 1600px; 
  margin: 0 auto;
}
.caixa-form-0 {
  flex: 50%;
  width: 50%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
.caixa-form-3 {
  flex: 33%;
  width: 33%;
  background-color: transparent!important;
  padding: 10px;
  float:left; text-align:center;
}
.caixa-form-4 {
  flex: 75%;
  width: 75%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
.caixa-form-llarg {
min-width:100%; height: auto; border: 1px solid #f5f5f5; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom:  0; background: transparent!important; padding: 0; float:left; 
}
.caixa-form-interior {
  padding: 0;
  background-color: transparent!important;
  max-width: 1600px; 
  margin: 0 auto;
}
.caixa-form-0 {
  flex: 100%;
  width: 100%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
.caixa-form-3 {
  flex: 50%;
  width: 50%;
  background-color: transparent!important;
  padding: 10px;
  float:left; text-align:center;
}
.caixa-form-4 {
  flex: 100%;
  width: 100%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
}
@media (min-width: 320px) and (max-width: 480px) {
.caixa-form-llarg {
min-width:100%; height: auto; border: 1px solid #f5f5f5; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom:  0; background: transparent!important; padding: 0; float:left; 
}
.caixa-form-interior {
  padding: 0;
  background-color: transparent!important;
  max-width: 1600px; 
  margin: 0 auto;
}
.caixa-form-0 {
  flex: 100%;
  width: 100%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
.caixa-form-3 {
  flex: 100%;
  width: 100%;
  background-color: transparent!important;
  padding: 10px;
  float:left; text-align:center;
}
.caixa-form-4 {
  flex: 100%;
  width: 100%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
}
@media (max-width: 319px) {
.caixa-form-llarg {
min-width:100%; height: auto; border: 1px solid #f5f5f5; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom:  0; background: transparent!important; padding: 0; float:left; 
}
.caixa-form-interior {
  padding: 0;
  background-color: transparent!important;
  max-width: 1600px; 
  margin: 0 auto;
}
.caixa-form-0 {
  flex: 100%;
  width: 100%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
.caixa-form-3 {
  flex: 100%;
  width: 100%;
  background-color: transparent!important;
  padding: 10px;
  float:left; text-align:center;
}
.caixa-form-4 {
  flex: 100%;
  width: 100%;
  background-color: transparent!important;
  padding: 10px;
  float:left;
}
}
					   .grid-item {
                          width: 100%;
                          height: 100%;
                          margin-bottom: 0;
                          overflow: hidden;
                          cursor: pointer;
                          position: relative;
                        }
                        .aumenta_img {
                          display: block;
                          width: 100%;
                          min-height: 100%;
                          min-height: 100%;
                          width: 100%;
                          background-size: cover;
                          background-repeat: no-repeat;
                          background-position: center;
                          transition: all .7s;
                        }
                        .grid-item:hover .aumenta_img {
                          transform: scale(1.3);
                        }
                        @media only screen and (max-width:400px){
                          .grid{width: 100% !important;}
                        }


[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    background-color: #999;
    color: #fff;
    font-size: 0.8em;
    padding: 3px 10px;
    /*box-shadow: 1px 1px 3px #222222;*/
    left: 20%;
    padding: 6px 25px;
	opacity: 0;
    z-index: 99999;
    visibility: hidden;
    border-radius: 0px;
    
}
[data-title] {
    position: relative;    
	bottom: 26px;

}







.caixa-img-index-sub {  
  width: 100%;
  height: auto;
  background-image: url("https://faithandsoulrealestate.com/img/gestio_immobiliaria.jpg"); background-color: transparent; 
  background-size: 100% 100%;
  padding: 10px; 
  float:left; 
}
.caixa-text-info-01 {  
  min-width:100%; 
  min-height: auto; 
  margin-top: 0; 
  margin-bottom: 10px; 
  background-image: url("https://faithandsoulrealestate.com/img/fons-text-index.png"); background-color: transparent; 
  padding: 12px 20px 0px 20px; 
  float:left; 
}