body {font-family:Arial, Tahoma, verdana;}
* { margin:0px; padding:0px;}
* { box-sizing:border-box;}	
h2 { margin:0px; padding: 0px;}
h3 {margin:0px; padding: 0px;}
.wrapper { width: 1040px; margin: 0 auto;}	

ul.services_1 { margin:20px 0; padding:0px;}
.services_1 li { margin:0px; padding:0px; color:#58585a; margin:0 15px; font-size:20px; line-height:30px;}
.btn {float: left; width: 100%; margin: 20px 0 0;}
.btn a {background: #ba1f24; border-radius: 10px; color: #fff; padding: 12px 20px; text-decoration: none; display: inline-block;}	
.btn a:hover {background:#5d5e61;}		
	
#areas_banner {float: left; width: 100%; display: table; height: 300px;
background: url(../images/areas/services-banner.jpg); background-repeat: no-repeat;
background-position: top 20% left 0; background-size:cover;}	
.areas_banner { display: table-cell;height: 300px;vertical-align: middle;}
.areas_banner h1 {margin: 0px; color: #fff; font-size: 35px; line-height: 45px;}


#areas_row {float: left; width: 100%;margin:50px 0;}	
.areas_row {float: left; width: 100%; }	
.areas_row h2,.areas_row1 h2 {color:#ba1f24; font-size: 30px; line-height: 40px;}
.areas_row h3,.areas_row1 h3 {color:#ba1f24; font-size: 26px; line-height:36px;}
	
.areas_row p,.areas_row1 p,.areas_safegas_right p {margin:15px 0;color: #58585a; font-size: 19px; line-height:30px;}
	
.pic_img {float: left; width: 100%;}
.pic_img img { max-width:100%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}

.pic_img1  {float: left; width: 100%;}
.pic_img1 img { max-width:100%;}	
	
.safgas_img  {float: left; width: 100%;}
.safgas_img img { max-width:100%;}	
	
.areas_row_left {float: left; width:48%;}	
.areas_row_right {float: right; width:46%; margin:60px 0 0 50px;}	

.areas_row1 {float: left; width: 100%;}		
.areas_row1_left {float: left; width:48%;margin:0 50px 0 0;}	
.areas_row1_right {float: right; width:46%;}	
	
#areas_types {float: left; width: 100%; padding: 30px 0; background: #ba1f24;}
.areas_types {float: left; width: 100%;}
.areas_types h2 { text-align:center; color: #fff; margin-bottom:15px; font-size: 26px; line-height: 36px;}
.areas_types_list{float: left; width: 100%; margin: 30px 0;}
.areas_types_list ul {float: left; width: 30%;}	
.areas_types_list li { margin:0px; padding:0px; color:#fff; margin:0 15px; font-size:20px; line-height:30px;}	
	
#areas_safegas {float: left; width: 100%; padding: 30px 0; background: #ba1f24;}
.areas_safegas {float: left; width: 100%;}	
.areas_safegas_left {float: left; width:48%;}	
.areas_safegas_right {float: right; width:46%; margin: 40px 0 0 0;}
.areas_safegas_right h2 {  color: #fff; margin-bottom: 30px;}	
.areas_safegas_right p {  color: #fff; }
	
#areas_types1 {float: left; width: 100%; padding: 30px 0; background: #ba1f24;text-align:center;}
.areas_types1 {float: left; width: 100%;}
.areas_types1 p {  color: #fff; font-size: 19px; line-height: 30px; padding: 15px 0; }
.areas_types1 h2 {  color: #fff; margin-bottom: 30px;}
.areas_types_list1{float: left; width: 33%; margin: 30px 0;}
.areas_types_list1 h4 {color: #fff;}	

#areas_feq {float: left; width: 100%; padding: 30px 0; background: #ba1f24;}
.areas_feq {float: left; width: 100%; margin: 0 0 30px;}
.areas_feq h2 {  color: #fff; font-size: 40px; line-height: 50px;}
.areas_feq p {  color: #fff; font-size: 19px; line-height: 30px; padding: 15px 0;}
	
.areas_feq_left {float: left; width:48%;}	
.areas_feq_right {float: right; width:46%;}	


.askquestion input {  position: absolute;  opacity: 0; z-index: -1;}
.askquestion .accordion-wrapper { float: left; width:100%;margin:0;}
.askquestion .accordion { width: 100%; color: white; overflow: hidden; margin-bottom:20px;border-radius:0; border-bottom: 1px solid #fff;}
.askquestion .accordion:last-child{ margin-bottom: 0;}
.askquestion .accordion-label {display:flex; -webkit-box-pack:justify; justify-content:space-between;padding:20px 15px;color: #000;border-bottom: 1px solid #d5d8dc;background:#fff;font-weight:500;cursor:pointer;font-size: 22px; line-height:32px; }
.askquestion .accordion-label:hover { background: #fff;}
.askquestion .accordion-label::after {content: "\276F";width: 16px; color: #000; height: 16px;text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.askquestion .accordion-content { max-height: 0;padding: 0 16px;color: rgba(4,57,94,1);background:#fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.askquestion .accordion-content p{ margin: 0; color: #000;font-size: 18px;padding: 0;}
.askquestion input:checked + .accordion-label { /*background:#fff; border-bottom: 2px solid #dbdbdb;**//}
.askquestion input:checked + .accordion-label::after { -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.askquestion input:checked ~ .accordion-content { max-height: 100vh; padding: 16px;}	

	
@media (max-width:1220px) { 
br { display:none;}	
.wrapper { width: 96%;float: none; display: inline-block;  margin: 0 2%;}	
.areas_banner { height: 400px;}
.areas_row1_left,.areas_row1_right { margin:0px;}	
.areas_row_right {margin:0px;}	
	
}
@media (max-width:767px) { 
.wrapper { width: 92%; }
#areas_banner,.areas_banner { height:300px;}
.areas_banner h1 {font-size: 26px; line-height:36px;}	
.areas_row p, .areas_row1 p, .areas_safegas_right p,.services_1 li,.areas_types1 p,.areas_types_list li {font-size: 16px; line-height: 26px;}
.areas_row p, .areas_row1 p, .areas_safegas_right p { margin: 0px; padding: 5px 0;}	
	
.areas_row h2, .areas_row1 h2,.areas_types h2,.areas_safegas_right h2,.areas_types1 h2 {font-size:22px; line-height:32px;}
.areas_row h3, .areas_row1 h3 {font-size:19px; line-height:30px;}
p {font-size: 17px; line-height: 26px;}	
.areas_types_list,.areas_types1 h2,.areas_safegas_right h2 {margin:10px 0;}
#areas_banner,#areas_row,#areas_types,#areas_safegas,#areas_types1,#areas_feq,#areas_banner { text-align:center;}	
ul.services_1,.areas_types_list li {text-align:left;}
.areas_feq h2 { font-size: 30px; line-height:40px;}
#areas_row,.areas_types_list1,.areas_safegas_right { margin:20px 0;}
.areas_row_left,.areas_row_right,.areas_row1_left,.areas_row1_right,.areas_safegas_left,.areas_safegas_right,.areas_types_list1,.areas_feq_left,.areas_feq_right,.areas_types_list ul { float:none; display: inline-block; width: 100%;}	
.pic_img { margin: 15px 0 0;}	
.pic_img img,.safgas_img img,.pic_img1 img {  max-width: 70%; margin:0 0 15px;	}
.askquestion .accordion-label {font-size: 20px; text-align: left;}
.askquestion .accordion-content p {font-size: 17px; line-height: 26px; text-align: left;}
}