/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 2, 2015 */



@font-face {
    font-family: 'source_sans_proextralight';
    src: url('../fonts/SourceSansPro-ExtraLight-webfont.eot');
    src: url('../fonts/SourceSansPro-ExtraLight-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-ExtraLight-webfont.html') format('woff2'),
         url('../fonts/SourceSansPro-ExtraLight-webfont-2.html') format('woff'),
         url('../fonts/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-ExtraLight-webfont-3.html#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/SourceSansPro-Light-webfont.eot');
    src: url('../fonts/SourceSansPro-Light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Light-webfont.html') format('woff2'),
         url('../fonts/SourceSansPro-Light-webfont-2.html') format('woff'),
         url('../fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Light-webfont-3.html#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/SourceSansPro-Regular-webfont.eot');
    src: url('../fonts/SourceSansPro-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular-webfont.html') format('woff2'),
         url('../fonts/SourceSansPro-Regular-webfont-2.html') format('woff'),
         url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular-webfont-3.html#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('../fonts/SourceSansPro-Semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Semibold-webfont.html') format('woff2'),
         url('../fonts/SourceSansPro-Semibold-webfont-2.html') format('woff'),
         url('../fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Semibold-webfont-3.html#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	    font-family: 'source_sans_prolight';
	    overflow-x:hidden;
	    background:#fff;
	    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;


}

.mobile-pop{ display:none;}

.drkbg
{
	background:#000;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

}
.clear
{
	clear:both;
}
.nopadding {
    padding: 0;
}
.nomargin {
    margin: 0;
}


.preloader
{
position:fixed;
height:100%;
background:#000;
width:100%;
z-index:90;
opacity:1;
}
.preloader img {
	position:absolute;
	top: 50%;
	left: 50%;
	width:50px;
	height:50px;
	margin-top: -25px; /*set to a negative number 1/2 of height*/
	margin-left: -25px; /*set to a negative number 1/2 of width*/
   	text-align: center;
}

.loadergif img
{
	display:block;
}
.loadergif
{
	width:50px;
	height:50px;
	top:50%;
	margin-top:-25px;
	left:50%;
	margin-left:-25px;

}

.po-face{ top:208px; right: 92px;}
.po-twitter{ top:208px; right:59px;}


.bluekat
{
min-height:900px;
width:100%;
	background:url(../images/bluekat.jpg) no-repeat 50% 150%;
	position:fixed;
	z-index:70;
	opacity:0;
}
.katwrapper
{
	width:1100px;
	margin:0 auto;
}
#mainsite { opacity:1; }
.introt1
{
	margin-top:210px;
	margin-left:100px;
}
.introt2
{
	margin-top:10px;
	margin-left:100px;
}
.introt3
{
	margin-top:10px;
}

#nav {
    z-index: 50;
    width: 100%;
    height: 60px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0;
    padding: 0;
    padding-top: 12px;
}
.mainbanner {
    height: 500px;
    width: 100%;
    background: url(../images/banner.jpg) no-repeat 50% 50%;
}
.contentarea {
    max-width: 1280px;
    margin: 0 auto;
    
}
.contentarea img {
    width: 100%;
}
.contentarea .colblock {
position:relative;
border:5px solid #fff;
    /* width:310px;
    height: 321px;*/
    min-height: 321px;
    margin: 0;
    padding: 0;
    /* padding: 10px 5px 0px 5px; */
    overflow:hidden;
   -webkit-transition: all 0.3s ease-in-out ;
  -moz-transition: all 0.3s ease-in-out ;
  -o-transition: all 0.3s ease-in-out ;
  transition: all 0.3s ease-in-out ;
}


.contentarea .colblock2 {
position:relative;
    /* width:310px;
    height: 321px;*/
    min-height: 194px;
    margin: 0;
    padding: 0;
    /* padding: 10px 5px 0px 5px; */
    border-top: 10px solid #ffffff;
  border-left: 10px solid #fff;
  overflow:hidden;

}


.colormask
{
	position:absolute;
	width:0%;
	height:100%;
	
	z-index:40;
}

.colorange
{
	
}
.colgreen
{
	
}

.colgrey
{
	
}

