@charset "utf-8";
/* CSS Document */


.ct-icon-boxes .ct-icon-box {

  position: relative;

  text-align: center;
  color: #000;
  margin-bottom: -2px;
  cursor: pointer;
	
	
	 background: tranparent; /* default color */

    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, white 50%, green 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}

.ct-icon-box:hover {
  
  color: #fff;
	background-position: left;
	
}

.ct-icon-boxes {
  margin: 65px auto;
  max-width: 925px;
  overflow: auto;
  clear: both;
}


/*

.ct-icon-boxes .ct-icon-box.bottom-all {
  width: 69.5%;
  min-height: 250px;
  margin-bottom: 2px;
}
*/



@media only screen and (min-width: 480px) {

  .ct-icon-boxes .ct-icon-box.top-right,
  .ct-icon-boxes .ct-icon-box.bottom-right {
    /*margin-left: -2px;*/
  }
}

.ct-icon-boxes .ct-icon-box>.ct-icon-boxes .ct-icon-box__inner,
.ct-icon-boxes .ct-icon-box>.inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}