body {}

.innerBanner {
	max-height: 400px;
	min-height: 350px;
	overflow: hidden;
	position: relative;
}

.innerBanner img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.headContent {
	position: absolute;
	margin: auto;
	z-index: 10;
	top: 80px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.headContent .blackCir {
	background: #000;
	width: 80px;
	height: 80px;
	margin: 0 auto 15px auto;
}

.headContent h1 {
	text-transform: uppercase;
	font-family: 'Conv_Arquitecta W00 Heavy';
	text-shadow: 1px 1px #fff;
	letter-spacing: 1px;
}

.headContent h1 span {
	color: #ed1c24;
	display: block;
}

.breadcrum {
	display: table;
	margin: 0px auto 20px auto;
	background: #52c6c6;
	padding: 0px 12px;
	border-radius: 13px;
}

.breadcrum a, .breadcrum span, .breadcrum strong {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	margin: 0px 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	line-height: 32px;
}

.breadcrum a:hover {
	color: #000;
	text-decoration: none;
}

.breadcrum strong {
	font-family: 'Conv_Arquitecta W00 Heavy';
	font-weight: normal;
}

/***************/

.padLeft {
	padding-left: 3rem;
}

.matter p {
	text-align: justify;
	margin-bottom: 1.5rem;
}

.img-rounded {
	border-radius: 15px;
}

.leedBg {
	background: url(../images/about_img/leed_certificate_bg.jpg) no-repeat right top;
	background-size: 100% auto;
}

h3.cyan-color {
	color: #5efcfc;
}

h3.cyan-color:after {
	background: #5efcfc;
}

.formBg {
	background: url(../images/about_img/book_appointment.jpg) no-repeat center top;
	background-size: cover;
	border-radius: 15px;
	padding: 3rem;
	text-align: right;
}

.appointmentForm {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 15px;
	padding: 40px;
	display: inline-block;
	max-width: 420px;
	text-align: center;
}

.appointmentForm input[type="text"], .appointmentForm textarea {
	width: 100%;
	padding: 10px;
	border: none;
	border-bottom: 1px solid #67bdbd;
	margin-bottom: 1.5rem;
	background: none;
	letter-spacing: 1px;
	color: #ed1c24;
}

.appointmentForm input[type="text"]:focus, .appointmentForm textarea:focus {
	outline: none;
}

.appointmentForm .submitBtn {
	letter-spacing: 1px;
	/*font-family: 'Conv_Arquitecta W00 Heavy'; font-weight: normal;*/
	border: none;
}

.appointmentForm h5 {
	font-size: 24px;
	letter-spacing: 1px;
}

.appointmentForm ::-webkit-input-placeholder {
	/* Edge */
	color: #ed1c24;
}

.appointmentForm :-ms-input-placeholder {
	/* Internet Explorer */
	color: #ed1c24;
}

.appointmentForm ::placeholder {
	color: #ed1c24;
}

/****************************/

.address h5, #requestForm h5 {
	font-family: 'Conv_Arquitecta W00 Heavy';
	font-size: 18px;
	text-transform: uppercase;
}

.map {
	overflow: hidden;
}

.map iframe {
	width: 100%;
	height: 350px;
	border-radius: 15px;
}

#requestForm {
	background: url(../images/white-waves.jpg);
	border-radius: 15px;
}

#requestForm input[type="text"], #requestForm input[type="email"], #requestForm textarea {
	width: 100%;
	background: #52c6c6;
	padding: 12px 15px;
	color: #fff;
	margin-bottom: 32px;
	border: none;
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

#requestForm input:focus, textarea:focus {
	border: none;
	outline: none;
}

#requestForm textarea {
	min-height: 100px;
}

#requestForm .submitBtn {
	width: 120px;
	height: 45px;
	background: #fff;
	border: 2px solid #52c6c6;
	color: #52c6c6;
	/*text-transform: uppercase;*/
}

#requestForm .submitBtn:hover {
	background: #52c6c6;
	color: #fff;
}

#requestForm ::-webkit-input-placeholder {
	/* Edge */
	color: #fff;
}

#requestForm :-ms-input-placeholder {
	/* Internet Explorer */
	color: #fff;
}

