/*body{*/
/*	font-family: 'Open Sans', Arial, sans-serif;*/
/*	font-size: 14px;*/
/*	background: #ffffff;*/
/*	line-height: 1.7em;*/
/*	padding: 0;*/
/*	margin: 0;*/
/*	}*/


.puzzle-title {
	color: var(--alberty-blue);
	font-size: 16px;
}

article{
	background: #f2f2f2;
	margin: 40px auto 20px auto;
	position: relative;
	-webkit-transition: all 0.8s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	-ms-transition: all 0.8s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	-moz-transition: all 0.8s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	transition: all 0.8s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	z-index: 0;
	}

.pieces{
	position: absolute;
	z-index: 100;
	-webkit-transition: all 0.6s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	-ms-transition: all 0.6s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	-moz-transition: all 0.6s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	transition: all 0.6s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	perspective: 1000;
	}

.puzzle-final-text {
	color: var(--alberty-blue);
	font-size: 24px;
	text-align: center;
}

.glow{
	z-index: 101;
    -webkit-box-shadow: 0 0 20px 20px white;
  	box-shadow: 0 0 20px 20px white;
  	transform: scale(1.2);
	}

@-webkit-keyframes animate-guage {
	0%   { transform: scale(1.04); }
	50%   { transform: scale(1.06); }
	100%  { transform: scale(1.04); }
	}

@-webkit-keyframes animate-guage-2 {
	0%   { transform: scale(1); }
	50%   { transform: scale(1.02); }
	100%  { transform: scale(1); }
	}

/*Responsive puzzle */
.puzzle-wrapper {
  background-color: transparent;
	transform: scale(0.9);
}
@media (min-width: 992px) and (max-width: 1200px) {
	.puzzle-wrapper {
		transform: scale(0.8) translate(-4%, -10%);
		height: 900px !important;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.puzzle-wrapper {
		transform: scale(0.6) translate(-25%, -30%);
		height: 700px !important;
	}
}
@media (min-width: 576px) and (max-width: 768px) {
	.puzzle-wrapper {
		transform: scale(0.5) translate(-50%, -50%);
		height: 550px !important;
	}
}
@media (min-width: 480px) and (max-width: 576px) {
	.puzzle-wrapper {
		transform: scale(0.4) translate(-70%, -75%);
		height: 450px !important;
	}
}
@media  (max-width: 480px) {
	.puzzle-wrapper {
		transform: scale(0.3) translate(-110%, -120%);
		height: 340px !important;
	}
}
.puzzle-menu{
  height: 50px;
  margin-bottom: 10px;
  width: 200px;
}

.puzzle-modal-image {
  width: 100%;
}

.puzzle-modal-button-centered {
  text-align: center;
}

.modal-backdrop {
  opacity: 0.8 !important;
}

.modal-content{
  background-color: #F5F4F4;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.puzzle-start-doing {
  position: absolute;
  left: 50%;
  top: 80%;
  transform: translate(-50%,-80%);
}

.puzzle-fb-share {
  display: inline-block;
  margin: auto;
}

.puzzle-fb-share-wrapper {
  text-align: center;
}