.colblue
{
	
}
.whitemask
{
	position:absolute;
	width:100%;
	height:100%;
	
	z-index:30;
	opacity:1;

}
.contentarea .colblockhor {
    /* 	width:620px;
    height: 321px;*/
}
.contentarea .colblockver {
    height: 642px;
}
#cb1 {
    background: url(../images/elite.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb2 {
    background: url(../images/panels.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb3 {
    background: url(../images/bath.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb4 {
    background: url(../images/multifunction.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb5 {
    background: url(../images/we_provide.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb6 {
background: url(../images/wash.jpg) no-repeat 50% 50%;

    background-size: cover;
}
#cb7 {
    background: url(../images/wall.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb8 {
    background: url(../images/single.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb9 {
    background: url(../images/sanitaryare.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb10 {
    background: url(../images/allied.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb11 {
    background: url(../images/download_cat.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb12 {
    background: url(../images/news.jpg) no-repeat 50% 50%;

}
#cb13 {
    background: url(../images/know.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#cb14 {
    background: url(../images/contact.jpg) no-repeat 50% 50%;

}

#cb15 {
    background: url(../images/multifunctionbt.jpg) no-repeat 50% 50%;
    background-size: cover;
}

#cb16 {
    background: url(../images/vanitybasins.jpg) no-repeat 50% 50%;
    background-size: cover;
}

#cb17 {
    background: url(../images/rainshowers.jpg) no-repeat 50% 50%;
    background-size: cover;
}


#btiles
{
background:#eeeeee;
	padding-top:50px;
padding-bottom:50px;
	text-align:center;
	margin-top:70px;
}
#btiles img {
   margin-bottom:10px;
}

#footer
{

	margin-top:70px;
	text-align:center;

}

.slide
{
	width:1280px;
	margin:0 auto;
	position:relative;
	    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}
.slide .title1
{
	padding-top:130px;
	padding-left:840px;
}

.slide .title1 .cont
{
	height:40px;
	overflow:hidden;
}

.slide .title2 .cont
{
	height:63px;
	overflow:hidden;
}

.slide .title1 .cont img,.slide .title2 .cont img
{
	margin-left:0;
	margin-top:0;
}

.slide .title2
{
	padding-left:840px;
}
.slide .title3
{
	padding-left:840px;
	padding-top:15px;
}
.slide .feats
{
	padding-left:840px;
	padding-top:16px;

}
.slide .feat
{
	float:left;
	display:inline-block;
	margin-right:20px;
}

.slide .apps
{
	padding-left:840px;
	padding-top:16px;

}

.slide .apps a { display:inline-block; width:34%; }
.slide .apps a img { width:100%; }

.pointer1,.pointer2,.pointer3
{

	position:absolute;
	font-size:18px;
	min-height:100px;



}

.pointer1
{
  margin-top: 424px;
  margin-left: 250px;
  background:url(../images/circle2.png) no-repeat left top;
    padding-left: 82px;
  padding-top: 42px;

}


.pointer2
{
  margin-top: 304px;
  margin-left: 460px;
    padding-left: 80px;
  padding-top: 42px;
  background:url(../images/circle1.png) no-repeat left top;
  }


.pointer3
{
    margin-top: 224px;
  margin-left: 1066px;
    padding-left: 80px;
  padding-top: 42px;
  background:url(../images/circle1.png) no-repeat left top;
  }

  .p1text
  {   width: 196px;
  height: 55px;	padding:15px;
	background:rgba(0,0,0,0.5);
	border:1px dashed #fff;
	  box-shadow: 0 0 0 6px rgba(0,0,0,0.3);
	color:#fff;
	text-transform:uppercase;
  -webkit-border-radius: 125px;
  -moz-border-radius: 5px;
  border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
  -moz-transition: all 0.5s ease-in-out 0.5s;
  -o-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;

}
 .p2text
  {
  width: 150px;
  height: 55px;
   margin-top:-70px;
	padding:15px;
	background:rgba(0,0,0,0.5);
	border:1px dashed #fff;
	box-shadow: 0 0 0 6px rgba(0,0,0,0.3);

	color:#fff;
	text-transform:uppercase;
  -webkit-border-radius: 125px;
  -moz-border-radius: 5px;
  border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
  -moz-transition: all 0.5s ease-in-out 0.5s;
  -o-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
}

  .p3text
  {
    width: 100px;
  height: 55px;
  margin-top:-70px;
	padding:15px;
	background:rgba(0,0,0,0.5);
	border:1px dashed #fff;
	box-shadow: 0 0 0 6px rgba(0,0,0,0.3);

	color:#fff;
	text-transform:uppercase;
  -webkit-border-radius: 125px;
  -moz-border-radius: 5px;
  border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
  -moz-transition: all 0.5s ease-in-out 0.5s;
  -o-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;

}
.pointer1:hover .p1text,.pointer2:hover .p2text,.pointer3:hover .p3text
{
border:1px dashed #000;
width:250px;
height:150px;
color:#666;
background:rgba(255,255,255,0.9);
	  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}

.pointer1:hover .pdesc,.pointer2:hover .pdesc,.pointer3:hover .pdesc
{
opacity:1;

	  -webkit-transition: all 0.5s ease-in-out 0.5s;
  -moz-transition: all 0.5s ease-in-out 0.5s;
  -o-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
   padding-top:0px;
}



 .pdesc
 {
color:#666;
	font-size:14px;
	line-height:18px;
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out ;
  -moz-transition: all 0.5s ease-in-out ;
  -o-transition: all 0.5s ease-in-out ;
  transition: all 0.5s ease-in-out ;
   padding-top:10px;
   text-transform:none;

}

a.rm
{
background-color:#fff;

margin-top:10px;
	text-decoration:none;
	color:#ec7100;

	font-size:14px;
	display:inline-block;
	padding:5px;
	border:1px solid #ec7100;
	-webkit-transition: all 0.5s ease-in-out ;
  -moz-transition: all 0.5s ease-in-out ;
  -o-transition: all 0.5s ease-in-out ;
  transition: all 0.5s ease-in-out ;

}
a.rm:hover
{
background-color:#000;
color:#fff;

}
.footerlinks
{margin-top:70px;
background:#eeeeee;
	padding-top:50px;
}

.boxes_3
{
width:1280px;
left:50%;
margin-left:-640px;
	position:absolute;
	bottom:20px;
	text-align:center;

}

.bbox
{
  width: 401px;
  height: 184px;	padding:20px;
	float:left;
	margin-right:16px;
	text-align:left;
	background-size:100%;
}

#bbox1
{
	background:url(../images/bbox1.jpg) no-repeat right top;

	background-size:100%;
}
#bbox2
{
	background:url(../images/bbox2.jpg) no-repeat right top;
	background-size:100%;
}
#bbox3
{
	background:url(../images/bbox3.jpg) no-repeat right top;
	background-size:100%;
}

.sheen
{
	background:url(../images/sheen.png) no-repeat -610px center;
	position:absolute;
	z-index:70;
	width:100%;
	height:100%;
	-webkit-transition: all 0s ease-in-out ;
  -moz-transition: all 0s ease-in-out ;
  -o-transition: all 0s ease-in-out ;
  transition: all 0s ease-in-out ;

}

.colblock:hover .sheen
{
	background-position:610px center;
		-webkit-transition: all 0.6s ease-in-out ;
  -moz-transition: all 0.6s ease-in-out ;
  -o-transition: all 0.6s ease-in-out ;
  transition: all 0.6s ease-in-out ;

}


/* FILTER */
.filter {
  text-align: center;
	margin: 2em auto;
}

.filter a {
  text-align: center;
  padding: .7em 2em;
  margin: 0 0.3em;
  /*background: crimson;*/
  color:#000;
  font-size:18px;
  text-decoration: none;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:solid 1px #333;
}

.filter a.current { background: #333333; color:#FFF; }



.boxGroup {
  text-align:center;
}

/*.boxGroup div {
  width:250px;
  height:250px;
  display: inline-block;
}*/

.one {

}

.two {

}

.three {
}
/* FILTER */
.ex-container { background-color:transparent; border:none; }
.ex-container .caption { text-align:left; color:#7d7d7d;}
.ex-container .caption h3 { font-size:28px; margin-bottom:0px;font-size:28px;}
.ex-container .caption p { text-transform:uppercase; font-size:16px;font-family: 'source_sans_prosemibold'; }

.ex-thumb { position:relative; }

.ex-thumb img {-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

/* thumb-hover */
.zone-con { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.8); left:0px; top:0px; display:none;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.ex-pop-bt { position:absolute; bottom:0px; right:0px; cursor:pointer;}
.closed-bt { position:absolute; right:10px; top:10px; cursor:pointer; z-index:999;}
.address { text-align:left; font-family: 'source_sans_prosemibold'; color:#FFF; padding-top:74px; padding-left:10px;}
.address h2 { margin:0px; margin-bottom:15px; text-transform:uppercase; font-size:18px; border-bottom:solid 1px #FFF; display:inline-block;}
.address p { font-size:15px; }

.quick-links { background-color:rgba(216,57,57,0.8); width:100%; padding:20px 15px; text-align:left; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;margin-top: 52px;}
.quick-links ul { margin:0px; padding:0px; list-style-type:none;}
.quick-links ul li { background-image:url(../images/white-arrow.png); background-repeat:no-repeat; background-position:98% 14px;}
.quick-links ul li a {font-size:16px; display:block; border-bottom:solid 1px #FFF; color:#FFF; padding:11px 0px; padding-left: 48px; text-transform:uppercase;font-family: 'source_sans_prosemibold'; line-height: 15px;}
.quick-links ul li:hover { background-color:#ce3131; }
.quick-links ul li a span { display:block; text-transform:none; font-size:12px;font-family: 'source_sans_prolight';}

.gallery-icon,.walk-icon,.sms-icon,.email-icon { background-image:url(../images/gallery-icon.png); background-repeat:no-repeat; background-position:5px 8px;}
.walk-icon { background-image:url(../images/walk-icon.png);}
.sms-icon { background-image:url(../images/sms-icon.png);}
.email-icon { background-image:url(../images/email-icon.png);}

.ex-gllery-images { display:none; }
.sms-email { min-height:450px; background-color:#e83838; }
.sms-big-icon,.email-big-icon { background-image:url(../images/sms.jpg); background-repeat:no-repeat; background-position:center center; }
.email-big-icon { background-image:url(../images/email.jpg);}

.fancybox-pop { text-align:left; color:#7d7d7d; padding:20px;}
.fancybox-pop h3 { font-size:28px; margin-bottom:0px;font-size:28px;}
.fancybox-pop p { text-transform:uppercase; font-size:16px;font-family: 'source_sans_prosemibold'; border-bottom:solid 1px #e4e4e4;}
.fancybox-pop h4 { color:#e83838; text-transform:uppercase; font-size:18px; font-family: 'source_sans_prosemibold';}
.fancybox-pop ul { margin:0px; padding:0px; list-style-type:none; margin-bottom:10px;}
.fancybox-pop ul li { background-image:url(../images/check.jpg); background-repeat:no-repeat; background-position:left 3px; padding-left:20px; font-size:14px; color:#7d7d7d; margin-bottom:1px;}

.submit-bt2 { width:auto !important; display:inline-block; background-color:#363636; color:#FFF; }

p.note { font-size:12px; text-transform:none; margin-top:15px;}
.phone { margin-bottom:12px; }
.phone,.dealer_email {color: #FFF;
    font-size: 16px;
    text-align: left;
    padding-left: 27px;
    font-family: 'source_sans_prosemibold';word-wrap: break-word; background-image:url(../images/phone-icon2.png); background-repeat:no-repeat; background-position:left top;}
	.dealer_email { background-image:url(../images/email-icon2.png); }

	a.exbt { font-size:18px; margin-left:13px; color:#e83838; border:solid 1px #e83838; padding:8px 8px; display:inline-block;}


/**/




/*app style start*/
.red-ramp-main-wrp2{ width:100%; position:relative;}

.red-ramp-inner-wrp2{ width:100%; height:150px; position:relative; background-image:url(../images/app-bg-new.jpg); background-repeat:no-repeat; background-position:center center; background-color:#e0e0e0; -moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; overflow-y:hidden}

.cover-red-ramp2{ width:100%; height:150px; z-index:1; background-image:url(../images/gradient.jpg); background-repeat:repeat-y; background-size:100%; position:absolute; top:0px; left:0px; -moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}

.container-900-red-ramp{ width:770px; margin:0 auto; z-index:10; position:relative;}

.container-900-red-ramp2{ width:900px; margin:0 auto; z-index:10; position:relative;}

.red-ramp-title-wrp2{     width: 100%;
padding: 25px 0px;}

.red-ramp-title-left2{ width:70%; float:left;}
.red-ramp-right-wrp2{ width:30%; float:right; margin-top:12px;}
.red-ramp-title-left2 p{ font-size: 30px;
font-weight: 300;
color: #fff;
line-height: 33px;
margin: 0px;
width:50%; float:left;}

.red-ramp-right-wrp2 a {
    border: 1px solid #FFF;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
   /* background-color: #f01010;*/
    float: right;
    margin: 10px 0px 0px 0px;
    display: inline-block;
    width: 225px;
    text-align: center;
    text-decoration: none;
}

.big-height2 { height:730px;}
.big-height2 .cover-red-ramp2{ height:730px;}
.big-height2 .cover-red-ramp2{ background-color:rgba(0,0,0,0.5)}
.big-height2 .red-ramp-bottom-wrp2{ border-top: 1px solid rgba(255, 255, 255, 0.4);
padding-top: 30px;}

.google-market-wrp {
    width: 46%;
    float: left;
    color: #fff;
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    font-weight: 700;
}

a.g-play {
    padding: 0px !important;
    border: none !important;
    color: #fff;
    text-transform: uppercase;
    float: left;
    margin: 0px 5px 0px 0px !important;
    display: inline-block !important;
    text-align: center;
    text-decoration: none !important;
}
.rr-bottom-left-wrp2 h2.feature-title {font-size:36px; font-family: 'source_sans_prosemibold'; margin:0px; text-align:center; color:#FFF; background-image:url(../images/white-line.jpg); background-repeat:no-repeat; background-position:bottom center; padding-bottom:7px;margin-bottom: 11px;}

.mobile-app-feature ul { margin:0px; padding:0px; list-style-type:none; }
.mobile-app-feature ul li { color:#FFF; }
.mobile-app-feature ul li h2 { font-size:23px; font-family: 'source_sans_prosemibold'; text-align:left; }
.mobile-app-feature ul li p { font-size:16px;}
.mobile-img { margin-top: 17px; text-align:center; }