/*
Theme Name: CLICKS 3 Child Theme
description:
  CLICKS 3 Child Theme
Author: Reach Agency
Author URI: http://reachagency.com/
Template: clicks_3
Version: 1.0.0
*/

.form-success {
  text-align: center;
}

.website-72 .singleForm, .website-73 .singleForm {
	display: none;
}


.block .box img {
  width: auto; 
  display: block;
  margin: auto;
  max-width: 150px;
}

/* Center Images */
.col-12.col-md-6.order-1.innerImg {
  text-align: center;
}

.block .box {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.block .info h3 {
  font-weight: bold;
  margin: 0;
  font-size: 16px;
  color: #727272;
}
/*
@media (max-width: 480px) {
  .video-responsive {
    left: -360px !important;
  }
}
*/
@media only screen and (min-width: 992px) {
  .item-container {
    max-width: 20vw;
    position: relative;
    overflow: hidden;
  }
  .hidden-item {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
  .item-container:hover .hidden-item {
    opacity: 1;
    display: block;
    left: 0;
    transition: opacity 0.5s ease;
  } 
  .item-container:hover .hidden-item-2 {
    opacity: 0;
    display: block;
    left: 0;
    transition: opacity 0.5s ease;
  }
}
@media only screen and (max-width: 992px) {
  .item-container {
    width: 70vw;
    position: relative;
    overflow: hidden;
  }
  .row-break {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0px !important;
  }
  .hidden-item {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
  .item-container:hover .hidden-item {
    opacity: 1;
    display: block;
    left: 0;
    transition: opacity 0.5s ease;
  } 
  .item-container:hover .hidden-item-2 {
    opacity: 0;
    display: block;
    left: 0;
    transition: opacity 0.5s ease;
  }
}