#requestForm ::placeholder {
	color: #fff;
}

.eventImgBox {
	max-height: 400px;
}

.eventImgBox img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.blackBand, .greenBand {
	color: #fff;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding: 3px 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.blackBand {
	background: #000;
	display: table;
}

.greenBand {
	background: #52c6c6;
	text-align: center;
	display: block;
}

.greenBand:hover {
	text-decoration: none;
	color: #fff;
	background: #000;
}

/*****************************************************/

.catlogImg {
	border: 1px solid #52c6c6;
	padding: 20px;
	height: 100%;
}

.catlogImg:hover {
	background: #dff9f9;
	margin-top: -10px;
	-webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.catlogImg div.imgDiv {
	overflow: hidden;
	margin-bottom: 20px;
	min-height: 216px;
	text-align: center;
}

.catlogImg img {
	width: 100%;
	height: auto;
	margin: auto;
}

.arrowIcon {
	width: 30px;
	height: 30px;
	border: 1px solid #67bdbd;
	display: inline-block;
	background: url(../images/arrow.png) no-repeat center top;
}

.catlogImg span {
	margin-right: 15px;
}

.catlogImg a {
	color: #f72e2e;
	letter-spacing: 1px;
	font-size: 16px;
}

.catlogImg a:hover {
	text-decoration: none;
}

.catlogImg a:hover .arrowIcon {
	background: #67bdbd url(../images/arrow.png) no-repeat center bottom;
}

.catlogImg strong, .catlogImg span {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}

.selectOptions select {
	border: 1px solid #52c6c6;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 24px;
	color: #546e6e;
}

.storeLocators {
	background: url(../images/white-waves.jpg);
}

.storeLocators .addressData {
	border-radius: 10px;
	padding: 20px;
}

.storeLocators h4 {
	font-size: 1.5rem;
	letter-spacing: 1px;
	/*font-family: 'Conv_Arquitecta W00 Heavy';*/
}

.storeLocators h4:after {
	display: block;
	width: 40px;
	height: 1px;
	margin-top: 5px;
	background: #000;
	content: '';
}

.locatorsMap iframe {
	width: 100%;
	height: 500px;
	display: block;
}

.icons {
	width: 40px;
	color: #52c6c6;
}

.storeLocators .mail {
	font-size: 19px;
}

.storeLocators .readMore {
	letter-spacing: 1px;
	width: auto;
	height: auto;
	line-height: normal;
	display: inline-block;
	padding: 12px 12px;
}

.storeLocators .readMore .fa {
	margin-left: 0px;
	margin-right: 5px;
}

#mapView {
	display: none;
	width: 768px;
	height: 550px;
}

#mapView iframe {
	width: 100%;
	height: 100%;
}

/**************************************************************/

.galleryBtns a, .eventBtns a {
	display: inline-block;
	border-radius: 30px;
	border: 1px solid #f72e2e;
	color: #f72e2e;
	padding: 10px 15px;
	margin: 0px 10px;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1px;
}

.galleryBtns a {
	min-width: 150px;
}

.eventBtns a {
	min-width: 200px;
}

.galleryBtns a:hover, .galleryBtns a.active, .eventBtns a:hover, .eventBtns a.active {
	background: #f72e2e;
	color: #fff;
	font-family: 'Conv_Arquitecta W00 Heavy';
	text-decoration: none;
}

.imgGallery .title {
	border: 1px solid #cedbdb;
	padding: 12px 18px;
	text-transform: uppercase;
	color: #547979;
	font-size: 20px;
	letter-spacing: 1px;
	cursor: pointer;
}

.imgGallery .title.active {
	border: 1px solid #53c6c6;
	color: #53c6c6;
}

.imgGallery .title span.angle:before {
	display: block;
	position: absolute;
	right: 6px;
	top: 7px;
	content: '';
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
	border: 1px solid #cedbdb;
	border-bottom: none;
	border-right: none;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.imgGallery .title.active span.angle:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 1px solid #53c6c6;
	border-bottom: none;
	border-right: none;
	top: 9px;
}

