/**sample area end**/

@import url("https://cdn-ildioop.nitrocdn.com/iVACdBtoLbaSEnydjLnyulSVzScnWdBi/assets/static/source/rev-4fbea37/fonts.googleapis.com/0a24665baf0159793ea9706048646828.css2");

img {
	max-width: 100%;
}

ul {
	margin: 0px;
	padding: 0px;
}

/**header start**/
.header-area {
	left: 0;
	right: 0;
	width: 100%;
	top: 0;
	z-index: 100;
	position: absolute;
}

.nav-logo-right {
	text-align: center;
}

.nav-logo-right ul li {
	list-style: none;
	display: inline-block;
	margin: 0px 10px;
	padding: 8px 25px;
	background-size: cover;
	border-radius: 30px;
	box-shadow: inset 0px 0px 85px rgba(0, 0, 0, .5);
	-webkit-box-shadow: inset 0px 0px 25px rgba(0, 0, 0, .68);
	-moz-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, .5);
	position: relative;
	font-family: "Balford Base";
	color: #000;
	font-size: 19px;
}

.nav-logo-right ul li img {
	float: left;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	color: #2cbdb8;
	font-size: 20px;
	margin-top: 5px;
	margin-right: 10px;
}

.nav-logo-right ul li .info-text a img {
	float: left;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	color: #2cbdb8;
	font-size: 20px;
	margin-top: 5px;
	margin-right: 0px;
}

.nav-logo-right ul li .info-text {
	overflow: hidden;
	text-align: left;
}

.nav-logo-right ul li .info-text a {
	font-size: 19px;
	color: #000;
	line-height: 15px;
	display: inline-block;
	font-family: "Balford Base";
}

.nav-logo-right ul li .info-text a {
	overflow: hidden;
	text-align: left;
}

.header-area .main-header-area .main-menu {
	position: initial;
}

