/* Services Panel */
.services-panel.v1 {
	padding-top:4.722rem;
}

.services-panel.v1 header {
	text-align:center;
	padding-bottom:1.667rem;
}

/* List */
.services-panel.v1 ul li {
	width:23.667rem;
	border-bottom:2px solid var(--white-color);
}

.services-panel.v1.v4 ul li {
	width:28.467rem;
	border-bottom:2px solid var(--white-color);
}


.services-panel.v1 ul li:first-child,
.services-panel.v1 ul li:nth-child(5) {
	border-left:0;
}
.services-panel.v1 ul li a {
	position:relative;
	height:20.111rem;
} 

.services-panel.v1 ul li a figure,
.services-panel.v1 ul li a figure img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}

.services-panel.v1 ul li a figure img {
	background-size:cover;
}

.services-panel.v1 ul li:not(.view-all) a .btn-cont {
	line-height:1;
	margin-top:auto;
	padding:1.2778rem 0 1.1667rem 1.889rem;
	background-color:rgba(64, 64, 64, .7);
	transition:.6s ease 0s;
}

.services-panel.v1 ul li:not(.view-all) a .btn-cont strong {
	display:block;
	width:100%;
	font-size:1.333rem;
	font-weight:600;
	color:var(--white-color);
	line-height:1;
	text-shadow:3px 3px 3px rgba(0,0,0,.4);
	_transform: translateX(1.778rem);
	text-transform:uppercase;
	position:relative;
	z-index:1;
	transition:.6s ease 0s;
	overflow:hidden;
}

.services-panel.v1 ul li:not(.view-all) a .btn-cont strong span {
	display: inline-block;
    position: relative;
    padding-left: 1.778rem;
    line-height: 1;
    transition: .6s ease 0s;
}

.services-panel.v1 ul li:not(.view-all) a .btn-cont strong span:before {
	position:absolute;
	top:60%;
	left:0;
	transform:translate(-40%,-50%);
	width:2.778rem;
	height:1.1667rem;
	background-image:url(/images/assets/services-arrow.png);
	content:'';
	background-repeat:no-repeat;
	background-position:95% 48%;
	z-index:-1;
	transition:width .4s linear 0s, transform .6s ease-out 0s;
	transform-origin:0 0;
}

.services-panel.v1 ul li.view-all a {
	background-color:var(--click1-color);
	transition:.6s ease 0s;
}

.services-panel.v1 ul li.view-all a .btn-cont {
	margin-top:auto;
	margin-bottom:auto;
	padding-left:4.111rem;
} 

.services-panel.v1 ul li.view-all a .btn-cont strong {
	display:block;
	width:100%;
	font-size:1.333rem;
	font-weight:600;
	color:var(--white-color);
	line-height:1;
	position:relative;
	z-index:1;
	padding-left:1.778rem;
	text-transform:uppercase;
	transition:.6s ease 0s;
}
.services-panel.v1 ul li.view-all a .btn-cont strong:before {
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:1.1667rem;
	height:.833rem;
	background-image:url(/images/panel/view-all-arrow.png);
	background-repeat:no-repeat;
	background-position:95% 48%;
	content:'';
	z-index:-1;
	transition:.6s ease 0s;
}

/* Stephenson Override */


/* Harold Override */
.services-panel.v1.harold-hamm-diabetes-center {
	padding-bottom:2.111rem;
}

.services-panel.v1.harold-hamm-diabetes-center .view-all,
.services-panel.v1.stephenson-cancer-center .view-all {
	display:none;
}

.services-panel.v1.harold-hamm-diabetes-center ul li:not(.view-all) a .btn-cont {
	background-color:rgba(64, 64, 64, 0.5);
}

/* Children Override */
.services-panel.v1.oklahoma-childrens ul li:not(.view-all) a .btn-cont {
	background-color:rgba(0, 51, 161, 0.7);
}

.services-panel.v1.oklahoma-childrens ul li.view-all a {
	background-color:var(--primary-color);
}

/* 1025px Min Width */
@media screen and (min-width:1025px){
	.services-panel.v1 ul li:not(.view-all) a:hover .btn-cont strong span,
	.services-panel.v1 ul li:not(.view-all) a:focus .btn-cont strong span{
		transform: translateX(1.111rem);
	}
	.services-panel.v1 ul li:not(.view-all) a:hover .btn-cont,
	.services-panel.v1 ul li:not(.view-all) a:focus .btn-cont {
		background-color:rgba(169, 5, 51, 0.9);
	}
	
	.services-panel.v1 ul li:not(.view-all) a:hover .btn-cont strong:before,
	.services-panel.v1 ul li:not(.view-all) a:focus .btn-cont strong:before {
		_width:2.778rem;
		_transform:translate(-2.889rem,-50%);
	}
	
	.services-panel.v1 ul li.view-all a:hover {
		background-color:var(--primary-color);
	}
	
	.services-panel.v1 ul li.view-all a:hover .btn-cont strong {
		transform: translateX(1.111rem);
	}
	
	.services-panel.v1 ul li.view-all a:hover .btn-cont strong:before,
	.services-panel.v1 ul li.view-all a:hover .btn-cont strong:before{
		width:2.778rem;
		transform:translate(-1.4rem,-50%);
	}
	
}

