.square-flip {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;
		-webkit-transform: perspective(1000px);
		-moz-transform: perspective(1000px);
		-ms-transform: perspective(1000px);
		transform: perspective(1000px);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		/*border:1px solid #efefef;*/
		position: relative;
		float: left;
}
.square-flip {
		aspect-ratio: 2 / 1.5;
		width: 100%;
}
.square, .square2 {
		width: 100%;
		height: 100%;
}
.square {
		background-size: cover;
		background-position: center center;
		-ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		-webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		overflow: hidden;
		position: absolute;
		top: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
}
.square-flip .square {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
		transform-style: preserve-3d;
		z-index: 1;
}
/*.square-flip:hover .square {
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		transform-style: preserve-3d;
}*/
.square2 {
		background-size: cover;
		background-position: center center;
		-ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		-webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		overflow: hidden;
		position: absolute;
		top: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
}
.square-flip .square2 {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		transform: rotateY(180deg);
		transform-style: preserve-3d;
		z-index: 1;
}
/*.square-flip:hover .square2 {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
		transform-style: preserve-3d;
}*/
/*Square content*/
.square-container {
		text-align: center;
		position: relative;
		top: 50%;
		-ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		-webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		-webkit-transform: translateY(-50%) translateX(0px) scale(1);
		-ms-transform: translateY(-50%) translateX(0px) scale(1);
		transform: translateY(-50%) translateX(0px) scale(1);
		transform-style: preserve-3d;
		z-index: 2;
		height: 100%;
}
/*.square-flip:hover .square-container {
		-webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
		-ms-transform: translateY(-50%) translateX(-650px) scale(0.88);
		transform: translateY(-50%) translateX(-650px) scale(0.88);
		transform-style: preserve-3d;
}*/
.square-container2 {
		text-align: center;
		position: relative;
		top: 50%;
		-ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		-webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
		-webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
		-ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
		transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
		transform-style: preserve-3d;
		z-index: 2;
		height: 100%;
		width: 100%;
}
/*.square-flip:hover .square-container2 {
		-webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
		-ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
		transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
		transform-style: preserve-3d;
}*/
.square-container2 .kallyas-button {
		right: 0;
		left: 0;
		top: auto;
		bottom: 1rem;
		margin: auto;
		position: absolute;
}
/*Elements*/
.flip-overlay {
		display: block;
		/*background: rgba(0, 0, 0, 0.5);*/
		background-color: transparent;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
}
.align-center {
		margin: 0 auto;
}
.kallyas-button {
		display: block;
		width: 160px;
		padding: 18px 30px;
		font-weight: 600;
		color: #fff;
		margin: 0 auto;
		border-radius: 2px;
		text-decoration: none;
		background: linear-gradient(135deg, #ffa067 0%, #ff2959 49%, #ff2024 100%);
}
.kallyas-button:hover {
		color: #ffffff;
}
/*ADD SHADOWS OPTIONAL*/
.square-flip .square .boxshadow, .square-flip .square .textshadow, .square-flip .square2 .boxshadow, .square-flip .square2 .textshadow {
		-ms-transition: 0.6s;
		transition: 0.6s;
		-webkit-transition: 0.6s;
}
.square-flip .square .boxshadow {
		-webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
		box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}
/*.square-flip:hover .square .boxshadow, .square-flip:hover .square .textshadow {
		-webkit-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
		-moz-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
		box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
}*/
.square-flip .square2 .boxshadow {
		-webkit-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
		-moz-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
		box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
}
/*.square-flip:hover .square2 .boxshadow, .square-flip:hover .square2 .textshadow {
		-webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
		box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}*/
@media (max-width:1199px) {
		.square-flip {
				aspect-ratio: 2 / 2;
		}
}
@media (max-width:991px) {
		.square-flip .square .sub_title img {
				width: 60px !important;
		}
		.square-flip {
				aspect-ratio: 2 / 2.25;
		}
}
@media (max-width:767px) {
		.square-flip {
				aspect-ratio: 2 / 2.8;
		}
}
@media (max-width:567px) {
		.square-flip .square .sub_title img {
				width: 90px !important;
		}
		.square-flip {
				aspect-ratio: 2 / 1.7;
				margin-bottom: 1rem;
		}
}
@media (max-width:568px) and (orientation: landscape) {
		.square_group .col-sm-4 {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 auto;
				        flex: 0 0 auto;
				width: 33.33333333%;
		}
		.square-flip .square .sub_title img {
				width: 60px !important;
				margin: 0 auto 1rem auto;
		}
		.square-flip .square .sub_title {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
		.square-flip {
				aspect-ratio: 2 / 3.9;
				margin-bottom: 1rem;
		}
}
@media (max-width:320px) {
		.square-flip {
				aspect-ratio: 2 /2.125;
				margin-bottom: 1rem;
		}
}