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

.box.perspective-box {
	overflow: visible;
	background-color: transparent;
	box-shadow: none;
}

.perspective {
	-webkit-transition: box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: -webkit-transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	background-image: url(../../images/comp2.gif);
	background-color: #4f575c; background-color: var(--dark-color);
	background-blend-mode: lighten; background-blend-mode: var(--filter-effect);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  width: 100%;
  margin: auto;
  height: 0;
  position: relative;
  padding-bottom: 80%;

}

.perspective:hover {
  -webkit-transform: perspective( 600px) rotateX( 6deg);
          transform: perspective( 600px) rotateX( 6deg);
}