@media (max-width: 767px) {
	.header-area {
		padding-top: 0;
	}
	
	.text-box {
		width: 90% !important;
		top: 70% !important;
		left: 5% !important;
		right: 5% !important;
		text-align: center;
	}
	
	.text-box h2 {
		font-family: "Montserrat", sans-serif;
		font-size: 30px !important;
		line-height: 30px !important;
	}
	
	.text-box p {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	
	.service-box-inner a {
		padding: 5px 10px !important;
		font-size: 13px;
	}
	
	.carousel-indicators {
		display: none !important;
	}
	
	.top_box_inr {
		margin-top: 0px !important;
	}
	
	.top_box_sep:before {
		display: none !important;
	}
	
	.text-box span {
		font-size: 17px !important;
	}
	
	.top_box_3x3 .top_box_text {
		width: 75% !important;
		padding: 0px 0px 0px 20px !important;
		display: inline-block !important;
	}
	
	.why_choose_box .why_choose_text {
		width: 75% !important;
		padding: 0px 0px 0px 20px !important;
	}
	
	.quick_address_text {
		margin: 30px 0px 0px !important;
		padding: 0px !important;
	}
	
	.slider_btn1 {
		display: none !important;
	}
	
	.slider_btn2 {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.carousel-indicators {
		bottom: 130px !important;
	}
	
	.header-area {
		padding-top: 0;
	}
	
	.header-area .header-top_area {
		display: none !important;
		text-align: center !important;
	}
	
	.header-area .header-top_area .text-left {
		text-align: inherit !important;
	}
	
	.header-area .header-top_area .text-right {
		text-align: inherit !important;
	}
	
	.text-box {
		top: 65%;
	}
	
	.text-box h2 {
		font-family: "Montserrat", sans-serif;
		font-size: 50px !important;
		line-height: 50px !important;
	}
	
	.text-box p {
		font-size: 20px !important;
		line-height: 25px !important;
	}
	
	.about_outer {
		text-align: center;
	}
	
	.about_outer .ml-3 {
		margin-left: 0rem !important;
	}
	
	.about_outer .mr-3 {
		margin-right: 0rem !important;
	}
	
	.about_btn {
		margin-bottom: 20px;
	}
	
	.about_call_btn {
		margin-bottom: 20px;
	}
	
	.about_outer h2 {
		margin-top: 35px !important;
		text-align: center;
	}
	
	.about_outer h2::after {
		margin: 0 auto !important;
	}
	
	.service_box_outer {
		height: inherit !important;
	}
	
	.fb_faq_outer {
		text-align: center;
	}
	
	.fb_faq_outer h2::after {
		margin: 0 auto !important;
	}
	
	.quick_address_text {
		margin: 30px 0px 0px !important;
		padding: 0px !important;
	}
	
	.form_outer h2::after {
		margin: 0 auto !important;
	}
	
	.top_box_inr {
		margin-top: 50px !important;
	}
	
	.top_box_sep:before {
		display: none !important;
	}
	
	.top_box_3x3 .top_box_text {
		width: 75% !important;
		padding: 0px 0px 0px 20px !important;
	}
	
	.why_choose_box .why_choose_text {
		width: 75% !important;
		padding: 0px 0px 0px 20px !important;
	}
	
	.carousel-indicators {
		display: none !important;
	}
}

.header-area .main-header-area {
	padding: 0px;
}

.header-area .main-header-area .logo-img {
	text-align: center;
}

@media (max-width: 767px) {
	.header-area .main-header-area .logo-img {
		text-align: left;
	}
	
	.about_outer {
		text-align: center;
	}
	
	.about_outer .ml-3 {
		margin-left: 0rem !important;
	}
	
	.about_outer .mr-3 {
		margin-right: 0rem !important;
	}
	
	.about_btn {
		margin-bottom: 20px;
	}
	
	.about_call_btn {
		margin-bottom: 20px;
	}
	
	.service_box_outer {
		height: inherit !important;
	}
	
	.about_outer h2 {
		margin-top: 35px !important;
		text-align: center;
	}
	
	.about_outer h2::after {
		margin: 0 auto !important;
	}
	
	.fb_faq_outer {
		text-align: center;
	}
	
	.fb_faq_outer h2::after {
		margin: 0 auto !important;
	}
	
	.quick_address {
		margin-left: 0px !important;
	}
	
	.form_outer h2::after {
		margin: 0 auto !important;
	}
	
	.bradcam_area {
		padding: 55px 0 55px 0 !important;
	}
	
	.d_none_css {
		display: none !important;
	}
	
	.top_icon_mobile {
		display: block !important;
	}
	
	img.slider_logo {
		width: 150px;
	}
	
	.top_box_outer .top_box_inr:before {
		display: none !important;
	}
	
	.top_box_text p {
		margin-top: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-area .main-header-area .logo-img {
		text-align: left;
	}
	
	.d_none_css {
		display: none !important;
	}
	
	.top_icon_mobile {
		display: block !important;
	}
	
	img.slider_logo {
		width: 250px;
	}
	
	.text_right {
		text-align: center !important;
	}
	
	.top_box_outer .top_box_inr:before {
		display: none !important;
	}
	
	.top_box_text p {
		margin-top: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.header-area .main-header-area .logo-img {
		text-align: left;
	}
	
	.d_none_css {
		display: none !important;
	}
	
	.top_icon_mobile {
		display: block !important;
	}
	
	img.slider_logo {
		width: 250px;
	}
}

@media (max-width: 767px) {
	.header-area .main-header-area .logo-img img {
		width: 70px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-area .main-header-area .logo-img img {
		width: 70px;
	}
}

.header-area .main-header-area .Appointment {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: flex-end;
}

.header-area .main-header-area .Appointment .socail_links ul li {
	display: inline-block;
}

.header-area .main-header-area .Appointment .socail_links ul li a {
	color: #a8a7a0;
	margin: 0 10px;
	font-size: 15px;
}

.header-area .main-header-area .Appointment .socail_links ul li a:hover {
	color: #fff;
}

.header-area .main-header-area .Appointment .book_btn {
	margin-left: 30px;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.header-area .main-header-area .Appointment .book_btn {
		margin-left: 0;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {
	.header-area .main-header-area .Appointment .book_btn {
		margin-left: 0;
	}
}

.header-area .main-header-area .Appointment .book_btn a {
	background: #c0252a;
	padding: 12px 26px;
	font-family: "Exo", sans-serif;
	font-weight: 800;
	color: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.header-area .main-header-area .Appointment .book_btn a {
		padding: 12px 20px;
	}
}

.header-area .main-header-area .Appointment .book_btn a:hover {
	background: #000;
	color: #fff;
}

.header-area .main-header-area .main-menu {
	text-align: center;
	padding: 32px 0px;
	margin-bottom: 0px;
}

.header-area .main-header-area .main-menu ul li {
	display: inline-block;
	position: relative;
	margin: 0px;
}

.header-area .main-header-area .main-menu ul li a {
	color: #2b2e2e;
	font-size: 15px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	position: relative;
	text-decoration: none;
	transition: all linear 300ms;
	text-transform: uppercase;
}

.logo {
	margin: 0px;
	padding: 10px 0px;
}

.logo img {
	max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.header-area .main-header-area .main-menu ul li a {
		font-size: 15px;
		margin: 0px 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {
	.header-area .main-header-area .main-menu ul li a {
		font-size: 15px;
	}
}

.header-area .main-header-area .main-menu ul li a i {
	font-size: 20px;
}

@media (max-width: 767px) {
	.header-area .main-header-area .main-menu ul li a i {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-area .main-header-area .main-menu ul li a i {
		display: none !important;
	}
	
	.d_none_css {
		display: none !important;
	}
}

.header-area .main-header-area .main-menu ul li a::before {
	position: absolute;
	content: "";
	background: #014286;
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
	opacity: 0;
	transform: scaleX(0);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.header-area .main-header-area .main-menu ul li a:hover::before {
	opacity: 1;
	transform: scaleX(1);
}

.header-area .main-header-area .main-menu ul li a.active::before {
	opacity: 1;
	transform: scaleX(1);
}

.header-area .main-header-area .main-menu ul li a.active {
	color: #014286;
}

.header-area .main-header-area .main-menu ul li a:hover {
	color: #014286;
}

.header-area .main-header-area .main-menu ul li .sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: 160%;
	background: #fff;
	width: 220px;
	padding: 10px 0px;
	margin: 0 auto;
	z-index: 2;
	box-shadow: 0 8px 10px rgba(0, 0, 0, .4);
	opacity: 0;
	visibility: hidden;
	text-align: left;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
}

.header-area .main-header-area .main-menu ul li .sub-menu li {
	display: block;
}

.header-area .main-header-area .main-menu ul li:hover > a {
	color: #014286;
}

.header-area .main-header-area .main-menu ul li .sub-menu li a {
	padding: 5px 0px;
	position: inherit;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: block;
	color: #1b1b1b;
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	font-weight: 500;
}

.header-area .main-header-area .main-menu ul li .sub-menu li a::before {
	display: none;
}

.header-area .main-header-area .main-menu ul li .sub-menu li:hover a {
	color: #014286;
}

.header-area .main-header-area .main-menu ul li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	top: 240%;
}

.header-area .main-header-area .main-menu ul li:hover > a::before {
	opacity: 1;
	transform: scaleX(1);
}

.header-area .main-header-area .main-menu ul li:first-child a {
	padding-left: 0;
}

.header-area .main-header-area.sticky {
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, .1);
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, .1);
	position: fixed;
	width: 100%;
	top: -70px;
	left: 0;
	right: 0;
	z-index: 99;
	transform: translateY(70px);
	transition: transform 500ms ease, background 500ms ease;
	-webkit-transition: transform 500ms ease, background 500ms ease;
	background: #fff;
}

.header-area .main-header-area.sticky .header-top_area {
	display: none;
}

@media (max-width: 767px) {
	.header-area .main-header-area.sticky {
		padding: 0px;
	}
	
	.service_box_text {
		width: 86% !important;
	}
	
	.top_box_outer .top_box_inr::after {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-area .main-header-area.sticky {
		padding: 0px;
	}
	
	.service_box_text {
		width: 90% !important;
	}
	
	.top_box_outer .top_box_inr::after {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.header-area .main-header-area.sticky {
		padding: 0px;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {
	.header-area .main-header-area.sticky {
		padding: 0px 0px 0px 0px;
	}
}

.header-area .header-top_area {
	padding: 5px 0px;
	background: #ebeff0;
}

@media (max-width: 767px) {
	.header-area .header-top_area .social_media_links {
		text-align: center;
	}
	
	.text_right {
		text-align: center !important;
	}
}

.header-area .header-top_area .social_media_links a {
	font-size: 18px;
	color: #fff;
	margin-right: 5px;
	transition: all linear 300ms;
	text-align: center;
}

.header-area .header-top_area .social_media_links a:hover {
	color: #fff;
}

.header-area .header-top_area .social_media_links a i {
	width: 30px;
	height: 30px;
	color: #fff;
	background: #014286;
	border-radius: 30px;
	line-height: 30px;
	font-size: 15px;
	transition: all linear 300ms;
	text-align: center;
}

.header-area .header-top_area .social_media_links a i:hover {
	color: #014286;
	background: #fff;
}

.header-area .header-top_area .short_contact_list {
	text-align: right;
}

.header_btn {
	background: #0083ca;
	box-shadow: none;
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
	font-family: "Open Sans", sans-serif !important;
	height: 45px;
	line-height: 45px;
	outline: none;
	padding: 0 20px !important;
	text-align: center;
	transition: all linear 300ms;
	text-decoration: none;
	font-weight: 700 !important;
	border-radius: 50px;
	text-transform: uppercase;
}

.header_btn i {
	font-size: 15px !important;
	margin-left: 10px !important;
}

.header_btn img {
	margin-right: 10px;
}

.header_btn:hover::before {
	display: none !important;
}

.header_btn:hover {
	background: #005c90;
	color: #fff !important;
	cursor: pointer;
	text-decoration: none;
}

/**.logo img{
	box-shadow: 0px 25px #000;
}**/
@media (max-width: 767px) {
	.header-area .header-top_area {
		display: none;
	}
	
	.header-area .header-top_area .short_contact_list {
		text-align: center !important;
	}
}

.header-area .header-top_area .short_contact_list ul li {
	display: inline-block;
	font-size: 14px;
	color: #3a3a3a;
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
}

.header-area .header-top_area .short_contact_list ul li a {
	font-size: 14px;
	color: #6f6f6f;
	margin-right: 40px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	text-decoration: none;
	transition: all linear 300ms;
}

.header-area .header-top_area:hover .short_contact_list ul li a {
	color: #fff;
}

.header-area .header-top_area:hover .short_contact_list ul li a i {
	color: #fff;
	transition: all linear 300ms;
}

.header-area .header-top_area:hover {
	background: #7f9eb3;
	color: #fff;
	transition: all linear 300ms;
}

@media (max-width: 767px) {
	.header-area .header-top_area .short_contact_list ul li a {
		margin-left: 0;
		margin: 0 5px;
	}
}

.header-area .header-top_area .short_contact_list ul li a i {
	color: #555;
	margin-right: 7px;
	font-size: 18px;
}

.menu_outer {
	margin: 0px;
	padding: 0px 0px;
	background: #fff;
}

@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-area .header-top_area .short_contact_list ul li a {
		margin-right: 5px;
	}
	
	.header-area .main-header-area .main-menu ul li a {
		font-size: 12px;
		margin: 0px 5px;
	}
	
	.header_btn {
		padding: 0 10px !important;
	}
	
	.about_outer .ml-3 {
		margin-left: 0rem !important;
	}
	
	.about_outer .mr-3 {
		margin-right: 0rem !important;
	}
	
	.free_estimate_btn {
		font-size: 18px !important;
	}
	
	.free_estimate_outer h2 {
		font-size: 40px !important;
	}
	
	.carousel-indicators {
		bottom: 90px !important;
	}
	
	.top_box_outer .top_box_inr::after {
		width: 320px !important;
	}
	
	.welcome_outer h2 {
		font-size: 50px !important;
		text-align: center !important;
	}
	
	.welcome_outer span {
		text-align: center !important;
	}
	
	.welcome_img img {
		max-width: 250px !important;
		margin-bottom: -50px !important;
	}
}

/**header end**/

/**welcome start**/
.welcome_outer {
	margin: 0px;
	padding: 0px;
	background: url("https://cdn-ildioop.nitrocdn.com/iVACdBtoLbaSEnydjLnyulSVzScnWdBi/assets/images/optimized/rev-f730254/costerwater.com/images/slider1.webp") center no-repeat;
	background-size: cover;
	position: relative;
}

.welcome_outer.nitro-lazy {
	background: none !important;
}

.welcome_outer h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 60px;
	font-weight: 900;
	line-height: 65px;
	display: inline-block;
	padding: 0px;
	color: #fff;
}

.welcome_outer span {
	font-family: "Open Sans", sans-serif;
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
	padding: 0px;
	color: #fff;
	text-transform: uppercase;
}

.welcome_overlay:before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	content: "";
	background: #1b1b1b;
	background: -webkit-linear-gradient(90deg, rgba(27, 27, 27, 1) 0%, rgba(0, 174, 239, .23) 100%);
	background: -moz-linear-gradient(90deg, rgba(27, 27, 27, 1) 0%, rgba(0, 174, 239, .23) 100%);
	background: linear-gradient(90deg, rgba(27, 27, 27, 1) 0%, rgba(0, 174, 239, .23) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1B1B1B", endColorstr="#00AEEF", GradientType=1);
}

.welcome_img img {
	max-width: 450px;
	margin-bottom: -100px;
	z-index: 3;
	position: relative;
}

/**welcome end**/

/**about start**/
.about_outer {
	margin: 0px;
	padding: 100px 0px 50px 0px;
	background: #fff;
	position: relative;
	z-index: 2;
}

.about_outer::before {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 22px;
	margin: 0px;
	content: "";
	top: -22px;
	background-size: cover;
}

.about_outer h2 {
	font-size: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 50px;
	color: #212b37;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	text-align: center;
}

.about_outer h2 span {
	font-size: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 22px;
	color: #0083ca;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
	text-transform: uppercase;
}

.about_outer p {
	font-size: 17px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #2c2c2c;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	text-align: center;
}

.about_btn {
	background: #014286;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 35px;
	outline: none;
	padding: 8px 15px;
	text-align: center;
	transition: all linear 300ms;
	text-decoration: none;
	font-weight: 500;
	width: 170px;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 10px 10px 10px 0;
	border: solid 1px #014286;
}

.about_btn:hover {
	background: #1b1b1b;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	border: solid 1px #1b1b1b;
}

.about_img_css {
	margin: 0px;
	position: relative;
	text-align: center;
}

.about_img_css img {
	position: relative;
	border-radius: 30px 30px 30px 0px;
}

/**about end**/

/**featured product start**/
.product_outer {
	margin: 0px;
	padding: 50px 0px;
	background: #f1f6fb;
	position: relative;
	z-index: 2;
}

.product_outer h2 {
	font-size: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 50px;
	color: #212b37;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 30px 0px;
	position: relative;
	text-align: center;
}

.product_outer h2 span {
	font-size: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 22px;
	color: #0083ca;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
	text-transform: uppercase;
}

.product_outer p {
	font-size: 17px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #2c2c2c;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	text-align: center;
}

.product_box {
	margin: 15px 0px;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .01);
	text-align: center;
}

.product_box h3 {
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 50px;
	color: #212b37;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	text-align: center;
}

.product_btn {
	background: #0083ca;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	outline: none;
	padding: 8px 20px;
	text-align: center;
	transition: all linear 300ms;
	text-decoration: none;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 50px;
}

.product_btn:hover {
	background: #0083ca;
	color: #fff;
	text-decoration: none;
}

/**featured product end**/

/**water system start**/
.water_system_outer {
	margin: 0px;
	padding: 100px 0px;
	background: #f1f6fb;
	background: url("https://cdn-ildioop.nitrocdn.com/iVACdBtoLbaSEnydjLnyulSVzScnWdBi/assets/images/optimized/rev-f730254/costerwater.com/images/slider1.webp") no-repeat;
	position: relative;
	z-index: 2;
	background-size: cover;
}

.water_system_outer.nitro-lazy {
	background: none !important;
}

.water_system_overlay::before {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	content: "";
	top: 0px;
	background: #000;
	opacity: .5;
}

.water_system_outer h2 {
	font-size: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 50px;
	color: #fff;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	position: relative;
	text-align: center;
}

.water_system_outer span {
	font-size: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 22px;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
	text-transform: uppercase;
}

.water_system_outer h2 span {
	font-size: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 22px;
	color: #0083ca;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
	text-transform: uppercase;
}

.water_system_outer p {
	font-size: 17px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	text-align: center;
}

.water_system_box_outer {
	margin: 0px;
	padding: 0px;
}

.water_system_box {
	margin: 70px 0px 15px 0px;
	padding: 20px 50px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .01);
	text-align: center;
}

.water_system_box img {
	margin: -70px 0px 0px 0px;
	padding: 0px;
	max-width: 70px;
}

.water_system_box h3 {
	font-size: 23px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 30px;
	color: #e07800;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	text-align: center;
}

.water_system_box p {
	font-size: 17px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #2c2c2c;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	text-align: center;
}

.water_system_btn {
	background: #0083ca;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	outline: none;
	padding: 8px 20px;
	text-align: center;
	transition: all linear 300ms;
	text-decoration: none;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 50px;
}

.water_system_btn:hover {
	background: #0083ca;
	color: #fff;
	text-decoration: none;
}

/**water system end**/

/**vending machine start**/
.vending_machine_outer {
	margin: 0px;
	padding: 100px 0px 50px 0px;
	background: #fff;
	position: relative;
	z-index: 2;
}

.vending_machine_outer::before {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 22px;
	margin: 0px;
	content: "";
	top: -22px;
	background-size: cover;
}

.vending_machine_outer h2 {
	font-size: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 50px;
	color: #212b37;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.vending_machine_outer h2 span {
	font-size: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 22px;
	color: #0083ca;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
	text-transform: uppercase;
}

.vending_machine_outer p {
	font-size: 17px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #2c2c2c;
	padding: 0px;
	margin: 0px 0px 25px 0px;
}

.vending_machine_img_css {
	margin: 0px;
	position: relative;
	text-align: center;
}

.vending_machine_img_css img {
	position: relative;
	border-radius: 10px;
}

/**vending machine end**/

/**osmosis water system start**/
.osmosis_system_outer {
	margin: 0px;
	padding: 50px 0px 0px 0px;
	background: #fff;
	position: relative;
	z-index: 2;
}

.osmosis_system_outer h2 {
	font-size: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 50px;
	color: #fff;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.osmosis_system_outer h2 span {
	font-size: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 22px;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
	text-transform: uppercase;
}

.osmosis_system_outer p {
	font-size: 17px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 25px 0px;
}

.osmosis_system_bg {
	margin: 0px;
	padding: 100px 70px !important;
	background: #212b37;
}

.osmosis_system_img_css {
	margin: 0px;
	padding: 0px;
	background: url("https://cdn-ildioop.nitrocdn.com/iVACdBtoLbaSEnydjLnyulSVzScnWdBi/assets/images/optimized/rev-f730254/costerwater.com/images/osmosis_system_img.webp") no-repeat;
	background-size: cover;
	min-height: 400px;
}

.osmosis_system_img_css.nitro-lazy {
	background: none !important;
}

/**osmosis water system end**/

/**form area start**/
.form_outer {
	margin: 0px;
	padding: 100px 0px;
	position: relative;
	background: #e5f2fa;
}

/*.form_outer::after {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 85px;
    margin: 0px;
    content: '';
    top: 0px;
    background: url(../images/pattern-2.webp) no-repeat;
}*/
.custom_zindex {
	z-index: 10;
}

.form_outer h2 {
	font-size: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 50px;
	color: #212b37;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.form_outer h2 span {
	font-size: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 22px;
	color: #0083ca;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
	text-transform: uppercase;
}

.form_custom_css {
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .26);
	border-radius: 30px;
	padding: 35px 40px 30px;
	position: relative;
	z-index: 1;
}

#contact-form {
	margin-top: 20px;
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 12px);
}

.request_a_quote_form {
	padding: 0px 0px 0px 0px;
}

.request_a_quote_form .form-control {
	display: block;
	width: 100%;
	height: 45px;
	padding: 10px;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 1.5;
	outline: none;
	border-radius: 0;
	border-radius: 5px;
	background-color: #fff;
	background-clip: padding-box;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color: #494949;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.textarea_min_h {
	min-height: 100px;
}

.submit_btn_css {
	background: #066aab;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 17px;
	line-height: 25px;
	outline: none;
	padding: 10px 30px;
	margin-top: 15px;
	text-align: center;
	transition: all linear 300ms;
	text-decoration: none;
	font-weight: 600;
	border-radius: 5px;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	display: inline-block;
}

.submit_btn_css:hover {
	background: #1b1b1b;
	color: #fff;
	text-decoration: none;
}

.quick_address {
	padding: 0px;
	position: relative;
}

.quick_address_text {
	margin: 0px;
	padding: 0px 20px 0px;
	z-index: 1;
	position: relative;
}

.quick_address_text h3 {
	font-size: 40px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	line-height: 40px;
	color: #233545;
	padding: 20px 0px 40px 0px;
	margin: 0px;
	position: relative;
	text-transform: uppercase;
}

.quick_address_text h3 span {
	font-size: 30px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	line-height: 35px;
	color: #58764f;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 15px 0px;
	display: block;
	text-transform: capitalize;
}

.quick_address_text h3::after {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 72px;
	height: 28px;
	margin: 0px;
	content: "";
	bottom: 0px;
	background: url("https://costerwater.com/images/sep.webp") no-repeat;
}

.form_outer p {
	font-size: 17px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #2c2c2c;
	padding: 0px;
	margin: 0px 0px 25px 0px;
}

.form_outer label {
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	line-height: 30px;
	color: #2c2c2c;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline-block;
}

.form_outer label span {
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #f00;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}

.form_outer span.form_bottom_label {
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 30px;
	color: #767676;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}

.quick_address h5 {
	padding-left: 38px;
	line-height: 22px;
	color: #13191f;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	margin: 0px 0px 30px 40px;
	font-size: 18px;
	position: relative;
}

.quick_address h5 em {
	padding-left: 0px;
	line-height: 22px;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	margin: 0px !important;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
}

.quick_address h5 span {
	font-size: 24px;
	margin: 0px;
	display: block;
	padding-bottom: 10px;
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #1b1b1b;
}

.quick_address h5 a {
	font-size: 16px;
	font-weight: 400;
	color: #13191f;
	margin: 0px;
	display: block;
	line-height: 22px;
	text-decoration: none;
}

.quick_address h5.address_custom::before {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -25px;
	content: "";
	background: #3489ca url("https://costerwater.com/images/address_icon.webp") 15px 10px no-repeat;
	display: block;
	border-radius: 10px;
}

.quick_address h5.phone_custom::before {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -25px;
	content: "";
	background: #3489ca url("https://costerwater.com/images/phone_icon.webp") 10px 10px no-repeat;
	display: block;
	border-radius: 10px;
}

.quick_address h5.email_custom::before {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -25px;
	content: "";
	background: #3489ca url("https://costerwater.com/images/email_icon.webp") 11px 16px no-repeat;
	display: block;
	border-radius: 10px;
}

.quick_address .hl {
	font-weight: bold;
	min-width: 70px;
	float: left;
}

.quick_address .text {
	width: 80%;
}

.quick_address1 {
	margin-top: 0px;
	margin-left: 50px;
}

.quick_address1 h5 {
	padding-left: 38px;
	line-height: 22px;
	color: #7dc2c0;
	font-family: "Montserrat", sans-serif;
	margin: 0px 0px 30px;
	font-size: 17px;
	font-weight: 500;
	position: relative;
}

.quick_address1 h5 em {
	padding-left: 0px;
	line-height: 22px;
	color: #7dc2c0;
	font-family: "Montserrat", sans-serif;
	margin: 0px !important;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
}

.quick_address1 h5 span {
	font-size: 22px;
	font-weight: 600;
	margin: 0px;
	display: block;
	padding-bottom: 10px;
	text-align: left;
	font-family: "Roboto Slab", serif;
	color: #7dc2c0;
}

.quick_address1 h5 a {
	font-size: 16px;
	font-weight: 400;
	color: #7dc2c0;
	margin: 0px;
	display: block;
	line-height: 22px;
	text-decoration: none;
}

.quick_address1 h5.address_custom1::before {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -20px;
	content: "";
	background: #7dc2c0 url("https://costerwater.com/images/address_icon.webp") 15px 10px no-repeat;
	display: block;
	border-radius: 100%;
}

.quick_address1 h5.phone_custom1::before {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -20px;
	content: "";
	background: #7dc2c0 url("https://costerwater.com/images/phone_icon.webp") 10px 10px no-repeat;
	display: block;
	border-radius: 100%;
}

.quick_address1 h5.email_custom1::before {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -20px;
	content: "";
	background: #7dc2c0 url("https://costerwater.com/images/email_icon.webp") 11px 16px no-repeat;
	display: block;
	border-radius: 100%;
}

.quick_address1 .hl {
	font-weight: bold;
	min-width: 70px;
	float: left;
}

.quick_address1 .text {
	width: 80%;
}

/**form area end**/

/**footer start**/
.footer-section {
	background: #212b37;
	padding-top: 40px;
	padding-bottom: 0;
	position: relative;
}

.footer_section_overlay::before {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 22px;
	margin: 0px;
	content: "";
	top: -22px;
	background-size: cover;
}

.footer-section .footer-widget {
	margin-bottom: 40px;
}

.footer-section .footer-widget h4 {
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	color: #00aeef;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
	position: relative;
	text-transform: uppercase;
}

.footer-section .footer-widget h4::before {
	position: absolute;
	left: 0px;
	width: 75px;
	height: 3px;
	margin: 0 auto;
	content: "";
	bottom: 0px;
	background: #00aeef;
}

.footer-section .footer-widget p {
	color: #fff;
	line-height: 22px;
	margin-top: 25px;
	margin-bottom: 22px;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
}

.footer-section .footer-widget ul {
	margin-bottom: 20px;
}

.footer-section .footer-widget ul li {
	list-style: none;
}

.footer-section .footer-widget ul li a {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 0px 10px 22px;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	-webkit-transition: all .1s;
	transition: all .1s;
	display: block;
	position: relative;
}

.footer-section .footer-widget ul li a:before {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #fff;
	content: "";
	top: 5px;
	left: 0px;
	border-radius: 100%;
}

.get_in_touch ul li a:before {
	display: none;
}

.footer-section .footer-widget ul li a:hover:before {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #00aeef;
	content: "";
	top: 5px;
	left: 0px;
	border-radius: 100%;
}

.footer-section .footer-widget ul li a:hover {
	padding: 0px 0px 10px 25px;
	color: #00aeef;
}

.footer-section .footer-widget ul.style-2 {
	position: relative;
	padding-bottom: 0px;
}

.footer-section .footer-widget ul.style-2 li {
	position: relative;
	padding: 0;
	border: 0;
	margin-bottom: 5px;
}

.footer-section .footer-widget ul.style-2 li i {
	color: #00aeef;
	font-size: 17px;
}

.footer-section .footer-widget ul.style-2 li a {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	padding-left: 0;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	-webkit-transition: all .1s;
	transition: all .1s;
	background: no-repeat;
	text-transform: inherit;
	text-transform: uppercase;
}

.footer-section .footer-widget ul.style-2 li a strong {
	font-size: 14px;
}

.footer-section .footer-widget ul.style-2 li a:hover {
	color: #00aeef;
}

.footer-section .footer-widget ul.style-2 .hl {
	font-weight: bold;
	min-width: 25px;
	float: left;
}

.footer-section .footer-widget ul.style-2 .text {
	width: 80%;
	float: left;
}

.footer_logo_box {
	margin: 0px;
	padding: 0px;
	position: relative;
}

.footer_logo_box .footer_logo_img {
	display: block;
}

.footer_logo_box .footer_logo_text {
	width: 65%;
	padding: 10px 0px 0px 20px;
	transition: .5s;
	display: inline-block;
}

.footer_logo_box .footer_logo_text p {
	color: #b29a52;
	font-size: 15px;
	margin-bottom: 0px;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
}

.footer-bottom-outer {}

.footer-bottom {
	padding: 20px 0px;
	background: #00aeef;
}

.copyright {
	color: #0e1017;
	font-size: 14px;
	margin-bottom: 0px;
}

.copyright p {
	color: #fff;
	font-size: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	-webkit-transition: all .1s;
	transition: all .1s;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}

.footer_social_links a {
	font-size: 18px;
	color: #fff;
	margin-right: 5px;
	transition: all linear 300ms;
	text-align: center;
}

.footer_social_links a:hover {
	color: #fff;
}

.footer_social_links a i {
	width: 30px;
	height: 30px;
	background: #3489ca;
	border-radius: 30px;
	line-height: 30px;
	font-size: 15px;
}

/**footer end**/

/**inner css start**/
.bradcam_area {
	background-size: cover;
	background-position: center;
	padding: 50px 0 25px 0;
	background-repeat: no-repeat;
	position: relative;
}

.breadcam_bg {
	background-image: url("https://cdn-ildioop.nitrocdn.com/iVACdBtoLbaSEnydjLnyulSVzScnWdBi/assets/images/optimized/rev-f730254/costerwater.com/images/slider1.webp");
}

.breadcam_bg.nitro-lazy {
	background-image: none !important;
}

.breadcam_overlay::before {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	content: "";
	bottom: 0px;
	background: #1b1b1b;
	background: -webkit-linear-gradient(90deg, rgba(27, 27, 27, 1) 0%, rgba(0, 174, 239, .23) 100%);
	background: -moz-linear-gradient(90deg, rgba(27, 27, 27, 1) 0%, rgba(0, 174, 239, .23) 100%);
	background: linear-gradient(90deg, rgba(27, 27, 27, 1) 0%, rgba(0, 174, 239, .23) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1B1B1B", endColorstr="#00AEEF", GradientType=1);
	opacity: .8;
}

.bradcam_area h2 {
	font-size: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	line-height: 50px;
	color: #fff;
	padding: 0px 0px 35px 0px;
	margin: 0px;
	position: relative;
	text-align: center;
}

.bradcam_area p {
	font-size: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	display: block;
	text-transform: uppercase;
	text-align: center;
}

.service_page_css {
	padding: 60px 0px;
}

.service_sidebar_css {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	background: #212b37;
	border-radius: 20px;
}

.service_sidebar_css h3 {
	font-size: 22px;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	color: #fff;
	padding: 0px 20px 10px 20px;
	margin: 30px 0px 20px 0px;
	position: relative;
}

.sidebar_quick_address {
	margin-top: 0px;
	margin-left: 40px;
}

.sidebar_quick_address h5 {
	padding-left: 28px;
	line-height: 20px;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	margin: 0px 0px 20px;
	font-size: 14px;
	font-weight: 400;
	position: relative;
}

.sidebar_quick_address h5 span {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	margin: 0px;
	display: block;
	padding-bottom: 10px;
	text-align: left;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
}

.sidebar_quick_address h5 a {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	margin: 0px;
	display: block;
	line-height: 22px;
	text-decoration: none;
}

.sidebar_quick_address h5.address_custom::before {
	width: 40px;
	height: 40px;
	position: absolute;
	left: -20px;
	content: "";
	background: #1b1b1b url("https://costerwater.com/images/address_icon.webp") 12px 10px no-repeat;
	background-size: 16px;
	display: block;
	border-radius: 100%;
}

.sidebar_quick_address h5.phone_custom::before {
	width: 40px;
	height: 40px;
	position: absolute;
	left: -20px;
	content: "";
	background: #1b1b1b url("https://costerwater.com/images/phone_icon.webp") 10px 10px no-repeat;
	background-size: 20px;
	display: block;
	border-radius: 100%;
}

.sidebar_quick_address h5.email_custom::before {
	width: 40px;
	height: 40px;
	position: absolute;
	left: -20px;
	content: "";
	background: #1b1b1b url("https://costerwater.com/images/email_icon.webp") 10px 15px no-repeat;
	background-size: 20px;
	display: block;
	border-radius: 100%;
}

.quick_address .hl {
	font-weight: bold;
	min-width: 70px;
	float: left;
}

.sidebar_quick_address .text {
	width: 80%;
}

.sep {
	margin: 15px 20px 15px 20px;
	padding: 0px;
	height: 1px;
	background: #2f3c4c;
}

.service_sidebar_css h3::after {
	position: absolute;
	left: 20px;
	right: 0px;
	width: 70px;
	height: 1px;
	margin: 0px;
	content: "";
	bottom: 0px;
	background: #cecece;
}

.service_sidebar_css ul {
	margin: 0px;
	padding: 0px;
}

.service_sidebar_css ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.service_sidebar_css ul li a {
	margin: 0px;
	padding: 10px 0px 10px 40px;
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 25px;
	color: #fff;
	position: relative;
	text-decoration: none;
	display: block;
	background: url("https://cdn-ildioop.nitrocdn.com/iVACdBtoLbaSEnydjLnyulSVzScnWdBi/assets/images/optimized/rev-f730254/costerwater.com/images/service_arrow.webp") 20px 17px no-repeat;
	transition: all linear 300ms;
	text-transform: uppercase;
}

.service_sidebar_css ul li a.nitro-lazy {
	background: none !important;
}

.service_sidebar_css ul li a:hover {
	margin: 0px;
	padding: 10px 0px 10px 35px;
	color: #fff;
	background: #066aab url("https://cdn-ildioop.nitrocdn.com/iVACdBtoLbaSEnydjLnyulSVzScnWdBi/assets/images/optimized/rev-f730254/costerwater.com/images/service_arrow.webp") 20px 17px no-repeat;
}

.service_sidebar_css ul li a:hover.nitro-lazy {
	background: none !important;
}

.service_sidebar_social {
	margin: 15px 20px 15px 20px;
	padding: 0px;
}

.service_sidebar_social a {
	font-size: 18px;
	color: #fff;
	margin-right: 5px;
	transition: all linear 300ms;
	text-align: center;
}

.service_sidebar_social a:hover {
	color: #fff;
}

.service_sidebar_social a i {
	width: 40px;
	height: 40px;
	background: #1b1b1b;
	border-radius: 30px;
	line-height: 40px;
	font-size: 20px;
}

.service_page_css h4 {
	font-size: 25px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	color: #1b1b1b;
	padding: 0px 0px 5px 0px;
	margin: 30px 0px 10px 0px;
	position: relative;
}

.service_page_css h4 span {
	font-size: 25px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 35px;
	color: #734a2b;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 15px 0px;
	text-transform: capitalize;
}

.service_page_css h4::after {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 70px;
	height: 1px;
	margin: 0px;
	content: "";
	bottom: 0px;
	background: #cecece;
}

.service_page_css ul.custom_ul {
	margin: 25px 0px 0px;
	padding: 0px;
}

.service_page_css ul.custom_ul li {
	margin: 0px;
	padding: 0px 0px 12px 30px;
	font-size: 17px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	line-height: 26px;
	color: #0abc6a;
	list-style: none;
	position: relative;
	text-decoration: none;
	display: block;
	transition: all linear 300ms;
}

.service_page_css ul.custom_ul li::before {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	margin: 0px;
	content: "";
	top: 3px;
	background: url("https://costerwater.com/images/service_bullet.webp") no-repeat;
}

.service_page_css ul li strong {
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	line-height: 26px;
	color: #373a5e;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

.service_page_css strong {
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	line-height: 26px;
	color: #373a5e;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

.service_page_css p {
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	line-height: 25px;
	color: #373a5e;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

.service_page_css img.service_small_css {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	border-radius: 30px;
}

.service_sideimg_css img {
	border-radius: 30px;
}