.imgGallery span.angle {
	display: block;
	border-left: 1px solid #cedbdb;
	position: relative;
	width: 40px;
}

.imgGallery .active span.angle {
	border-left: 1px solid #53c6c6;
}

.imgGallery .content {
	display: none;
}

.imgGallery .imgBox {
	max-height: 250px;
	overflow: hidden;
	position: relative;
}

.imgGallery .vidBox {
	position: relative;
}

.imgGallery .vidBox iframe {
	width: 100%;
	height: 380px;
}

.imgGallery .imgBox .desc {
	position: absolute;
	width: 100%;
	bottom: 0px;
	background: #53c6c6;
	padding: 15px;
	transform: translateY(100%);
}

.imgGallery .imgBox:hover .desc {
	transform: translateY(0%);
}

.imgGallery .imgBox .desc h5 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}

.imgGallery .imgBox .desc p {
	font-size: 16px;
	color: #fff;
}

.imgGallery .imgBox img {
	object-fit: cover;
	height: 250px;
	width: 100%;
	transform: scale(1);
}

.imgGallery .imgBox:hover img {
	transform: scale(1.1);
}

.mb-30 {
	margin-bottom: 30px;
}

.vidGalleryData {
	display: none;
}

/********************************************************************************/

.tabSlider {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
	/*overflow: hidden;*/
	/*display: table;*/
}

/*.tabSlider > div{







	display: table-cell; vertical-align: top; position: relative;







}















.tabSlider > div:after{







	position: absolute; height: 71px; width: 1px; background: #52c6c6; display: block; content: '';







	right: 0; top: 16px;







}















.tabSlider > div:last-child:after{







	display: none;







}*/

