/* ==============
		COLORS
	============== */

/* === Deep Blue */
.deepBlue 			{ background-color: #0E4767; }
.deepBlue-txt		{ color: #0E4767; }

/* === Clear Blue */
.clearBlue 			{ background-color: #BAEEFF; }
.clearBlue-txt		{ color: #BAEEFF; }

/* == Thin Blue */
.thinBlue			{ background-color: rgba(186, 238, 255, 0.32); }
.thinBlue-txt		{ color: rgba(186, 238, 255, 0.32); }

/* === Blue */
.blue 				{ background-color: rgba(53, 159, 195, 1); }
.blue-txt			{ color: rgba(53, 159, 195, 1); }

/* === White */
.white 				{ background-color: #ffffff; }
.white-txt			{ color: #ffffff; }

/* === Black */
.black 				{ background-color: #000000; }
.black-txt			{ color: #000000; }

/* === Gray */
.gray 				{ background-color: #e0e0e0; }
.gray-txt			{ color: #e0e0e0; }

/* ==============
		HOME *starts*
	============== */

.suppText {
	left: 4%;
	bottom: 16%;
}

/* Slider */
.toTheNextSlide {
	bottom: 27%;
	right: 18%;
}

.toThePrevSlide {
	bottom: 27%;
	right: 56%;
	left: initial;
}

/* Desktop To Device */
.dots {
	right: 2.4%;
	width: 2vw;
	height: 2vw;
	opacity: 0.2;

	border-radius: 50%;
}

.dots.activeDot {
	opacity: .99;
}

.dotOne 	{ bottom: 72%; }
.dotTwo 	{ bottom: 68%; }
.dotThree 	{ bottom: 64%; }
.dotFour 	{ bottom: 60%; }
.dotFive 	{ bottom: 56%; }
.dotSix 	{ bottom: 52%; }

		/* ==============
				Device Home *starts*
		 	============== */


/* ====== Slider Zone */
.capsule {
	width: 100vw;
	height: 88vh;
	border-radius: 60rem;

	overflow: hidden;

	-webkit-transform: rotate(-19deg);
	-moz-transform: rotate(-19deg);
	-ms-transform: rotate(-19deg);
	-o-transform: rotate(-19deg);
	transform: rotate(-19deg);

	-webkit-transform-origin: 24%;
	-moz-transform-origin: 24%;
	-ms-transform-origin: 24%;
	-o-transform-origin: 24%;
	transform-origin: 24%;
}

.pumpI { }

#two .toTheNextSlide.next-arrow {
	bottom: 4%;
	right: 43%;
}

#two .toThePrevSlide.next-arrow {
	bottom: 3.125%;
	right: 3.125%;
}

.pumpI,
.pumpII,
.pumpIII,
.pumpIV,
.pumpV,
.pumpVI  {
	-webkit-transform: rotate(19deg) translateX(-140%);
	-moz-transform: rotate(19deg) translateX(-140%);
	-ms-transform: rotate(19deg) translateX(-140%);
	-o-transform: rotate(19deg) translateX(-140%);
	transform: rotate(19deg) translateX(-140%);

	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;

	left: 12.4%;
	top: initial;
	bottom: 16%;
	right: initial;
	opacity: 0.00001;

	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
}

.pumpI.activate,
.pumpII.activate,
.pumpIII.activate,
.pumpIV.activate,
.pumpV.activate,
.pumpVI.activate {
	opacity: 1;

	-webkit-transform: rotate(19deg) translateX(-0.00001%);
	-moz-transform: rotate(19deg) translateX(-0.00001%);
	-ms-transform: rotate(19deg) translateX(-0.00001%);
	-o-transform: rotate(19deg) translateX(-0.00001%);
	transform: rotate(19deg) translateX(-0.00001%);

	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
}

/* Section Two */
/* ========= Section Two */

.capsule-two {
	left: 3.125%;
	bottom: 0;

	border-radius: 12rem 12rem 0 0;
}

.capsule-three {
	left: 50%;
	top: 0;

	transform: rotate(-18deg);
	border-radius: 16rem 0 0 16rem;
}

.noWater-tank {
	bottom: 72%;
	left: 8%;
}

.water-tank {
	top: 75%;
	right: 20%;
}

.wrong-choiceI {
	left: 22%;
	bottom: 32%;
}

.wrong-choiceII {
	left: 56%;
	bottom: 50%;
}

.stepOne {
	top: 8%;
	left: 54%;

	text-align: left;
}

.stepOne .title,
.stepThree .title {
	text-align: left;
}

.stepTwo .title {
	text-align: right;
}

.stepTwo {
	top: 32%;
	left: 12%;
}

.stepThree {
	bottom: 32%;
	right: 14%;
}

.stepFour {
	bottom: 18%;
	right: 44%;
}

.doubleSize {
	height: 200% !important;
}

.doubleSize .halfOne {
	padding: 20% 2.4% 16% 2.4%;
}

/* Third Secion */
.oneSix {
	width: 50%;
	height: 33.3333333333%;
}

#three .right-arrow,
#brandsSos .right-arrow {
	bottom: 3.125%;
	right: 32%;
}

#three .left-arrow,
#brandsSos .left-arrow {
	bottom: 3.125%;
	left: 32%;
}

.half-I,
.half-II,
.half-III,
.half-IV,
.half-V,
.half-VI {
	padding: 16% 4% 14% 4%;
}

/* Menu device */

.logoInDevice {
	top: 0;
}

.onBott {
	bottom: 1.625%;
}

.menuDev,
.contactDev {
	width: 16vw;
	height: 16vw;

	border-radius: 50%;
}

.menuDev {
	right: 1.625%;
}

.contactDev {
	left: 1.625%;
}

.paddBord {
	border-radius: .325rem;
	padding: 4%;
}

.inpPadd {
	padding: 4%;
}

.theDevInput {
	border-radius: .325rem;
	border: 0;

	padding: 4%;

}

.theProducts {
	padding-top: 20%;
}

.menuSolo 	{ background-image: url('../matter/menu-solo-blue.svg'); }
.phoneSolo 	{ background-image: url('../matter/phone-solo-blue.svg'); }
.mailSolo 	{ background-image: url('../matter/mail-solo-blue.svg'); }
.closeSolo 	{ background-image: url('../matter/x-db-I.svg'); }

/* Menu Device */

		/* ==============
				Device Home *ends*
		 	============== */

		/* ==============
				Device About *starts*
		 	============== */

.changeTitle,
.changeText {
	text-align: center;
}

.serveDivide {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

.service {
	width: 100%;
	height: 33.3333333333%;
}

		/* ==============
				Device About *ends*
		 	============== */

.product {
	width: 100%;
	height: 16.6666666667%;
}

.prodTxt {
	font-size: inherit;
	padding: 2.4% 0 1.6% 16%;
	line-height: .8;
}

.noBrDevice br {
	display: none;
}

.cerrar {
	bottom: 3.125%;
	left: 0;
	right: 0;
	margin: auto;

	width: 16vw;
	height: 16vw;

	border-radius: 50%;

	background-image: url('../matter/x-db-I.svg');
}

.prodIMode {
	padding-bottom: 16%;
}

		/* ==============
				Device Backgrounds *starts*
		 	============== */

.productI 	{ background-image: url('../matter/productI.png'); }
.productII 	{ background-image: url('../matter/productII.png'); }
.productIII { background-image: url('../matter/productIII.png'); }
.productIV 	{ background-image: url('../matter/productIV.png'); }
.productV 	{ background-image: url('../matter/productV.png'); }
.productVI 	{ background-image: url('../matter/productVI.png'); }

/* WM Starts */
.padd-wm 		{ padding-left: 2.4%; padding-right: 2.4%; }

.prod-wim-I		{ background-image: url('../matter/prod-wm-I.jpg'); }
.prod-wim-II	{ background-image: url('../matter/prod-wm-II.jpg'); }
/* WM Ends */

#oneModal .productI 		{ background-image: url('../matter/prod-aI.png'); }
#oneModal .productII 	{ background-image: url('../matter/prod-aII.png'); }
#oneModal .productIII 	{ background-image: url('../matter/prod-aIII.png'); }

/* One One */
#oneOneModal .productI 		{ background-image: url('../matter/prod-aaI.png'); }
#oneOneModal .productII 		{ background-image: url('../matter/prod-aaII.png'); }
#oneOneModal .productIII 	{ background-image: url('../matter/prod-aaIII.png'); }
#oneOneModal .productIV 		{ background-image: url('../matter/prod-aaIV.png'); }
#oneOneModal .productV 		{ background-image: url('../matter/prod-aaV.png'); }
#oneOneModal .productVI 		{ background-image: url('../matter/prod-aaVI.png'); }

/* One Two */
#oneTwoModal .productI 		{ background-image: url('../matter/prod-abI.png'); }
#oneTwoModal .productII 		{ background-image: url('../matter/prod-abII.png'); }
#oneTwoModal .productIII 	{ background-image: url('../matter/prod-abIII.png'); }
#oneTwoModal .productIV 		{ background-image: url('../matter/prod-abIV.png'); }
#oneTwoModal .productV 		{ background-image: url('../matter/prod-abV.png'); }
#oneTwoModal .productVI	 	{ background-image: url('../matter/prod-abVI.png'); }
#oneTwoModal .productVII 	{ background-image: url('../matter/prod-abVII.png'); }
#oneTwoModal .productVIII 	{ background-image: url('../matter/prod-abVIII.png'); }
#oneTwoModal .productIX 		{ background-image: url('../matter/prod-abIX.png'); }

#oneTwoModal .siguiente 		{ background-image: url('../matter/right-arrow-lb.svg'); }
#oneTwoModal .volver 		{ background-image: url('../matter/left-arrow-lb.svg'); }

/* One Three */
#oneThreeModal .productI 		{ background-image: url('../matter/prod-acI.png'); }
#oneThreeModal .productII 		{ background-image: url('../matter/prod-acII.png'); }
#oneThreeModal .productIII 		{ background-image: url('../matter/prod-acIII.png'); }

/* Brands */
/* Slider I */
.brandI 	{ background-image: url('../matter/brandI.jpg'); }
.brandII 	{ background-image: url('../matter/brandII.jpg'); }
.brandIII 	{ background-image: url('../matter/brandIII.jpg'); }
.brandIV 	{ background-image: url('../matter/brandIV.jpg'); }
.brandV 	{ background-image: url('../matter/brandV.jpg'); }
.brandVI 	{ background-image: url('../matter/brandVI.jpg'); }

.brandVII 	{ background-image: url('../matter/brandVII.jpg'); }
.brandVIII 	{ background-image: url('../matter/brandVIII.jpg'); }
.brandIX 	{ background-image: url('../matter/brandIX.jpg'); }
.brandX 	{ background-image: url('../matter/brandX.jpg'); }
.brandXI 	{ background-image: url('../matter/brandXI.jpg'); }
.brandXII 	{ background-image: url('../matter/brandXII.jpg'); }

.brandXIII 	{ background-image: url('../matter/brandXIII.jpg'); }
.brandXIV 	{ background-image: url('../matter/brandXIV.jpg'); }
.brandXV 	{ background-image: url('../matter/brandXV.jpg'); }
.brandXVI 	{ background-image: url('../matter/brandXVI.jpg'); }
.brandXVII 	{ background-image: url('../matter/brandXVII.jpg'); }
.brandXVIII { background-image: url('../matter/brandXVIII.jpg'); }

/* Slider II */
.brandXIX 	{ background-image: url('../matter/brandXIX.jpg'); }
.brandXX 	{ background-image: url('../matter/brandXX.jpg'); }
.brandXXI 	{ background-image: url('../matter/brandXXI.jpg'); }
.brandXXII 	{ background-image: url('../matter/brandXXII.jpg'); }
.brandXXIII	{ background-image: url('../matter/brandXXIII.jpg'); }
.brandXXIV 	{ background-image: url('../matter/brandXXIV.jpg'); }

.brandXXV 		{ background-image: url('../matter/brandXXV.jpg'); }
.brandXXVI 		{ background-image: url('../matter/brandXXVI.jpg'); }
.brandXXVII 	{ background-image: url('../matter/brandXXVII.jpg'); }
.brandXXVIII	{ background-image: url('../matter/brandXXVIII.jpg'); }
.brandXXIX	 	{ background-image: url('../matter/brandXXIX.jpg'); }
.brandXXX 		{ background-image: url('../matter/brandXXX.jpg'); }

.brandXXXI 		{ background-image: url('../matter/brandXXXI.jpg'); }
.brandXXXII 	{ background-image: url('../matter/brandXXXII.jpg'); }
.brandXXXIII 	{ background-image: url('../matter/brandXXXIII.jpg'); }
.brandXXXIV 	{ background-image: url('../matter/brandXXXIV.jpg'); }
.brandXXXV 		{ background-image: url('../matter/brandXXXV.jpg'); }
.brandXXXVI 	{ background-image: url('../matter/brandXXXVI.jpg'); }

/* Slider III */
.brandXXXVII 	{ background-image: url('../matter/brandXXXVII.jpg'); }
.brandXXXVIII	{ background-image: url('../matter/brandXXXVIII.jpg'); }

/* Slide Show*/
.pumpI 			{ background-image: url('../matter/blue-pump.png'); }
.pumpII 		{ background-image: url('../matter/zp-pump.jpg'); }
.pumpIII 		{ background-image: url('../matter/pump-III.jpg'); }
.pumpIV 		{ background-image: url('../matter/pump-IV.jpg'); }
.pumpV 			{ background-image: url('../matter/pump-V.jpg'); }
.pumpVI 		{ background-image: url('../matter/pump-VI.jpg'); }

/*  */
.down-arrow		{ background-image: url('../matter/down-arrow-lb.svg'); }
.right-arrow	{ background-image: url('../matter/right-arrow-lb.svg'); }
.left-arrow		{ background-image: url('../matter/left-arrow-lb.svg'); }
.noWater-tank	{ background-image: url('../matter/empty-water-tank.png'); }
.water-tank		{ background-image: url('../matter/full-water-tank.png'); }
.wrong-choiceI	{ background-image: url('../matter/wrong-I.png'); }
.wrong-choiceII	{ background-image: url('../matter/wrong-II.png'); }

/* Icons */
.chemist		{ background-image: url('../matter/chemis.svg'); }
.metal			{ background-image: url('../matter/mech-metal.svg'); }
.foody			{ background-image: url('../matter/foody.svg'); }
.cosmetics		{ background-image: url('../matter/consmetics.svg'); }
.waterT			{ background-image: url('../matter/water-treats.svg'); }
.home			{ background-image: url('../matter/home.svg'); }

.mail-next		{ background-image: url('../matter/mail-lb.svg'); }
.phone-next		{ background-image: url('../matter/phone-circle.svg'); }

/* New Icons for services*/
.oneServe		{ background-image: url('../matter/oneServe.svg'); }
.twoServe		{ background-image: url('../matter/twoServe.svg'); }
.threeServe		{ background-image: url('../matter/threeServe.svg'); }

/* Logos */

/* === Flowtech */
.flowtech 		{ background-image: url('../matter/flowlogo.jpg'); }

/* === Other Brands */
/* half I */
.graco			{ background-image: url('../matter/graco.png'); }
.durcomex		{ background-image: url('../matter/durcomex.jpg'); }
.viking			{ background-image: url('../matter/vikingp.jpg'); }
.pfc			{ background-image: url('../matter/pfc.jpg'); }
.sandp			{ background-image: url('../matter/sandp.jpg'); }
.alfala			{ background-image: url('../matter/alfala.png'); }

/* half II */
.pedro			{ background-image: url('../matter/pedro.jpg'); }
.roper			{ background-image: url('../matter/roper.png'); }
.dpumps			{ background-image: url('../matter/dpumps.png'); }
.fpl				{ background-image: url('../matter/fpl.jpg'); }
.goulds			{ background-image: url('../matter/goulds.jpg'); }
.grundfos		{ background-image: url('../matter/grundfos.jpg'); }

/* half III */
.gusher			{ background-image: url('../matter/gusher.png'); }
.aquflow			{ background-image: url('../matter/aquflow.png'); }
.qpumps			{ background-image: url('../matter/qpumps.jpg'); }
.versa			{ background-image: url('../matter/versa.jpg'); }
.ir-aro			{ background-image: url('../matter/ir-aro.png'); }
.smt			{ background-image: url('../matter/smt.jpg'); }

/* half IV */
.blacoh			{ background-image: url('../matter/blacoh.jpg'); }
.fti			{ background-image: url('../matter/fti.jpg'); }
.etatron		{ background-image: url('../matter/etatron.png'); }
.lmi				{ background-image: url('../matter/lmi.jpg'); }
.nomad			{ background-image: url('../matter/nomad.png'); }
.sentinel		{ background-image: url('../matter/sentinel.jpg'); }

/* half V */
.sihi			{ background-image: url('../matter/sihi.jpg'); }
.tabla			{ background-image: url('../matter/tabla.png'); }
.vhpump			{ background-image: url('../matter/vhpump.jpg'); }
.spx			{ background-image: url('../matter/spx.png'); }
.wilden			{ background-image: url('../matter/wilden.jpg'); }
.worthline		{ background-image: url('../matter/worthline.gif'); }

/* half VI */
.wrightflow		{ background-image: url('../matter/wrightflow.png'); }
.yamada			{ background-image: url('../matter/yamada.png'); }
.zoeller			{ background-image: url('../matter/zoeller.png'); }

.whapplogo {

	background-image: url('../matter/whutsup.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	float: left;

	display: block;

	width: 24%;
	height: 100%;

}

.warup {
	position: fixed;
	width: 16vw;
	height: 16vw;
	bottom: 1.625%;
	left: 0;
	right: 0;
	background-image: url(../matter/whutsup.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 200%;
	display: block;
	margin: auto;
}

.whappbox {

	width: 14% !important;

}

.whappbox small {
	width: 72%;
	height: 100%;
	text-align: left;
	float: left;
	padding-top: 3.2%;
	color: #4eca5c;

}

		/* ==============
				Device Backgrounds *starts*
		 	============== */

/* ==============
		HOME *ends*
	============== */


@media screen and (min-width: 319px) {}

@media screen and (min-width: 374px) {}

@media screen and (min-width: 413px) {}

@media screen and (min-width: 650px) {

	.warup { display: none; }

}

@media screen and (min-width: 767px) {}

@media screen and (min-width: 1023px) {

	/* ==============
			HOME *starts*
		============== */

	/* ========= Section One */

	/* ====== Text Zone */
	.suppText { left: 9.375%; bottom: 9.375%; }

	.top-text,
	.bottom-text { margin: 0; }

	.top-text {
		font-size: 16px; /* Modify this */
		letter-spacing: .09rem;
	}

	/* ====== Slider Zone */
	.capsule {
		width: 100vw;
		height: 88vh;
		border-radius: 60rem;

		overflow: hidden;

		-webkit-transform: rotate(-19deg);
		-moz-transform: rotate(-19deg);
		-ms-transform: rotate(-19deg);
		-o-transform: rotate(-19deg);
		transform: rotate(-19deg);

		-webkit-transform-origin: 24%;
		-moz-transform-origin: 24%;
		-ms-transform-origin: 24%;
		-o-transform-origin: 24%;
		transform-origin: 24%;
	}

	.pumpI { }

	#one .next-arrow {
		bottom: 4%;
		right: 43%;
	}

	#two .next-arrow {
		bottom: 3.125%;
		right: 3.125%;
	}

	.pumpI,
	.pumpII,
	.pumpIII,
	.pumpIV,
	.pumpV,
	.pumpVI {
		-webkit-transform: rotate(19deg) translateX(-140%);
		-moz-transform: rotate(19deg) translateX(-140%);
		-ms-transform: rotate(19deg) translateX(-140%);
		-o-transform: rotate(19deg) translateX(-140%);
		transform: rotate(19deg) translateX(-140%);

		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;

		left: 12.4%;
		top: initial;
		bottom: 16%;
		right: initial;
		opacity: 0.00001;

		-webkit-transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-ms-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;
		transition: all 1s ease-in-out 0s;
	}

	.pumpI.activate,
	.pumpII.activate,
	.pumpIII.activate,
	.pumpIV.activate,
	.pumpV.activate,
	.pumpVI.activate {
		opacity: 1;

		-webkit-transform: rotate(19deg) translateX(-0.00001%);
		-moz-transform: rotate(19deg) translateX(-0.00001%);
		-ms-transform: rotate(19deg) translateX(-0.00001%);
		-o-transform: rotate(19deg) translateX(-0.00001%);
		transform: rotate(19deg) translateX(-0.00001%);

		-webkit-transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-ms-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;
		transition: all 1s ease-in-out 0s;
	}


	/* ========= Section Two */

	.capsule-two {
		left: 3.125%;
		bottom: 0;

		border-radius: 12rem 12rem 0 0;
	}

	.capsule-three {
		left: 50%;
		top: 0;

		transform: rotate(-18deg);
		border-radius: 16rem 0 0 16rem;
	}

	.noWater-tank {
		bottom: 12.5%;
		left: 6.25%;
	}

	.water-tank {
		top: 6.25%;
		right: 3.125%;
	}

	.wrong-choiceI {
		left: 32%;
		bottom: 25%;
	}

	.wrong-choiceII {
		left: 40%;
		bottom: 44%;
	}

	.stepOne {
		top: 9.375%;
		left: 4%;
	}

	.stepOne .title,
	.stepTwo .title,
	.stepThree .title,
	.stepFour .title {
		text-align: center;
	}

	.stepTwo {
		top: 25%;
		left: 28%;
	}

	.stepThree {
		bottom: 16%;
		right: 28%;
	}

	.stepFour {
		bottom: 20%;
		right: 3.125%;
	}

	/* Section Three */
	.ind-title {
		top: 18%;
	}

	.ind-title .title {
		font-weight: bold;
	}

	.halfOne,
	.halfTwo {
		padding: 4% 4% 2.4% 4%;
	}

	.oneSix {
		width: 16.6666666667%;
		height: 100%;
	}

	.brands {
		padding: 4%;
	}

	.right-arrow {
		bottom: 3.125%;
		right: 3.125%;
	}

	.left-arrow {
		bottom: 3.125%;
		left: 3.125%;
	}

	/* ==============
			HOME *ends*
		============== */

	/* ==============
			ABOUT US *starts*
		============== */


	#one.us .next-arrow.down-arrow {
		left: 0;
		right: 0;
	}

	/* ==============
			ABOUT US *ends*
		============== */

	/* ==============
			SERVICES *starts*
		============== */

	.paddTop {
		padding-top: 4%;
	}

	.serveDivide {
		position: relative;
		padding: 2.4% 6.25%;

		left: initial;
		right: initial;
		bottom: initial;
		top: initial;
		margin: initial;
	}

	.service {
		width: 33.3333333333%;
		height: 100%;
	}


	.theCircle {
		width: 9.6vw;
		height: 9.6vw;

		border-radius: 50%;
	}

	.theImage {
		width: 15vw;
		height: 15vw;

		background-image: url('../matter/serveI.png');
	}

	.changeTitle,
	.changeText {
		text-align: center;
		padding: 0 8%;
	}

	#one.us.theServices .next-arrow.down-arrow {
		-webkit-transform: scale(.72);
		-moz-transform: scale(.72);
		-ms-transform: scale(.72);
		-o-transform: scale(.72);
		transform: scale(.72);
	}

	.theImage.serveII 	{ background-image: url('../matter/serveIII.png'); }
	.theImage.serveIII 	{ background-image: url('../matter/serveII.png'); }

	/* ==============
			SERVICES *ends*
		============== */

	/* ==============
			PRODUCTS *starts*
		============== */

	.theProducts {
		padding-top: 0;
	}

	#one.us.theProducts .next-arrow.down-arrow {
		top: 44%;
		left: 0;
		right: 0;
		bottom: initial;
	}

	.prodTitle {
		margin-top: 3.2%;
		margin-bottom: 2.4%;
	}

	.productDivide {
		padding: 0 3.125% 9.125% 3.125%;
	}

	.productDivide {
		padding: 0 3.125% 9.125% 3.125%;
	}

	.modalInn {
		padding: 0 3.125% 3.125% 3.125%;
	}

	.cerrar {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;

		width: 5.6vw;
		height: 5.6vw;

		border-radius: 50%;

		background-image: url('../matter/x-db-I.svg');
	}

	.prodModals {
		z-index: 9999;
	}

	.product {
		width: 16.6666666667%;
		height: 100%;
	}

	.prodTxt {
		font-size: inherit;
		padding: 6.4% 0 4% 12%;
		line-height: 1.32;
	}

	/* ============ BRANDS */
	.oneThree {
		width: 16.6666666667%;
		height: 33.3333333333%;

		background-color: rgba(255, 255, 255, .75);
	}

	.brands .oneThree {
		background-size: 75%;
	}

	#two .brands .right-arrow {
		left: initial;
		right: 3.125%;
	}

	#two .brands .left-arrow {
		right: initial;
		left: 3.125%;
	}

	/* Effect */
	.internLantern {
		border-right: 4px solid #BAEEFF;
		border-left: 4px solid #BAEEFF;
	}

	.internLantern:first-child,
	.internLantern:nth-child(2),
	.internLantern:nth-child(3),
	.internLantern:nth-child(4),
	.internLantern:nth-child(5) {
		border-left: 0px solid #BAEEFF;
	}

	.internLantern:nth-child(6) {
		border-right: 0px solid #BAEEFF;
	}

	.prodIMode {
		padding-bottom: 0%;
	}

	.product .productSoul 		{ margin-left: 24%; }
	.product .prodTxt 			{ margin-left: 0%; }

	.product:hover .productSoul { margin-left: 0; }
	.product:hover .prodTxt 	{ margin-left: 4%; }

	.productI 	{ background-image: url('../matter/productI.png'); }
	.productII 	{ background-image: url('../matter/productII.png'); }
	.productIII { background-image: url('../matter/productIII.png'); }
	.productIV 	{ background-image: url('../matter/productIV.png'); }
	.productV 	{ background-image: url('../matter/productV.png'); }
	.productVI 	{ background-image: url('../matter/productVI.png'); }

	/* WM Starts */
	.padd-wm 		{ padding-top: 4%; padding-bottom: 4%; padding-left: 0; padding-right: 0; }

	.prod-wim-I		{ background-image: url('../matter/prod-wm-I.jpg'); }
	.prod-wim-II	{ background-image: url('../matter/prod-wm-II.jpg'); }
	/* WM Ends */

	#oneModal .productI 		{ background-image: url('../matter/prod-aI.png'); }
	#oneModal .productII 	{ background-image: url('../matter/prod-aII.png'); }
	#oneModal .productIII 	{ background-image: url('../matter/prod-aIII.png'); }

	/* One One */
	#oneOneModal .productI 		{ background-image: url('../matter/prod-aaI.png'); }
	#oneOneModal .productII 		{ background-image: url('../matter/prod-aaII.png'); }
	#oneOneModal .productIII 	{ background-image: url('../matter/prod-aaIII.png'); }
	#oneOneModal .productIV 		{ background-image: url('../matter/prod-aaIV.png'); }
	#oneOneModal .productV 		{ background-image: url('../matter/prod-aaV.png'); }
	#oneOneModal .productVI 		{ background-image: url('../matter/prod-aaVI.png'); }

	/* One Two */
	#oneTwoModal .productI 		{ background-image: url('../matter/prod-abI.png'); }
	#oneTwoModal .productII 		{ background-image: url('../matter/prod-abII.png'); }
	#oneTwoModal .productIII 	{ background-image: url('../matter/prod-abIII.png'); }
	#oneTwoModal .productIV 		{ background-image: url('../matter/prod-abIV.png'); }
	#oneTwoModal .productV 		{ background-image: url('../matter/prod-abV.png'); }
	#oneTwoModal .productVI	 	{ background-image: url('../matter/prod-abVI.png'); }
	#oneTwoModal .productVII 	{ background-image: url('../matter/prod-abVII.png'); }
	#oneTwoModal .productVIII 	{ background-image: url('../matter/prod-abVIII.png'); }
	#oneTwoModal .productIX 		{ background-image: url('../matter/prod-abIX.png'); }

	#oneTwoModal .siguiente 		{ background-image: url('../matter/right-arrow-lb.svg'); }
	#oneTwoModal .volver 		{ background-image: url('../matter/left-arrow-lb.svg'); }

	/* One Three */
	#oneThreeModal .productI 		{ background-image: url('../matter/prod-acI.png'); }
	#oneThreeModal .productII 		{ background-image: url('../matter/prod-acII.png'); }
	#oneThreeModal .productIII 		{ background-image: url('../matter/prod-acIII.png'); }

	/* Brands */
	/* Slider I */
	.brandI 	{ background-image: url('../matter/brandI.jpg'); }
	.brandII 	{ background-image: url('../matter/brandII.jpg'); }
	.brandIII 	{ background-image: url('../matter/brandIII.jpg'); }
	.brandIV 	{ background-image: url('../matter/brandIV.jpg'); }
	.brandV 	{ background-image: url('../matter/brandV.jpg'); }
	.brandVI 	{ background-image: url('../matter/brandVI.jpg'); }

	.brandVII 	{ background-image: url('../matter/brandVII.jpg'); }
	.brandVIII 	{ background-image: url('../matter/brandVIII.jpg'); }
	.brandIX 	{ background-image: url('../matter/brandIX.jpg'); }
	.brandX 	{ background-image: url('../matter/brandX.jpg'); }
	.brandXI 	{ background-image: url('../matter/brandXI.jpg'); }
	.brandXII 	{ background-image: url('../matter/brandXII.jpg'); }

	.brandXIII 	{ background-image: url('../matter/brandXIII.jpg'); }
	.brandXIV 	{ background-image: url('../matter/brandXIV.jpg'); }
	.brandXV 	{ background-image: url('../matter/brandXV.jpg'); }
	.brandXVI 	{ background-image: url('../matter/brandXVI.jpg'); }
	.brandXVII 	{ background-image: url('../matter/brandXVII.jpg'); }
	.brandXVIII { background-image: url('../matter/brandXVIII.jpg'); }

	/* Slider II */
	.brandXIX 	{ background-image: url('../matter/brandXIX.jpg'); }
	.brandXX 	{ background-image: url('../matter/brandXX.jpg'); }
	.brandXXI 	{ background-image: url('../matter/brandXXI.jpg'); }
	.brandXXII 	{ background-image: url('../matter/brandXXII.jpg'); }
	.brandXXIII	{ background-image: url('../matter/brandXXIII.jpg'); }
	.brandXXIV 	{ background-image: url('../matter/brandXXIV.jpg'); }

	.brandXXV 		{ background-image: url('../matter/brandXXV.jpg'); }
	.brandXXVI 		{ background-image: url('../matter/brandXXVI.jpg'); }
	.brandXXVII 	{ background-image: url('../matter/brandXXVII.jpg'); }
	.brandXXVIII	{ background-image: url('../matter/brandXXVIII.jpg'); }
	.brandXXIX	 	{ background-image: url('../matter/brandXXIX.jpg'); }
	.brandXXX 		{ background-image: url('../matter/brandXXX.jpg'); }

	.brandXXXI 		{ background-image: url('../matter/brandXXXI.jpg'); }
	.brandXXXII 	{ background-image: url('../matter/brandXXXII.jpg'); }
	.brandXXXIII 	{ background-image: url('../matter/brandXXXIII.jpg'); }
	.brandXXXIV 	{ background-image: url('../matter/brandXXXIV.jpg'); }
	.brandXXXV 		{ background-image: url('../matter/brandXXXV.jpg'); }
	.brandXXXVI 	{ background-image: url('../matter/brandXXXVI.jpg'); }

	/* Slider III */
	.brandXXXVII 	{ background-image: url('../matter/brandXXXVII.jpg'); }
	.brandXXXVIII	{ background-image: url('../matter/brandXXXVIII.jpg'); }
	/* ==============
			PRODUCTS *ends*
		============== */

	/* ==============
			FORM *starts*
		============== */

	.theForm {
		padding: 4% 12%;
	}

	.inputBox {
		padding: 2.4%;
	}

	.anInput {
		padding: .4% .8%;
		border: 0;

		border-radius: .825rem;
	}

	.morePadd {
		padding-left: 24%;
		padding-right: 24%;
	}

	/* ==============
			FORM *ends*
		============== */

	/* ==============
			MENU *starts*
		============== */

	/* === Desktop Menu */
	.logoIn {
		padding: .8%;

		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;

		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}

	.flowtech {
		top: 0;
		left: 0;
	}

	.bar {
		top: 0;
	}

	.text-menu {
		line-height: 2.4;
		text-transform: uppercase;
		letter-spacing: 0.064rem;
		font-weight: bold;
	}

	/* ==============
			MENU *ends*
		============== */

	/* Slider Stuff ... */
	.toTheNextSlide {
		bottom: 36% !important;
		right: 56% !important;
	}

	.toThePrevSlide {
		bottom: 52% !important;
		right: 56% !important;
		left: initial !important;
	}

	/* Last stuff */
	.phoneCover,
	.mailCover {
		border-radius: .525rem;
	}

	.phoneCover {
		left: 12%;
	}

	.mailCover {
		right: 12%;
	}

	/* The Dots */
	.dots {
		right: 2.4%;
		width: 1vw;
		height: 1vw;
		opacity: 0.24;

		border-radius: 50%;
	}

	.dots.activeDot {
		opacity: .99;
	}

	.doubleSize {
		height: 100% !important;
	}

	.doubleSize .halfOne {
		padding: 0;
	}

	.half-I,
	.half-II,
	.half-III,
	.half-IV,
	.half-V,
	.half-VI {
		padding: 0;
	}

	.suppText {
		left: 4%;
		bottom: 4%;
	}

	#three .right-arrow {
		bottom: 3.125%;
		right: 3.125%;
	}

	#three .left-arrow {
		bottom: 3.125%;
		left: 3.125%;
	}

	.dotOne 	{ bottom: 72%; }
	.dotTwo 	{ bottom: 68%; }
	.dotThree 	{ bottom: 64%; }
	.dotFour 	{ bottom: 60%; }
	.dotFive 	{ bottom: 56%; }
	.dotSix 	{ bottom: 52%; }

	/* Slide Show*/
	.pumpI 			{ background-image: url('../matter/blue-pump.png'); }
	.pumpII 		{ background-image: url('../matter/zp-pump.jpg'); }
	.pumpIII 		{ background-image: url('../matter/pump-III.jpg'); }
	.pumpIV 		{ background-image: url('../matter/pump-IV.jpg'); }
	.pumpV 			{ background-image: url('../matter/pump-V.jpg'); }
	.pumpVI 		{ background-image: url('../matter/pump-VI.jpg'); }

	/*  */
	.down-arrow		{ background-image: url('../matter/down-arrow-lb.svg'); }
	.right-arrow	{ background-image: url('../matter/right-arrow-lb.svg'); }
	.left-arrow		{ background-image: url('../matter/left-arrow-lb.svg'); }
	.noWater-tank	{ background-image: url('../matter/empty-water-tank.png'); }
	.water-tank		{ background-image: url('../matter/full-water-tank.png'); }
	.wrong-choiceI	{ background-image: url('../matter/wrong-I.png'); }
	.wrong-choiceII	{ background-image: url('../matter/wrong-II.png'); }

	/* Icons */
	.chemist		{ background-image: url('../matter/chemis.svg'); }
	.metal			{ background-image: url('../matter/mech-metal.svg'); }
	.foody			{ background-image: url('../matter/foody.svg'); }
	.cosmetics		{ background-image: url('../matter/consmetics.svg'); }
	.waterT			{ background-image: url('../matter/water-treats.svg'); }
	.home			{ background-image: url('../matter/home.svg'); }

	.mail-next		{ background-image: url('../matter/mail-lb.svg'); }
	.phone-next		{ background-image: url('../matter/phone-circle.svg'); }

	/* New Icons for services*/
	.oneServe		{ background-image: url('../matter/oneServe.svg'); }
	.twoServe		{ background-image: url('../matter/twoServe.svg'); }
	.threeServe		{ background-image: url('../matter/threeServe.svg'); }

	/* Logos */

	/* === Flowtech */
	.flowtech 		{ background-image: url('../matter/flowlogo.jpg'); }

	/* === Other Brands */
	/* half I */
	.graco			{ background-image: url('../matter/graco.png'); }
	.durcomex		{ background-image: url('../matter/durcomex.jpg'); }
	.viking			{ background-image: url('../matter/vikingp.jpg'); }
	.pfc			{ background-image: url('../matter/pfc.jpg'); }
	.sandp			{ background-image: url('../matter/sandp.jpg'); }
	.alfala			{ background-image: url('../matter/alfala.png'); }

	/* half II */
	.pedro			{ background-image: url('../matter/pedro.jpg'); }
	.roper			{ background-image: url('../matter/roper.png'); }
	.dpumps			{ background-image: url('../matter/dpumps.png'); }
	.fpl				{ background-image: url('../matter/fpl.jpg'); }
	.goulds			{ background-image: url('../matter/goulds.jpg'); }
	.grundfos		{ background-image: url('../matter/grundfos.jpg'); }

	/* half III */
	.gusher			{ background-image: url('../matter/gusher.png'); }
	.aquflow			{ background-image: url('../matter/aquflow.png'); }
	.qpumps			{ background-image: url('../matter/qpumps.jpg'); }
	.versa			{ background-image: url('../matter/versa.jpg'); }
	.ir-aro			{ background-image: url('../matter/ir-aro.png'); }
	.smt			{ background-image: url('../matter/smt.jpg'); }

	/* half IV */
	.blacoh			{ background-image: url('../matter/blacoh.jpg'); }
	.fti			{ background-image: url('../matter/fti.jpg'); }
	.etatron		{ background-image: url('../matter/etatron.png'); }
	.lmi				{ background-image: url('../matter/lmi.jpg'); }
	.nomad			{ background-image: url('../matter/nomad.png'); }
	.sentinel		{ background-image: url('../matter/sentinel.jpg'); }

	/* half V */
	.sihi			{ background-image: url('../matter/sihi.jpg'); }
	.tabla			{ background-image: url('../matter/tabla.png'); }
	.vhpump			{ background-image: url('../matter/vhpump.jpg'); }
	.spx			{ background-image: url('../matter/spx.png'); }
	.wilden			{ background-image: url('../matter/wilden.jpg'); }
	.worthline		{ background-image: url('../matter/worthline.gif'); }

	/* half VI */
	.wrightflow		{ background-image: url('../matter/wrightflow.png'); }
	.yamada			{ background-image: url('../matter/yamada.png'); }
	.zoeller			{ background-image: url('../matter/zoeller.png'); }

	.noBrDevice br {
		display: block;
	}

	#okewa {

		display: none !important;

	}

}

@media screen and (min-width: 1279px) {

	.top-text {
		font-size: 20px; /* Modify this */
		letter-spacing: .09rem;
	}

}

@media screen and (min-width: 1365px) {

	.top-text {
		font-size: 24px; /* Modify this */
		letter-spacing: .09rem;
	}
}

@media screen and (min-width: 1439px) {

	/* ==============
			HOME *starts*
		============== */

	.top-text {
		font-size: 28px;
		letter-spacing: .09rem;
	}

	/* ==============
			HOME *ends*
		============== */

}

@media screen and (min-width: 1679px) {}

@media screen and (min-width: 1919px) {}