/* 1600px Responsive */
@media screen and (max-width:1600px){
	.services-panel.v1 ul li {
		width:24.9%;
	}
	
	.services-panel.v1 ul li.view-all a .btn-cont {
		padding-left:2rem;
	}
}

/* 1280px Responsive */
@media screen and (max-width:1280px){
	.services-panel.v1 ul li a {
		height:17.111rem;
	}
	
	.services-panel.v1 ul li.view-all a .btn-cont {
		padding-left:.889rem;
	}
}

/* 1024px Responsive */
@media screen and (max-width:1024px){
	.services-panel.v1 ul li:not(.view-all) a .btn-cont strong,
	.services-panel.v1 ul li.view-all a .btn-cont strong {
		font-size:1rem;
	}
	
	.services-panel.v1 ul li:not(.view-all) a .btn-cont {
		padding:1.2778rem 0 1.1667rem 1rem;
	}
	
	.services-panel.v1 ul li a {
		height:13.111rem;
	}
}

/* 800px Responsive */
@media screen and (max-width:800px){
		.services-panel.v1 ul li {
		width: 100%;
	}
	
	.services-panel.v1 ul li:not(.view-all) a .btn-cont {
		padding:.889rem;
	}
	
	.services-panel.v1 ul li.view-all a .btn-cont {
		padding-left:14%;
	}
}

/* 500px Responsive */
@media screen and (max-width:500px){
	.services-panel.v1 {
		padding-top:0;
	}
	.services-panel.v1 header {
		padding-bottom:.64rem;
	}
	.services-panel.v1 ul li a {
		height:9.73rem;
	}
	
	.services-panel.v1 ul li:not(.view-all) a .btn-cont {
		padding:.512rem 1.02rem .57rem;
	}
	
	.services-panel.v1 ul li:not(.view-all) a .btn-cont strong, .services-panel.v1 ul li.view-all a .btn-cont strong {
		font-size:.83rem;
		text-shadow:none;
		padding-left:1.15rem;
		font-weight:600;
	}
	
	.services-panel.v1 ul li:not(.view-all) a .btn-cont strong {
		transform:translateX(0);
	}
	
	.services-panel.v1 ul li:not(.view-all) a .btn-cont strong span:before,
	.services-panel.v1 ul li.view-all a .btn-cont strong:before {
		width:.755rem;
		height:.512rem;
		background-image:url(/cms/svg/site/icon_large_arrow.36.ffffff.svg);
		background-position:50% 50%;
		transform:translate(0,-50%);
		background-size:cover;
		top:50%;
	}
	
	.services-panel.v1 ul li.view-all a .btn-cont {
		padding-left:1.28rem;
	}
	
	.services-panel.v1 ul li:not(.view-all) a .btn-cont strong span:before {
		left:-1.15rem;
	}
	
	.services-panel.v1 ul li:not(.view-all) a .btn-cont strong span {
		padding-left:0;
	}
}

/* IE Specific Fallbacks */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .services-panel.v1 ul li {
        width:23.667rem;
        border-bottom:2px solid #FFFFFF;
    }

    .services-panel.v1 ul li:not(.view-all) a .btn-cont strong {
        display:block;
        width:100%;
        font-size:1.333rem;
        font-weight:600;
        color:#FFFFFF;
        line-height:1;
        text-shadow:3px 3px 3px rgba(0,0,0,.4);
        _transform: translateX(1.778rem);
        text-transform:uppercase;
        position:relative;
        z-index:1;
        transition:.6s ease 0s;
        overflow:hidden;
    }

    .services-panel.v1 ul li.view-all a {
        background-color:var(--click1-color);
        transition:.6s ease 0s;
    }

    .services-panel.v1 ul li.view-all a .btn-cont strong {
        display:block;
        width:100%;
        font-size:1.333rem;
        font-weight:600;
        color:#FFFFFF;
        line-height:1;
        position:relative;
        z-index:1;
        padding-left:1.778rem;
        text-transform:uppercase;
        transition:.6s ease 0s;
    }

    .services-panel.v1.oklahoma-childrens ul li.view-all a {
        background-color:#003b5c;
    }
}
/* IE Fallback 1025px Min Width */
@media screen and (-ms-high-contrast: active) and (min-width:1025px), (-ms-high-contrast: none) and (min-width:1025px) {
    
    .services-panel.v1 ul li.view-all a:hover {
        background-color:#003b5c;
    }
    
}
/* End IE Specific Fallbacks */