#servicespage.profrac #work .right {margin-top:20px}
#servicespage.profrac #work sup {font-size:60%;bottom:0.5em}
#servicespage.profrac #accord h3 {padding:30px 0 60px 0;text-align:center;color:#222;width:100%;display:block}
#servicespage.profrac #bottomcontent {margin-top:60px;margin-bottom:60px}
#servicespage.profrac #bottomcontent .title p {padding-bottom:15px}
#servicespage.profrac #bottomcontent .title {margin-bottom:40px}
#servicespage.profrac #bottomcontent h3 {font-weight:400}
#servicespage #bottomcontent2 {margin-bottom:30px;}
#servicespage #bottomcontent2 p {padding-bottom:25px;font-size:15px;line-height:1.7}
#servicespage #bottomcontent2 p strong {font-size:16px}
#servicespage #bottomcontent2 .inner {max-width:790px;margin:0 auto}
#servicespage #bottomcontent2 .title * {text-align:center;color:#222;}
#servicespage #bottomcontent2 .title {margin-bottom:60px} 
#servicespage #bottomcontent2 .title img {margin-bottom:10px}
#servicespage #bottomcontent2 .title sup {font-size:60%;bottom:0.5em}
#servicespage #bottomcontent2 h3, #servicespage #bottomcontent2 h4 {text-align:center;color:#222}
#servicespage #bottomcontent2 h3 {font-weight:400;padding-bottom:30px}
 #servicespage #bottomcontent2 h4 {padding-top:50px}
#servicespage #bottomcontent2 img.img1 {padding:50px 0}
#servicespage.profrac #checkblock.v2 li .titl {max-width:280px;margin-left:auto;margin-right:auto}
#servicespage.profrac #checkblock.v2 {margin-bottom:50px;padding:60px 0 30px 0;background:#edf0f5}
#servicespage.profrac #checkblock.v2 li {padding-bottom:50px;width:33.3333333%}
#servicespage.profrac #checkblock.v2 li p {padding-left:10px;padding-right:10px;font-size:15px;line-height:20px;max-width:300px}
#servicespage.profrac #checkblock.v2 h4{padding-bottom:50px}
#servicespage.profrac #bottomcontent a {text-decoration:underline;font-weight:700;color:#b491bb}
#servicespage.profrac .accordv2 li a {text-decoration:underline;font-weight:700;color:#b491bb}
#servicespage.profrac #bottomcontent .inner {max-width:790px}
#servicespage.profrac #bluebar.v1 .inner {  padding: 45px 30px;}
#servicespage.profrac .overview {padding-top:13px}
#servicespage.profrac #overview .inner {    padding: 45px 30px;    background: #edf0f5;    max-width: 955px;    margin: 0 auto;	text-align:center}
#servicespage.profrac #overview .inner h4 {padding-bottom:20px}
#servicespage.profrac #overview .inner p {font-size:15px;line-height:25px;max-width:770px;  margin: 0 auto;}
#servicespage.profrac #textwithbackground {background-position:center right}
#servicespage.profrac #textwithbackground sup {font-size:60%;bottom:0.5em}
#servicespage.profrac #textwithbackground .inner {justify-content: flex-start;padding-top:55px}
#servicespage.profrac #bluebar.v2 .inner { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10); padding: 45px 30px;max-width:955px;background:#fff}
#servicespage.profrac #bluebar.v2 .inner p {max-width:790px}
#servicespage.profrac #bluebar.v2 .inner * {color:#222}
#servicespage.profrac #bluebar.v2 .inner h4 {padding-bottom:15px}
#servicespage.profrac #accord {padding-top:60px}
#servicespage.profrac #about {margin:0;padding:75px 0}
#servicespage.profrac #about .cntn {box-shadow:none;padding:0;margin:0 5px}
#servicespage.profrac #about .inner {justify-content:space-between;max-width:900px}
#servicespage.profrac #about .inner > div {max-width:400px}
#servicespage.profrac #howwork {padding:60px 0 35px 0;background:#edf0f5}
#servicespage.profrac #howwork .inner {max-width:770px;margin:0 auto}
#servicespage.profrac #howwork .inner * {text-align:center}
#servicespage.profrac #howwork .btn {height:auto;background:#b491bb;color:#fff;text-align:center;padding:10px 0;width:130px;font-size:14px;display:inline-block}
#servicespage.profrac #howwork .inner p {padding-top:0;padding-bottom:25px}
#servicespage #bluebar2 {margin-bottom:60px}
#servicespage #bluebar2 .inner{padding:33px 30px;background:#95bfcb;max-width:955px;margin:0 auto}
#servicespage #bluebar2 .inner * {text-align:center;color:#fff}
#servicespage #bluebar2 .inner p {padding-top:10px;font-size:15px;text-align:center;line-height:1.7;font-weight:700}
#servicespage #includes .inner {margin:0 auto;max-width:790px}
#servicespage #includes .inner p {padding-bottom:40px;font-size:15px;line-height:1.7}
@media only screen and (max-width: 1200px){

	
}
@media only screen and (min-width: 981px){
	#servicespage.profrac #bluebar.v2 .inner {    margin-top: -120px;	}

}
@media only screen and (max-width: 980px){
	#servicespage.profrac #twocolwithbg {height:400px}
	#servicespage.profrac #textwithbackground .inner {padding-top:0}
	#servicespage.profrac #textwithbackground {height:300px}
	#servicespage.profrac #about .inner >div {max-width:100%}
	#servicespage.profrac #about .cntn {margin:0}
	#servicespage.profrac #about {padding:50px 0}
	#servicespage #bluebar2 .inner h3 br {display:none}
}

