/*  The bus equipment icons */
.icon_row {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    justify-content: space-evenly;
}

.icon_row_item {
     margin: 5px;
     max-width: 40%;
}
/*  END of The bus equipment icons */

/*  The Flex block with two columns */

.flex_row {
  display: flex; /* equal height of the children */
}

.flex_col {
  flex: 1; /* additionally, equal width */
  
  padding: 1em;
  border: solid;
}

/*  END of The Flex block with two columns */


/*  The Flex gallery for the transfers */
.flex_gallery_container {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    justify-content: space-evenly;
	background: #c8dfff;
	flex-direction: row;

}

.flex_gallery_item {
     margin: 5px;
     max-width: 40%;
	 background: #5E1DA7;
	 
     font-size: 2.5rem;
     color: #fff;
     padding: 15px;
}
/*  END of The Flex gallery for the transfers */

.circle-icon {
    background: #3ec1d5;
    padding:30px;
    border-radius: 50%;
}



/* thumbnail hover effect */
.col-md-3:hover {
  top: 45%;
  opacity: 1;
}

/* hoover scale effect */

.img-hover-zoom {
  /* height: 130px; */ /* Modify this according to your need */
  height: auto;
  overflow: hidden; /* Removing this will break the effects */
	}

 .img-hover-zoom--point-zoom img {
      transform-origin: 65% 75%;
      transition: transform 1s, filter .5s ease-out;
    }

    .img-hover-zoom--point-zoom:hover img {
      transform: scale(5);
    }
    
/* end of the hoover */


/*  The filtered image gallery gallery for the transfers */
.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}


/* END of The filtered image gallery gallery for the transfers */


/* google map frame */
.iframe-container{
    position: relative;
    width: 100%;
    /*text-align: center;*/
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

/* end of google map frame */


/* the Hoover over the image effect */

.hvrbox .hvrbox-layer_scale {
  border-radius: 50%;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.hvrbox:hover .hvrbox-layer_scale,
.hvrbox.active .hvrbox-layer_scale {
  border-radius: 0%;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* END of the Hoover over the image effect */


/*  http://css3.bradshawenterprises.com/cfimg/ */
/*  FM32YO One image to another, on hover effect   */
 
 

#cf {
  position:relative;
  height:480px;
  max-width:640px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

/* END of the One image to another, on hover effect  */