/* Estilo Grid */
#carousel_blog{ padding: 55px 0;}
#carousel_blog .item_blog{margin: 0 10px; text-align: left!important;background: rgba(71, 60, 44, 0.21);padding: 10px; border-radius: 15px}
#carousel_blog .summary_blog h2{ color: #fff; margin: 15px 0; font-size: 18px; letter-spacing: 2px; } 
#carousel_blog .summary_blog .btn_sblo{font-size: 15px;font-weight: 500;text-transform: uppercase;letter-spacing: 4px;color: #8C857B;border:2px solid #8C857B;border-radius:15px;padding: 10px 25px }

.carousel_blog .swiper-button-prev{left: -65px}
.carousel_blog .swiper-button-next{ right: -65px}

h3.module-title,h3.widget-title{ margin-bottom: 25px; margin-bottom: 20px}

.banner_img_atm img{ width: 100%}
.banner_img_atm figure{ position: relative; overflow: hidden}
.banner_img_atm figure .cont_banner,.banner_img_atm figure .custom-image-overlay{ position: absolute; width: 100%;height: 100%; top: 0; left: 0px}
.banner_img_atm figure .custom-image-overlay{z-index: 1}
.banner_img_atm figure .cont_banner{z-index: 91; padding: 15px;display: flex;flex-wrap: wrap;}
.banner_img_atm figure .cont_banner .custom-button{ display: table}

/**CARUSEL**/

#slider_porta .item_c{position: relative; border: 1px solid #5ba6de2b !important; padding:  25px 15px; border-radius: 10px; margin: 0 10px; box-shadow:  0px 0px 5px #5ba6de2b }
.owl-carousel .owl-stage-outer{ padding-top: 30px; padding-bottom: 30px}
#slider_porta .item_c header i{ }
#slider_porta .item_c header h2{ }
#slider_porta .item_c header img{ width: 100%; max-width: 100%; display: table; }
#slider_porta .item_c .text{display: flex;flex-direction: column;flex-wrap: wrap;align-items: center; }
#slider_porta .item_c .btn_slider {  display: flex; align-items: center; justify-content: center}

/****FLIP CARD****/
.flip-card {
  background-color: transparent;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front .title_front{text-shadow: 1px 2px 3px rgba(0,0,0,55%)}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
    display: flex; overflow: hidden
}

.flip-card-back {
  transform: rotateY(180deg);
}


@media only screen and (max-width: 1440px){
    
}

@media only screen and (max-width: 1350px){
    
}


@media only screen and (max-width: 1280px){


 
}
@media only screen and (max-width: 1170px){

}
@media only screen and (max-width: 1024px){ 



}

@media only screen and (max-width: 980px){

   
}
@media only screen and (max-width: 800px){
  
}

@media only screen and (max-width: 767px){

}