@media only screen and (max-width: 767px) {
	#servicespage.profrac #textwithbackground {display:none}
	#servicespage.profrac #bottomcontent .title {margin-bottom:30px}
	#servicespage #bottomcontent2 p {padding-bottom:20px;font-size:14px;line-height:1.6}
	#servicespage #bottomcontent2 p strong {font-size:15px}
	#servicespage #bottomcontent2 .title {margin-bottom:30px}
	#servicespage #bottomcontent2 h4 br{display:none}
}

@media only screen and (max-width: 700px) {
	#servicespage.profrac #checkblock li {margin-top:0 !important}
}



@media only screen and (max-width: 480px) {
	#servicespage.profrac #accord h3 {padding:30px 0 }
	#servicespage.profrac #checkblock.v2 h4 {padding-bottom:30px}
	#servicespage.profrac #accord {margin-top:0px}
	#servicespage.profrac #checkblock.v2 {margin-bottom:30px;}
	#servicespage.profrac #checkblock.v2 li {padding-bottom:30px}
	#servicespage.profrac #overview .inner ,#servicespage.profrac #bluebar.v1 .inner {    padding: 30px;}
	#servicespage.profrac #overview .inner p, #servicespage.profrac #bluebar.v2 .inner p{line-height:1.6;font-size:14px}
	#servicespage.profrac #accord {padding-top:0px}
	#servicespage.profrac #bottomcontent {margin-top:30px;margin-bottom:30px}
	#servicespage.profrac #about {padding:30px 0}
	#servicespage.profrac #howwork {padding:30px 0 5px 0}
	#servicespage #bottomcontent2 img.img1 {padding:20px 0}
	#servicespage #bottomcontent2 h4 {padding-top:20px}
	#servicespage #bottomcontent2 {margin-bottom:10px}
	#servicespage #bluebar2 {margin-bottom:30px}
}


#servicespage.profrac #beforeafter1 .inner {
	padding: 10px 22px;
	background: #dce2ed;
	border-left: 30px solid #fff;
	border-right: 30px solid #fff;
	border-top: 40px solid #fff;

}

#servicespage.profrac #beforeafter1 ul li {
	width: 50%;
	padding: 0
}

#servicespage.profrac #beforeafter1 .images {
	padding: 25px 0;
	background: transparent
}

#servicespage.profrac #beforeafter1 .images img {
	border: 6px solid #fff;
	width:100%;
}

#servicespage.profrac #beforeafter1 .images.flex li {
	width: calc(50% - 10px);
	background: #fff;
}

#servicespage.profrac #beforeafter1 .inn {
	background: #dce2ed;
	max-width: 760px;
	margin: 0 auto;
}

#servicespage.profrac #beforeafter1 .titlebox {
	padding-bottom: 103px
}


#servicespage.profrac #beforeafter1 .titlebox .title h3 {
	font-size: 35px !important;
	padding-bottom: 0;
}

#servicespage.profrac #beforeafter1 .title p {
	margin-top: -5px;
}

#servicespage.profrac #beforeafter1 .titlebox .title em {
	color: #fff;
	font-size: 13px;
	font-weight: 500;
}

#servicespage.profrac #beforeafter1 .images .flex span {
	position:absolute;
	bottom:6px;
	left:6px;
	background:var(--purple);
	color:#fff;
	display:block;
    width: 110px;
    padding: 2px 0 0 0;
    font-size: 16px;
	font-weight:500;
	line-height:24px;
}

#servicespage.profrac #beforeafter1 {
	margin-bottom: 35px;
}

@media only screen and (max-width: 1100px) {
	#servicespage.profrac #beforeafter1 .images {
		padding: 15px
	}

}

@media only screen and (max-width: 767px) {
	#servicespage.profrac #beforeafter1 ul.images {
		margin-top: 12px
	}

	#servicespage.profrac #beforeafter1 .titlebox {
		padding-bottom: 60px;
	}
	#servicespage.profrac #beforeafter1 .inner {
		padding: 0;
	}
}



@media only screen and (max-width: 480px) {

	#servicespage.profrac #beforeafter1 .inner {
		border-top: 20px solid #fff;
	}
	#servicespage.profrac #beforeafter1 .images.flex li {
		margin-bottom: 15px;
		width: 100%
	}

	#servicespage.profrac #beforeafter1 .titlebox .title h3 {
		font-size: 24px !important;
	}

	#servicespage.profrac #beforeafter1 .title p {
		margin-top: 0;
	}

	#servicespage.profrac #beforeafter1 .images .flex span {
		width: 70px;
		font-size: 12px;
		line-height:20px;
	}
	
}