.cliniccontainer {
	width: 100%;
	height: auto;
}

.cliniccontainer .card-stack {
	width: 100%;
	height: 375px;
	/*position: absolute;
    margin: 20px auto;*/
	color: #fff;
}

.cliniccontainer .card-stack .buttons {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.46);
	border: 2px solid rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	width: 35px;
	height: 35px;
	left: 0;
	top: 55%;
	color: rgba(255, 255, 255, 0.7);
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	font-size: 22px;
	z-index: 100;
	outline: none;
	transition: all 0.2s ease;
}

.cliniccontainer .card-stack .buttons:hover {
	transform: scale(1.3, 1.3);
}

.cliniccontainer .card-stack .clinicprev {
	left: 15px;
	right: auto;
}

.cliniccontainer .card-stack .clinicnext {
	left: auto;
	right: 15px;
}

.cliniccontainer .card-stack .carousel .buttons:hover {
	color: #C01313;
	background: #fff;
}

.cliniccontainer .card-stack .card-list {
	width: 100%;
}

.cliniccontainer .card-stack .card-list li {
	transition: all 100ms ease-in-out;
	border-radius: 2px;
	position: absolute;
	list-style: none;
	height: 375px;
	-webkit-box-shadow: 0 2px 15px 1px rgba(225, 225, 225, 0.5);
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 20px;
	/*text-align: center;*/
	background-size: cover;
}

.cliniccontainer .card-stack .card-list li:nth-child(1) {
	/*top: 24px;*/
	width: 100%;
}

.cliniccontainer .card-stack .card-list li:nth-child(2) {
	/*top: 36px;*/
	width: 100%;
}

.cliniccontainer .card-stack .card-list li:nth-child(3) {
	/* top: 48px;*/
	width: 100%;
}

.cliniccontainer .card-stack .card-list li:nth-child(4) {
	/* top: 60px;*/
	width: 100%;
}

.cliniccontainer .card-stack:hover>.buttons.clinicprev {
	display: block;
	animation: bounceInLeft 200ms;
}

.cliniccontainer .card-stack:hover>.buttons.clinicnext {
	display: block;
	animation: bounceInRight 200ms;
}

.transformNext {
	animation: scaleDown 100ms;
}

.transformPrev {
	animation: scaleUp 100ms;
	display: none;
}

@
keyframes scaleUp { 0% {
	transform: scale(1.2) translateY(50px);
	opacity: 0;
}

20%
{
transform
:
 
scale
(1
.15
)
 
translateY
(40px);

    
opacity
:
 
0
.1
;

  
}
40%
{
transform
:
 
scale
(1
.1
)
 
translateY
(30px);

    
opacity
:
 
0
.2
;

  
}
60%
{
transform
:
 
scale
(1
.05
)
 
translateY
(20px);

    
opacity
:
 
0
.4
;

  
}
80%
{
transform
:
 
scale
(1
.01
)
 
translateY
(10px);

    
opacity
:
 
0
.8
;

  
}
100%
{
transform
:
 
scale
(1)
 
translateY
(0);

    
opacity
:
 
1;
}
}
@
keyframes scaleDown { 0% {
	transform: scale(1) translateY(0);
	opacity: 1;
}

20%
{
transform
:
 
scale
(1
.01
)
 
translateY
(20px);

    
opacity
:
 
0
.8
;

  
}
40%
{
transform
:
 
scale
(1
.05
)
 
translateY
(40px);

    
opacity
:
 
0
.4
;

  
}
60%
{
transform
:
 
scale
(1
.1
)
 
translateY
(60px);

    
opacity
:
 
0
.2
;

  
}
80%
{
transform
:
 
scale
(1
.15
)
 
translateY
(80px);

    
opacity
:
 
0
.1
;

  
}
100%
{
transform
:
 
scale
(1
.2
)
 
translateY
(100px);

    
opacity
:
 
0;
}
}
@
keyframes scaleCard { 0% {
	top: 5px;
}

100%
{
top
:
 
24
px
;

  
}
}
@
keyframes bounceInLeft { 0% {
	opacity: 0;
	transform: translateX(40px);
}

100%
{
transform
:
 
translateX
(0);

  
}
}
@
keyframes bounceInRight { 0% {
	opacity: 0;
	transform: translateX(-40px);
}
100%
{
transform
:
 
translateX
(0);

  
}
}