@-webkit-keyframes AnimatedBackgroundGradient {
	0%   { background-position: 0% 0%; }
	25%  { background-position: 50% 50%; }
	50%  { background-position: 100% 100%; }
	75%  { background-position: 50% 50%; }
	100% { background-position: 0% 0%; }
	/*
	0%   { background-position: 0% 0%; }
	13%  { background-position: 0% 50%; }
	25%  { background-position: 0% 100%; }
	38%  { background-position: 50% 100%; }
	50%  { background-position: 100% 100%; }
	63%  { background-position: 50% 100%; }
	75%  { background-position: 0% 100%; }
	88%  { background-position: 0% 50%; }
	100% { background-position: 0% 0%; }
	*/
}
@-moz-keyframes AnimatedBackgroundGradient {
	0%   { background-position: 0% 0%; }
	25%  { background-position: 50% 50%; }
	50%  { background-position: 100% 100%; }
	75%  { background-position: 50% 50%; }
	100% { background-position: 0% 0%; }
	/*
	0%   { background-position: 0% 0%; }
	13%  { background-position: 0% 50%; }
	25%  { background-position: 0% 100%; }
	38%  { background-position: 50% 100%; }
	50%  { background-position: 100% 100%; }
	63%  { background-position: 50% 100%; }
	75%  { background-position: 0% 100%; }
	88%  { background-position: 0% 50%; }
	100% { background-position: 0% 0%; }
	*/
}
@-o-keyframes AnimatedBackgroundGradient {
	0%   { background-position: 0% 0%; }
	25%  { background-position: 50% 50%; }
	50%  { background-position: 100% 100%; }
	75%  { background-position: 50% 50%; }
	100% { background-position: 0% 0%; }
	/*
	0%   { background-position: 0% 0%; }
	13%  { background-position: 0% 50%; }
	25%  { background-position: 0% 100%; }
	38%  { background-position: 50% 100%; }
	50%  { background-position: 100% 100%; }
	63%  { background-position: 50% 100%; }
	75%  { background-position: 0% 100%; }
	88%  { background-position: 0% 50%; }
	100% { background-position: 0% 0%; }
	*/
}
@keyframes AnimatedBackgroundGradient {
	0%   { background-position: 0% 0%; }
	25%  { background-position: 50% 50%; }
	50%  { background-position: 100% 100%; }
	75%  { background-position: 50% 50%; }
	100% { background-position: 0% 0%; }
	/*
	0%   { background-position: 0% 0%; }
	13%  { background-position: 0% 50%; }
	25%  { background-position: 0% 100%; }
	38%  { background-position: 50% 100%; }
	50%  { background-position: 100% 100%; }
	63%  { background-position: 50% 100%; }
	75%  { background-position: 0% 100%; }
	88%  { background-position: 0% 50%; }
	100% { background-position: 0% 0%; }
	*/
}
#services .service-list.service-list-new .service-item {  }
#services .service-list.service-list-new .service-number { display: none; }
#services .service-list.service-list-new .service-line { display: none; }
#services .service-list.service-list-new .scene-wrapper { margin: 0 20px 20px 20px; }
#services .service-list.service-list-new .scene { height: 480px; max-width: 480px; margin: 0 auto; }
#services .service-list.service-list-new .service-card { width: 100%; max-width: 480px; height: 480px; }
#services .service-list.service-list-new .service-card .card__face--front,
#services .service-list.service-list-new .service-card .card__face--back { width: 100%; height: 100%; padding: 80px; word-spacing: normal; }
#services .service-list.service-list-new .service-card .card__face--front { text-align: center; background-color: #000000; color: #ffffff; }
#services .service-list.service-list-new .service-card .card__face--back { text-align: left; background-color: #ffffff; color: #eb008b; }
#services .service-list.service-list-new .service-card .card__face--front::before,
#services .service-list.service-list-new .service-card .card__face--back::before { position: absolute; z-index: 94; top: 38px; right: 38px; bottom: 38px; left: 38px; width: calc(100% - 76px); height: calc(100% - 76px); content: ''; background: linear-gradient(-13deg,#07334e,#eb008b); background-size: 200% 200%; -webkit-animation: AnimatedBackgroundGradient 5s ease infinite; -moz-animation: AnimatedBackgroundGradient 5s ease infinite; -o-animation: AnimatedBackgroundGradient 5s ease infinite; animation: AnimatedBackgroundGradient 5s ease infinite; }
#services .service-list.service-list-new .service-card .card__face--front::after,
#services .service-list.service-list-new .service-card .card__face--back::after { position: absolute; z-index: 95; top: 40px; right: 40px; bottom: 40px; left: 40px; width: calc(100% - 80px); height: calc(100% - 80px); content: ''; background-color: #000000; }
#services .service-list.service-list-new .service-card .card__face--back::after { background-color: #ffffff; }
#services .service-list.service-list-new .service-card .card__face--front *,
#services .service-list.service-list-new .service-card .card__face--back * { position: relative; z-index: 96; width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
#services .service-list.service-list-new .service-card .card__face--back * { text-align: left; }
#services .service-list.service-list-new .service-card .card__face--front .flip-arrow,
#services .service-list.service-list-new .service-card .card__face--back .flip-arrow { position: absolute;  z-index: 96; bottom: 23px; right: 23px; width: 32px; height: 32px; background-color: transparent; border: none; text-align: center; }
#services .service-list.service-list-new .service-card .card__face--front .flip-arrow::before,
#services .service-list.service-list-new .service-card .card__face--back .flip-arrow::before { position: absolute; z-index: 97; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; border-radius: 50%; background: linear-gradient(-13deg,#07334e,#eb008b); background-size: 200% 200%; -webkit-animation: AnimatedBackgroundGradient 5s ease infinite; -moz-animation: AnimatedBackgroundGradient 5s ease infinite; -o-animation: AnimatedBackgroundGradient 5s ease infinite; animation: AnimatedBackgroundGradient 5s ease infinite; }
#services .service-list.service-list-new .service-card .card__face--front .flip-arrow::after,
#services .service-list.service-list-new .service-card .card__face--back .flip-arrow::after { position: absolute; z-index: 98; top: 2px; right: 2px; bottom: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); margin: 0; border-radius: 50%; background-color: #000000; font-family: fontawesome; font-size: 6px; color: #ffffff; content: '\f04b'; transition: all 0.3s ease; }
#services .service-list.service-list-new .service-card .card__face--back .flip-arrow::after { background-color: #ffffff; color: #eb008b; }
#services .service-list.service-list-new .service-card .card__face--front .flip-arrow *,
#services .service-list.service-list-new .service-card .card__face--back .flip-arrow * { position: relative; z-index: 99; }
#services .service-list.service-list-new .service-card .card__face--front:hover .flip-arrow::after,
#services .service-list.service-list-new .service-card .card__face--back:hover .flip-arrow::after { font-size: 9px; }
#services .service-list.service-list-new .service-card .card__face--front img { display: inline-block; width: auto; height: 140px; margin-bottom: 40px; }
#services .service-list.service-list-new .service-card .card__face--front h3 { display: block; font-size: 3.1rem; font-style: italic; }
#services .service-list.service-list-new .service-card .card__face--back li::before { border-color: transparent #07334e; }
.page-id-29 .service-list.service-list-new { width: 100%; margin: 0 auto 20px auto; }
.page-id-29 .service-list.service-list-new .service-list-item { width: calc(100% / 3); }
.page-id-29 .service-list.service-list-new .service-card { width: 100%; margin: 0 20px 20px 20px; background-position: right 40px bottom 30px; }
@media (max-width: 900px) {
	.page-id-29 .service-list.service-list-new .service-list-item { width: 100%; }
}
@media (max-width: 500px) {
	#services .service-list.service-list-new .service-card { min-height: 480px; height: auto; }
	#services .service-list.service-list-new .service-card .card__face--front img { height: 120px; }
	#services .service-list.service-list-new .service-card .card__face--front h3 { font-size: 2.5rem; }
}

@media (max-width: 400px) {
	#services .service-list.service-list-new .service-card .card__face--front img { height: 100px; }
	#services .service-list.service-list-new .service-card .card__face--front h3 { font-size: 1.75rem; }
}

@media (min-width: 425px) {
	#services .service-list.service-list-new .scene-wrapper { margin-left: 0; }
	#services .service-list.service-list-new .service-card .card__face--back li { font-size: 1.25rem; }
}
@media (min-width: 576px) {
	#services .service-list.service-list-new .scene-wrapper { margin-left: 0; }
}
@media (min-width: 1500px) {
	#services .service-list.service-list-new .service-item { -ms-flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); }
}