.tabSlider a {
	display: block;
	color: #52c6c6;
	font-size: 20px;
	padding: 15px 20px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

@media(min-width:992px) {
	.tabSlider a {
		min-height: 137px;
	}
}

.tabSlider .slick-prev:before, .tabSlider .slick-next:before {
	font-family: 'FontAwesome';
	color: #ed1c24;
}

.tabSlider .slick-prev:before {
	content: "\f104";
}

.tabSlider .slick-next:before {
	content: "\f105";
}

.tabSlider a:focus {
	outline: none;
}

.tabSlider a:hover, .tabSlider .active a {
	background: #52c6c6 url(../images/water_bg_2.png) repeat-x 0px 70px;
	color: #fff;
	-webkit-animation: tabAnim 1s linear infinite;
	animation: tabAnim 1s linear infinite;
}

@keyframes tabAnim {
	0% {
		background: #52c6c6 url(../images/water_bg_2.png) repeat-x;
		background-position: 0% 80px;
	}
	/*50%{







     background: #52c6c6 url(../images/water_bg_2.png) repeat-x;







    background-position: 90px 70px;







	}*/
	100% {
		background: #52c6c6 url(../images/water_bg_2.png) repeat-x;
		background-position: 180px 80px;
	}
}

.tabSlider a span {
	width: 62px;
	height: 71px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

.tabSlider a strong {
	font-weight: normal;
	display: block;
	vertical-align: middle;
	line-height: normal;
	font-size: 16px;
}

.tabSlider a span.faucet {
	background: url(../images/tab_1_green.png) no-repeat center top;
}

.tabSlider a:hover span.faucet, .tabSlider .active a span.faucet {
	background: url(../images/tab_1_green.png) no-repeat center bottom;
}

.tabSlider a span.showers {
	background: url(../images/tab_2_green.png) no-repeat center top;
}

.tabSlider a:hover span.showers, .tabSlider .active a span.showers {
	background: url(../images/tab_2_green.png) no-repeat center bottom;
}

.tabSlider a span.thermo {
	background: url(../images/tab_3_green.png) no-repeat center top;
}

.tabSlider a:hover span.thermo, .tabSlider .active a span.thermo {
	background: url(../images/tab_3_green.png) no-repeat center bottom;
}

.tabSlider a span.sanitary {
	background: url(../images/tab_4_green.png) no-repeat center top;
}

.tabSlider a:hover span.sanitary, .tabSlider .active a span.sanitary {
	background: url(../images/tab_4_green.png) no-repeat center bottom;
}

.tabSlider a span.bathTub {
	background: url(../images/tab_5_green.png) no-repeat center top;
}

.tabSlider a:hover span.bathTub, .tabSlider .active a span.bathTub {
	background: url(../images/tab_5_green.png) no-repeat center bottom;
}

/*****************************************************************************************/

.tabSlider a span.pro_1 {
	background: url(../images/icons/Odor_FreeBath_2026.png) no-repeat center top;
}

.tabSlider a:hover span.pro_1, .tabSlider .active a span.pro_1 {
	background: url(../images/icons/Odor_FreeBath_2026.png) no-repeat center bottom;
}

/*****/

.tabSlider a span.pro_2 {
	background: url(../images/icons/Leak-Pro_Bathroom_2026.png) no-repeat center top;
}

.tabSlider a:hover span.pro_2, .tabSlider .active a span.pro_2 {
	background: url(../images/icons/Leak-Pro_Bathroom_2026.png) no-repeat center bottom;
}

/*****/

.tabSlider a span.pro_3 {
	background: url(../images/icons/Quick_Installation_2026.png) no-repeat center top;
}

.tabSlider a:hover span.pro_3, .tabSlider .active a span.pro_3 {
	background: url(../images/icons/Quick_Installation_2026.png) no-repeat center bottom;
}

/*****/

.tabSlider a span.pro_4 {
	background: url(../images/icons/Water_Saving_tech_2026.png) no-repeat center top;
}

.tabSlider a:hover span.pro_4, .tabSlider .active a span.pro_4 {
	background: url(../images/icons/Water_Saving_tech_2026.png) no-repeat center bottom;
}

/*****/

.tabSlider a span.pro_5 {
	background: url(../images/icons/Premium_Bathroom_2026.png) no-repeat center top;
}

.tabSlider a:hover span.pro_5, .tabSlider .active a span.pro_5 {
	background: url(../images/icons/Premium_Bathroom_2026.png) no-repeat center bottom;
}

/*****/

.tabSlider a span.pro_6 {
	background: url(../images/icons/Sustainable_2026.png) no-repeat center top;
}

.tabSlider a:hover span.pro_6, .tabSlider .active a span.pro_6 {
	background: url(../images/icons/Sustainable_2026.png) no-repeat center bottom;
}

/*****/

.tabSlider a span.pro_7 {
	background: url(../images/icons/Indoor_Climate_2026.png) no-repeat center top;
}

.tabSlider a:hover span.pro_7, .tabSlider .active a span.pro_7 {
	background: url(../images/icons/Indoor_Climate_2026.png) no-repeat center bottom;
}

/*****/

.tabSlider a span.pro_8 {
	background: url(../images/icons/hotwater_despenser.png) no-repeat center top;
}

.tabSlider a:hover span.pro_8, .tabSlider .active a span.pro_8 {
	background: url(../images/icons/hotwater_despenser.png) no-repeat center bottom;
}

/*****/

.tabSlider a span.pro_9 {
	background: url(../images/icons/radient.png) no-repeat center top;
}

.tabSlider a:hover span.pro_9, .tabSlider .active a span.pro_9 {
	background: url(../images/icons/radient.png) no-repeat center bottom;
}

.allProducts .proData a:before {
	display: none;
}

.allProducts .proData{
	-ms-flex-pack: center!important;
    justify-content: center!important;
}

.allProducts .proData img{
	margin: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#product.allProducts img:hover{
	margin-top: 0px;
}

.overlayData {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #baf5f5;
	z-index: 9;
	top: 0;
	left: 0;
	padding: 25px;
	filter: alpha(opacity=0);
	opacity: 0;
}

.allProducts .proData>div>div:hover .overlayData {
	filter: alpha(opacity=100);
	opacity: 1;
}

.overlayData h5 {
	font-family: 'Conv_Arquitecta W00 Heavy';
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.overlayData h5:after {
	content: '';
	position: relative;
	margin-top: 5px;
	width: 50px;
	height: 1px;
	background: #000;
	display: block;
}

.overlayData p {
	text-align: justify;
}

.overlayData .starReview {
	color: #fff;
	margin-bottom: 20px;
}

.overlayData a.btn {
	background: #fff;
	color: #52c6c6;
	font-size: 16px;
	letter-spacing: 1px;
}

.overlayData a.btn:hover {
	color: #ed3237;
}

.overlayData a.btn+.btn {
	margin-left: 15px;
}

.overlayData a.btn .fa {
	margin-right: 5px;
}

/*********************************************************************************/

#solutions h4 {
	letter-spacing: 1px;
}

.brandTag {
	background: #52c6c6;
	color: #fff;
	padding: 7px 15px;
	color: #fff;
	display: table;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	min-width: 150px;
	letter-spacing: 1px;
	position: relative;
}

.pad-left-40 {
	padding-left: 40px;
}

.pad-right-40 {
	padding-right: 40px;
}

.brandTag .fa {
	margin-left: 10px;
	position: absolute;
	right: 18px;
	top: 12px;
}

.rounded-img {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*****************************************************************/

.event h4 {
	/*color: #ed1821;*/
	letter-spacing: 1px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 24px;
}

.event p strong .fa {
	color: #ed1922;
	margin-right: 10px;
}

.pastData {
	display: none;
}

.pastData .event-img {
	filter: grayscale(100%);
}

.eventDetail {
	background: url(../images/white-waves.jpg);
	padding: 20px;
	height: 350px;
	overflow: auto;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.event .event-img {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.eventBox p {
	display: table;
}

.eventBox p strong, .eventBox p span {
	display: table-cell;
}

.eventBox p strong {
	min-width: 120px;
}

/********************************************************************************/

@media(max-width:1152px) {
	.tabSlider a {
		font-size: 18px;
		text-align: center;
		display: block;
	}
	.tabSlider a span {
		margin-right: 0px;
	}
}

@media(max-width: 992px) {
	.rounded-img {
		margin-bottom: 20px;
	}
	#solutions .text-right {
		text-align: left !important;
	}
	.pad-left-40, .pad-right-40 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media(max-width: 768px) {
	.tabSlider a:hover, .tabSlider .active a {
		background: #52c6c6 url(../images/water_bg_2.png) repeat-x 0px 120px;
		color: #fff;
		-webkit-animation: tabAnim 1s linear infinite;
		animation: tabAnim 1s linear infinite;
	}
	@keyframes tabAnim {
		0% {
			background: #52c6c6 url(../images/water_bg_2.png) repeat-x;
			background-position: 0% 120px;
		}
		/*50%{







     background: #52c6c6 url(../images/water_bg_2.png) repeat-x;







    background-position: 90px 70px;







	}*/
		100% {
			background: #52c6c6 url(../images/water_bg_2.png) repeat-x;
			background-position: 180px 120px;
		}
	}
	.overlayData {
		display: none;
	}
	#mapView {
		width: 90%;
		height: 450px;
	}
	.padLeft {
		padding-left: 15px;
	}
	.headContent h1 {
		font-size: 2rem;
	}
	.leedBg {
		background: url(../images/about_img/leed_certificate_bg.jpg) no-repeat center top;
		background-size: cover;
	}
}

@media(max-width: 767px) {
	.tabSlider a span {
		display: block;
		margin: 0 auto;
	}
	.tab_new {
		border: 1px solid #52c6c6;
		border-right: none;
	}
	/*.tabSlider > div:after{







		display: none;







	}*/
	.tabSlider a {
		min-height: 141px;
	}
	/*.tabSlider > div{







		display: inline-block; width: 130px; min-height: 73px; border: 1px solid #52c6c6;















	}*/
	.tabSlider {
		text-align: center;
		box-shadow: none;
	}
}

@media(max-width: 576px) {
	.imgGallery .imgBox {
		max-height: inherit;
	}
	.imgGallery .imgBox img {
		height: inherit;
	}
	.headContent h1 {
		font-size: 1.1rem;
	}
	.headContent .blackCir {
		width: 50px;
		height: 50px;
		padding: 10px;
	}
	.headContent {
		top: 115px;
		width: 100%;
	}
	.innerBanner {
		min-height: inherit;
	}
}