/*New Launch new start*/
/* rimless box */
.rimlessbanner { width:100%; height:100vh; position:relative; margin:0; padding:0;}
.rimlesscntr { width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/tap-gif.gif) center top no-repeat; background-size:cover;}
.rimlesscntr .txt-box5 {width:565px; height:130px; position:absolute; right:50px; top:0; bottom:0; margin:auto; background: rgba(0,0,0,0.5); padding:15px;}
.rimlesscntr .txt-box5 h1, .rimlesscntr .txt-box5 h2 {font-size:40px; color:#fff; text-align:center; text-transform:capitalize;line-height: 50px; width:100%; height:auto; margin-top:20px;}
.rimlesscntr .txt-box5 h2 span, .rimlesscntr .txt-box5 h2 img{display:inline;}
.rimlesscntr .txt-box5 h1 div { float:left;}
.rimlesscntr .txt-box5 h1 div:first-child {margin-left: 220px;}
.rimlesscntr .txt-box5 h1 img { float:left;margin-top:8px;margin-left: 20px;}
.rimlesscntr .txt-box5 h3 { font-family: 'latolight'; font-size:30px; font-weight:bold; color:#ffffff; text-align:center; margin:13px 0;text-transform:uppercase}
.rimlesscntr .txt-box5 h4 { font-family: 'latolight'; font-size:24px; font-weight:normal; color:#ffffff; text-align:center; margin:16px 0;}
.rimlesscntr .txt-box5 h5 { font-family: 'latolight'; font-size:24px; font-weight:normal; color:#ffffff; text-align:center; margin:13px 0; font-weight:bold;}
.rimlesscntr .txt-box5 h6 { margin:0 auto; width:185px;}


.innovationbanner { width:100%; position:relative; margin:0; padding:0;}
.innovationscntr { width:100%; height:94vh; margin:0; padding:0; position:relative; overflow:hidden; /*background:url(../images/innovationsbanner.jpg) center top no-repeat; background-size:cover;*/}
.innovationscntr img { width:100%; height:100vh;}
.innovationscntr .txt-box5-new {position:absolute; top:215px; width:90%; left:5%; height:auto; display:none;}
.innovationscntr .txt-box5-new h5 { font-family: 'latoregular'; font-size:17px; color:#fff; text-align:center; text-transform:capitalize;line-height:25px;}

.innovationscntr .txt-box5-new .line { width:60px; margin:0 auto; border-bottom:#ffffff solid 1px; padding-bottom:7px; float:none;}
.innovationscntr h2 { position:absolute; left:0px; bottom:100px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.innovationscntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
 

.rimlessBox { width: 100%; float:left; margin-bottom:20px; margin-top:20px; }
.rimlessBox h3 { color: #000;font-family: "latolight";font-size: 35px;font-weight: normal; text-align:center;display: block;width:440px;margin: 0 auto;}
.rimlessBox h3::before {content: '';width: 67px;height: 2px;background: #000;display: block;float: left;margin-top: 23px;}
.rimlessBox h3::after {content: '';width: 67px;height: 2px;background: #000;display: block;float: right;margin-top: 23px;}
.rimlessBox .innovationBox{ width: 97%; float:left; position:relative; }
.rimlessBox .innovationBox .innovation_left{ width: 451px; height:333px; position:absolute; left:0; top:20px;}
.rimlessBox .innovationBox .innovation_left img{ width:100%; height:333px;}
.rimlessBox .innovationBox .innovation_right{ width: 732px; float:right; border:#cecece solid 2px; padding-left:100px; padding-top:20px; padding-bottom:20px; padding-right:50px; }
.rimlessBox .innovationBox .innovation_right h4 { margin:10px 0; color:#444444 !important; font-family: "latoregular"; font-size:27px; font-weight: normal;  text-align: left; text-transform: uppercase;}
.rimlessBox .innovationBox .innovation_right p { color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; margin: 20px 0; text-align: justify;}
.rimlessBox .innovationBox .innovation_right .line { border-bottom: 2px solid #444444; float: left; margin-left: -25px; width: 65px; margin-bottom:0px;}

.rimlessBox .elementBox {margin: 40px auto;  width: 92%;}
.rimlessBox .elementDiv{ width: 884px; margin:0 auto 30px; position:relative;}
.rimlessBox .elementDiv .divider{ width:65px; height:2px; background:#000; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top:173px; z-index:999;}
.rimlessBox .elementDiv .divider-bottom{ width:65px; height:2px; background:#000; height: 2px; left: 0; margin: auto; position: absolute; right: 50px; top:185px; z-index:999;}
.rimlessBox .elementBox .elementDiv .element_left{ margin-top:0px; margin-left:13px; margin-right:13px; height:308px;   width:340px; float:left; background:url(../images/divider-new.jpg) no-repeat; padding:60px 30px 0}

.rimlessBox .elementBox .elementDiv .element_left_innovation {margin-top:0px; margin-left:13px; margin-right:13px; height:268px;   width:340px; float:left; background:url(../images/divider-new.jpg) no-repeat; padding:100px 30px 0; text-transform:uppercase; position:relative;}

.rimlessBox .elementBox .elementDiv .element_left_innovation .smallDiv{ position:absolute; bottom:0; right:0;}
.rimlessBox .elementBox .elementDiv .element_left_innovation .smallDiv2{ position:absolute; bottom:30px; left:-12px;}

.rimlessBox .elementBox .elementDiv .element_left_innovation p {font-family: "latoregular"; font-size:25px; font-weight: normal;  text-align:center; color:#000000; line-height:35px;}
.rimlessBox .elementBox .elementDiv .element_left_innovation p span { font-weight:bold; font-size:27px;}
.rimlessBox .elementBox .elementDiv .element_left a { float:right; margin:5px 10px 0 0;}

.rimlessBox .elementBox .elementDiv .element_left p {font-family: "latoregular"; font-size:18px; font-weight: normal;  text-align:center; color:#000000; line-height:30px;}
.rimlessBox .elementBox .elementDiv .element_left p span { font-weight:bold; font-size:17px;}

.rimlessBox .elementBox .elementDiv .element_left h3 {  margin:10px 0; color: #00b09c !important; font-family: "latoregular"; font-size:27px; font-weight: normal;  text-align: left; text-transform: uppercase;}
.rimlessBox .elementBox .elementDiv .element_left h5 {  margin:10px 0; color: #ea6099 !important; font-family: "latoregular"; font-size:27px; font-weight: normal;  text-align: left; text-transform: uppercase;}
.rimlessBox .elementBox .elementDiv .element_left h4 {  margin:18px 0; color: #000 !important; font-family: "latoregular"; font-size:20px; font-weight: bold;  text-align: left; }


.rimlessBox .elementBox .elementDiv .element_left ul{ list-style:none;}
.rimlessBox .elementBox .elementDiv .element_left li{ line-height:normal; font-family: "latoregular"; font-size:15px; line-height:28px; width:420px;}
.rimlessBox .elementBox .elementDiv .element_left li .one{ width:100px; float:left;}
.rimlessBox .elementBox .elementDiv .element_left li .two{ width:280px; float:right;}


.rimlessBox .elementBox .elementDiv .element_right{ width:430px; height:340px; float:left; margin-left:0; /*background:url(../images/quarda-pro-img.jpg) left top no-repeat;*/ background-size:100% 100%; position:relative;}
.rimlessBox .elementBox .elementDiv .element_right img { margin:0px auto 0;}
.rimlessbgnone { background-image:none !important;}
.show-qr { opacity:1;}
.hide-qr { opacity:0; position:absolute; top:30%; left:0; right:0; margin:auto; width:0;}
.rimlessBox .elementBox .elementDiv .element_right:hover .show-qr { opacity:0; transform: scale(0);  -webkit-transform: scale(0);}
.rimlessBox .elementBox .elementDiv .element_right:hover .hide-qr { opacity:1; transform: rotateY(360deg); -webkit-transform:rotateY(360deg); width:324px; top:10px;}

.videocntr { width:100%; height:auto; margin:50px 0 0 0; padding:0; position:relative; float:left}
.videocntr img{ width:100%; height:auto; display:block;}



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

.rimlessBox .elementBox .elementDiv .element_right2{ width:430px; height:340px; float:left; margin-left:0; background:url(../images/Innovations-bg.jpg) left top no-repeat; background-size:100% 100%; position:relative;}
.rimlessBox .elementBox .elementDiv .element_right2 img { margin:0px auto 0;}

#newsticker-demo17 {  margin: 6% 10% 0;   width: auto !important; position:relative}


.newsticker-demo-arrows17 { bottom: 25px; left: 25px; position: absolute; z-index: 999;}
.previous17 { cursor: pointer;  float: left;  outline: medium none;  text-align: left;}
.next17 {  cursor: pointer;  float: right;  outline: medium none;  text-align: right;}






/* ### washbasinscntr container Banner ### */
.washbasinscntr { max-width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/washbasins-banner-new.jpg) center top no-repeat; background-size:100% 100%;}


 
 
 
 /* ### categories container Banner ### */
.categorycntr { max-width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/product-category.jpg) center top no-repeat; background-size:cover;}
.categorycntr .txt-box { width:610px;height:auto; position:absolute; left:0; right:0; top:175px; margin:auto; padding:15px; background: rgba(0,0,0,0.6); box-sizing:border-box !important;}
.categorycntr .txt-box h2 {font-family: 'latoregular';font-size:42px;color: #fff;text-align: center;text-transform:capitalize; width:100%; visibility:visible;}
.categorycntr .txt-box h3 { font-family: 'latoregular'; font-size:24px; font-weight:normal; color:#000; text-align:center; margin:15px 0 0;}
.categorycntr .txt-box .line { width:135px; border-bottom:#fff solid 1px; padding-bottom:15px;margin: 0 auto;}

 
 

 
 
 
 
 
  
 /* ### categories container Banner ### */
.faucetscntr { width:100%; height:480px; margin:0; padding:0; position:relative; background:url(../images/Faucets.jpg) center top no-repeat; background-size:cover;}
.faucetscntr .txt-box { width:100%; height:140px; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
.faucetscntr .txt-box h1 { font-family: 'latoregular'; font-size:51px; color:#000; text-align:center;}
.faucetscntr .txt-box h3 { font-family: 'latoregular'; font-size:24px; font-weight:normal; color:#000; text-align:center; margin:20px 0;}
.faucetscntr .txt-box .line { width:135px; margin:0 auto; border-bottom:#000 solid 1px; padding-bottom:15px;}
.faucetscntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.faucetscntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
 
 
  
.nilecntr { max-width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/nile-banner-new.jpg) right top no-repeat; background-size:100% 100%;}
.nilecntr .txt-box{position:absolute;  bottom:110px; right:2%; width:550px; padding:15px; margin:auto; background: rgba(0,0,0,0.5);}
.nilecntr .txt-box h5{font-size:35px; line-height:40px; font-family: 'latoregular'; text-align:center; color:#FFF; }
.nilecntr .txt-box .line { width:135px; margin:10px auto; border-bottom:#FFF solid 1px;}
.nilecntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.nilecntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}


.Fluidcntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/Fluid-banner-new.jpg) right top no-repeat; background-size:100% 100%;}
.Fluidcntr .txt-box{position:absolute; top:0; bottom:0; left:15%; width:180px; padding:15px; height:48px; margin:auto; background: rgba(0,0,0,0.5);}
.Fluidcntr .txt-box h5{font-size:35px; line-height:40px; font-family: 'latoregular'; text-align:center; color:#FFF; text-transform:uppercase;}
.Fluidcntr .txt-box .line { width:135px; margin:10px auto; border-bottom:#FFF solid 1px;}
.Fluidcntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.Fluidcntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}



.coracntr { max-width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/cora-banner.jpg) right top no-repeat; background-size:100% 100%;}
.coracntr .txt-box{position:absolute; top:0; bottom:0; left:15%; width:180px; padding:15px; height:48px; margin:auto; background: rgba(0,0,0,0.5);}
.coracntr .txt-box h5{font-size:35px; line-height:40px; font-family: 'latoregular'; text-align:center; color:#FFF; text-transform:uppercase;}
.coracntr .txt-box .line { width:135px; margin:10px auto; border-bottom:#FFF solid 1px;}
.coracntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.coracntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}


.monroecntr { max-width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/monroe-banner-new.jpg) right top no-repeat; background-size:100% 100%;}
.monroecntr .txt-box{position:absolute; top:0; bottom:0; left:15%; width:180px; padding:15px; height:48px; margin:auto; background: rgba(0,0,0,0.5);}
.monroecntr .txt-box h5{font-size:35px; line-height:40px; font-family: 'latoregular'; text-align:center; color:#FFF; text-transform:uppercase;}
.monroecntr .txt-box .line { width:135px; margin:10px auto; border-bottom:#FFF solid 1px;}
.monroecntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.monroecntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}



.kidscntr { max-width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/poncho-banner2.jpg) right top no-repeat; background-size:100% 100%;}
.kidscntr .txt-box{width: 350px;height: 95px;position: absolute;left: 0;bottom: 0;top: 0;right: 0;margin: auto;background: rgba(0,0,0,0.5);padding: 10px;}
.kidscntr .txt-box h5, .kidscntr .txt-box h2{font-size:35px; line-height:45px; font-family: 'latoregular'; text-align:center; color:#FFF; width:100%; top:0;}
.kidscntr .txt-box .line { width:135px; margin:10px auto; border-bottom:#FFF solid 1px;}


.oroscntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/oros-banner-new.jpg) right top no-repeat; background-size:100% 100%;}

.oroscntr .txt-box{position:absolute; top:0; bottom:0; left:15%; width:220px; padding:15px; height:48px; margin:auto; background: rgba(0,0,0,0.5);}
.oroscntr .txt-box h5{font-size:35px; line-height:40px; font-family: 'latoregular'; text-align:center; color:#FFF; text-transform:uppercase;}
.oroscntr .txt-box .line { width:65px; margin:10px auto; border-bottom:#FFF solid 1px;}


.oroscntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.oroscntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}


.atlanta-homecntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/atlanta-banner-new.jpg) right top no-repeat; background-size:100% 100%;}
.atlanta-homecntr .txt-box{position:absolute; top:0; bottom:0; left:15%; width:250px; padding:15px; height:48px; margin:auto; background: rgba(0,0,0,0.5);}
.atlanta-homecntr .txt-box h5{font-size:35px; line-height:40px; font-family: 'latoregular'; text-align:center; color:#FFF; text-transform:uppercase;}
.atlanta-homecntr .txt-box .line { width:135px; margin:10px auto; border-bottom:#FFF solid 1px;}
.atlanta-homecntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.atlanta-homecntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}


 
 
 /* ### categories container Banner ### */
.italianbanner { width:100%; height:570px; position:relative; margin:0; padding:0;}
.italiancntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/products-banner2-new.jpg) right top no-repeat; background-size:100% 100%;}

.italiancntr .txt-box{position:absolute; top:10%; width:430px; padding:20px; height:190px; margin:auto;left:0; right: 0; background: rgba(0,0,0,0.5);}
.italiancntr .txt-box img{ width:248px !important;margin: 0 auto; margin-bottom:25px;}
.italiancntr .txt-box h5{font-size:35px; line-height:40px; font-family: 'latoregular'; text-align:center; color:#FFF;}

.italiancntr .txt-box .line { width:135px; margin:20px auto; border-bottom:#FFF solid 1px;}
.italiancntr h2 { position:absolute; left:0px; bottom:50px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.italiancntr h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}

.mrg-top-collection { margin-top:20px;}
.mrg-top-collection-star { margin-top:90px;}
.collectioncntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/products-banner3-final.jpg) right top no-repeat; background-size:cover;}

.collectioncntr .txt-box .line { width:120px; margin:0 auto; border-bottom:2px solid #fff; margin-top:15px;} 


.collectioncntr .txt-box {position:absolute; top:12%; width:525px; height:auto; margin:auto; right:0; left:0; background: rgba(0,0,0,0.5); padding:20px; }
.collectioncntr .txt-box img{ width:151px !important;margin: 0 auto; margin-bottom:10px; height:32px !important;}
.collectioncntr .txt-box h5{font-size:40px; line-height:50px; font-family: 'latoregular'; text-align:center; text-transform:capitalize; color:#FFF;}




.collectioncntr h2 { position:absolute; left:0px; bottom:60px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.collectioncntr h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;
}


.artcntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/products-banner4-new.jpg) right top no-repeat; background-size:cover;}
.artcntr .txt-box {position:absolute; top:10%; width:550px; height:auto; margin:auto; right:0; left:0; background: rgba(0,0,0,0.5); padding:20px;}
.artcntr .txt-box img{ width:227px !important;margin: 0 auto; margin-bottom:25px;}
.artcntr .txt-box h5{font-size:40px; line-height:50px; font-family: 'latoregular'; text-align:center; text-transform:capitalize; color:#fff;}
.artcntr .txt-box .line { width:175px; margin:0 auto; border-bottom:2px solid #fff; margin-top:10px;}


.artcntr h2 { position:absolute; left:0px; bottom:60px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.artcntr h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;
	
}

/* ### categories container ### */
.categoryBox { width: 100%; float:left; margin-top:0px; }
.categoryBox .left_category{width: 529px; float:left;}
.categoryBox .left_category h1 { color: #ef3e43; font-family: 'latoregular'; font-size: 30px; font-weight: normal; margin: 20px 0; text-align: left; text-transform:uppercase;}
.categoryBox .left_category h2 { color: #ef3e43; font-family: 'latoregular'; font-size: 30px; font-weight: normal; margin: 20px 0; text-align: left; text-transform:uppercase;}
.categoryBox .left_category .line { border-bottom: 2px solid #ef3e43; float: left; margin-left: -25px; width: 70px;}
.categoryBox .right_category{ width:485px; float:right;}
.categoryBox .right_category ul{ list-style:none;}
.categoryBox .right_category li{ line-height:36px; display:inline-block;  width:140px;  margin-right:10px;}
.categoryBox .right_category li a{color: #000; font-family: 'latoregular'; font-size: 15px; text-decoration:none; border:#000 solid 1px; text-align:center; display:block;}
.categoryBox .right_category li a:hover{ background:#d32f2f; border:#d32f2f solid 1px; color:#ffffff;}

/* ### product Box ### */
.productBox { width: 100%; float:left; margin:10px 0; }
.productBox .left_product{width: 315px; float:left; margin-bottom:30px;margin-top: 30px;}
.productBox .filter-contain { width:100%; height:41px; background-color:#F00; position:relative; margin-bottom:10px; display:none;}
.productBox .filter-contain h4 {line-height:41px; background:#e14b4c; font-size:20px; color: #fff; font-family: "latoregular"; text-transform:uppercase; padding-left:20px;} 
.productBox .all-filter { width:100%; float:left; display:block;}


.productBox .left_product .by_category{ width:100%; float:left; margin-bottom:10px;}
.productBox .left_product .by_category h2{ line-height:41px; background:#ef3e43; font-size:20px; color: #fff; font-family: "latolight"; text-transform:uppercase; padding-left:20px; position:relative;}
.productBox .left_product .healthBox{ width:100%; float:left; margin-top:20px; height:41px; margin-bottom:20px; }
.productBox .left_product .healthBox a{ height:43px; line-height:41px; background:#ef2932; text-align:left;font-size:20px; text-transform:uppercase; font-weight:bold; padding-left:15px; color: #ffffff; font-family: "latolight";display:block}
.productBox .left_product .healthBox a:hover{ background:#000;}
.productBox .left_product fieldset { border: 0; width: 100%; overflow: hidden; }
.productBox .left_product input.field { float: right; margin: 0; }
.productBox .left_product ul { margin-bottom: 0; overflow: hidden; margin-top: 21px; }
.productBox .left_product li { font-size: 14px;  font-family: "latolight";  margin-bottom:10px; }
.productBox .left_product li:first-child { margin-left: 0; }



.productBox .left_product li span { position: relative; display: block; padding-left: 23px; color: #fafafa; line-height: 15px; }
.productBox .left_product li span .radio { position: absolute; top: 0; left: 0; background: url(../images/radio_bg.png) no-repeat; width: 16px; height: 20px; }

.productBox .left_product .by_category p{ margin-top:10px;}
.productBox .left_product .by_category fieldset{ border:none; margin:0 0 0 10px;}
.productBox .left_product .by_category input[type="checkbox"] { display:none; *display:block;}
.productBox .left_product .by_category input[type="checkbox"] + label:before { content:url(../images/uncheck.jpg); margin-right:10px;}
.productBox .left_product .by_category input[type="checkbox"]:checked + label:before { content:url(../images/check.jpg); margin-right:10px;}

.productBox .left_product .by_category span{ color: #000; font-family: "latolight"; font-size:17px; text-transform:uppercase; line-height:normal;}
.productBox .left_product .by_category h3{ padding-left:0px; color: #000; font-family: "latolight"; font-size:17px; }
.productBox .right_product{ width:904px; float:right;margin-top: 30px;}
.productBox .right_product .TopBox{ width:100%; float:left;}
.productBox .right_product .TopBox .foundBox{ width:auto; float:left; margin-top:0px;}
.productBox .right_product .TopBox .foundBox h2{ color: #000; font-family: "latolight"; font-size:13px; text-transform:uppercase; line-height:30px; font-weight:bold;}
.productBox .right_product .TopBox .foundBox h2 span{ background:#cfcfcf; color: #000; font-family: "latolight"; font-size:13px; text-transform:uppercase; line-height:30px; font-weight:normal; 
padding:5px 10px; margin-left: 5px; margin-right: 5px;}
.productBox .right_product .TopBox .selectBox { width:200px; float:right;}
.productBox .right_product .TopBox .selectBox select { width:142px; padding:5px; overflow:hidden; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; cursor:pointer; appearance: none; border:#111111 solid 1px; background:#ffffff url(../images/arrow.jpg) right 0px no-repeat; box-sizing: border-box; color: #000; font-family: 'latoregular'; font-size:12px; text-transform:uppercase}
.productBox .right_product .BottomBox{ width:100%; float:left; margin-top:20px;}
.productBox .right_product .BottomBox ul{ list-style:none;}
.productBox .right_product .BottomBox li{ line-height:normal; width:264px; height:auto; display:inline-block; margin:0 35px 30px 0;}
.productBox .right_product .BottomBox li img { width:99%; border:1px solid #8c8c8c;}
.productBox .right_product .BottomBox li .imgBox{ width:100%; float:left;}
.productBox .right_product .BottomBox li .textBox{ width:100%; float:left; color: #000; font-family: "latolight"; font-size: 20px; text-align:center; line-height:20px; text-transform:capitalize; padding-top:10px; padding-bottom:10px;}






  
 /* ### categories container Banner ### */
.inspirationcntr { width:100%; height:671px; margin:0; padding:0; position:relative; background:url(../images/inspiration-banner.jpg) center top no-repeat; background-size:cover;}
.inspirationcntr .txt-box { width:100%; height:140px; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
.inspirationcntr .txt-box h1 { font-family: 'latoregular'; font-size:51px; color:#000; text-align:center;}
.inspirationcntr .txt-box h3 { font-family: 'latoregular'; font-size:24px; font-weight:normal; color:#000; text-align:center; margin:20px 0;}
.inspirationcntr .txt-box .line { width:135px; margin:0 auto; border-bottom:#000 solid 1px; padding-bottom:15px;}
.inspirationcntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.inspirationcntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
 

/* ### product Box ### */
.inspiration { width: 100%; float:left; margin-bottom:100px; margin-top:20px; }
.inspiration .left_product{ width:368px; float:left; margin-bottom:30px}
.inspiration .left_product .by_category{ width:100%; float:left; margin-top:20px;}
.inspiration .left_product .by_category h2{ line-height:41px; background:url(../images/inspiration-arrow.jpg) no-repeat right center #e8e8e8; font-size:20px; color: #000; font-family: "latolight"; text-transform:uppercase; padding-left:20px;}
.inspiration .left_product .healthBox{ width:100%; float:left; margin-top:20px; height:41px; margin-bottom:20px; }
.inspiration .left_product .healthBox a{ height:43px; line-height:41px; background:#ef2932; text-align:left;font-size:20px; text-transform:uppercase; font-weight:bold; padding-left:15px; color: #ffffff; font-family: "latolight";display:block}
.inspiration .left_product .healthBox a:hover{ background:#000;}
.inspiration .left_product fieldset { border: 0; width: 100%; overflow: hidden; }
.inspiration .left_product input.field { float: right; margin: 0; }
.inspiration .left_product ul { margin-bottom: 0; overflow: hidden; margin-top: 21px; }
.inspiration .left_product li { font-size: 14px;  font-family: "latolight";  margin-bottom:10px; }
.inspiration .left_product li:first-child { margin-left: 0; }
.inspiration .left_product li span { position: relative; display: block; padding-left: 23px; color: #fafafa; line-height: 15px; }
.inspiration .left_product li span .radio { position: absolute; top: 0; left: 0; background: url(../images/radio_bg.png) no-repeat; width: 16px; height: 20px; }
.inspiration .left_product .by_category p{ margin-top:10px;}
.inspiration .left_product .by_category fieldset{ border:none; margin:0 0 0 20px;}
.inspiration .left_product .by_category input[type="checkbox"] { display:none; *display:block;}
.inspiration .left_product .by_category input[type="checkbox"] + label:before { content:url(../images/uncheck.jpg); margin-right:15px;}
.inspiration .left_product .by_category input[type="checkbox"]:checked + label:before { content:url(../images/check.jpg); margin-right:15px;}
.inspiration .left_product .by_category span{ color: #000; font-family: "latolight"; font-size:17px; text-transform:uppercase; line-height:normal;}
.inspiration .left_product .by_category h3{ padding-left:15px; color: #000; font-family: "latolight"; font-size:17px; }

.inspiration .right_product{ width:907px; float:right;}
.inspiration .right_product .TopBox{ width:100%; float:left;}
.inspiration .right_product .TopBox .foundBox{ width:auto; float:left; margin-top:7px;}
.inspiration .right_product .TopBox .foundBox h2{ color: #000; font-family: "latolight"; font-size:13px; text-transform:uppercase; line-height:30px; font-weight:bold;}
.inspiration .right_product .TopBox .foundBox h2 span{ background:#cfcfcf; color: #000; font-family: "latolight"; font-size:13px; text-transform:uppercase; line-height:30px; font-weight:normal; 
padding:5px 10px; margin-left: 5px; margin-right: 5px;}
.inspiration .right_product .TopBox .selectBox { width:200px; float:right;}
.inspiration .right_product .TopBox .selectBox select { width:142px; padding:8px; overflow:hidden; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; cursor:pointer; appearance: none; border:#111111 solid 1px; background:#ffffff url(../images/arrow.jpg) right 5px no-repeat; box-sizing: border-box; color: #000; font-family: "latolight"; font-size:15px; text-transform:uppercase}
.inspiration .right_product .BottomBox{ width:100%; float:left; margin-top:20px;}
.inspiration .right_product .BottomBox ul{ list-style:none;}
.inspiration .right_product .BottomBox li{ line-height:normal; width:283px; height:auto; display:inline-block; margin:0 15px 20px 0;}
.inspiration .right_product .BottomBox li .imgBox{ width:100%; float:left;}
.inspiration .right_product .BottomBox li .textBox{ width:100%; float:left; color: #000; font-family: "latolight"; font-size: 20px; text-align:center; line-height:20px; text-transform:uppercase; padding-top:20px; padding-bottom:0;}








.radios { position: relative; padding-left: 39px; line-height: 21px; color: #fff; font-size: 14px; font-weight: bold; }	
.radios2 { position: relative; padding-left: 39px; line-height: 21px; color: #fff; font-size: 14px; font-weight: bold; top:50px; }	


.radio { position: absolute; right: 0px; top:105px; background: url(../images/radio_bg.png) no-repeat; width: 21px; height: 21px; }


.productBox .left_product li input[type=radio]:not(old){
  width   : 18px; height:20px;
  margin  : 0 0 0 10px;
  padding : 0;
  opacity : 0;
}

.productBox .left_product li input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../images/radio_bg.png') no-repeat 0 0;
  line-height  : 20px;
}


.productBox .left_product li input[type=radio]:not(old):checked + label{
  background-position : 0 -40px;
}








.grid { position: relative;	margin: 0 auto;	padding: 1em 0 4em;	max-width: 1000px;	list-style: none;text-align: center;}
.grid.none{ padding:0;}


/* Common style */
.grid figure { background: #3085a3; cursor: pointer; float: left; margin: 0; max-height: 100%; max-width: 100%; min-width: 100%;  overflow: hidden; position: relative; text-align: center; width: auto;}
.grid figure figcaption,
.grid figure figcaption > a { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}






/*---------------*/
/***** Layla *****/
/*---------------*/
figure.effect-layla {background: none;}
figure.effect-layla:hover{background: #000;}
figure.effect-layla figcaption {padding: 0;}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {	position: absolute;	content: '';opacity: 0;}
figure.effect-layla figcaption::before {top: 50px;	right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #ffffff;	border-bottom: 1px solid #ffffff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;	transform-origin: 0 0;}
figure.effect-layla figcaption::after {	top: 30px;	right: 50px;bottom: 30px;left: 50px;border-right: 1px solid #ffffff;	border-left: 1px solid #ffffff;-webkit-transform: scale(1,0);	transform: scale(1,0);-webkit-transform-origin: 100% 0;	transform-origin: 100% 0;}
figure.effect-layla h2 {padding-top: 26%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}
figure.effect-layla p {	padding:120px 0 0 0;text-transform: none; font-size:18px !important; text-transform:capitalize; font-family: 'latoregular';	opacity: 0; color:#ffffff;	-webkit-transform: translate3d(0,-10px,0);	transform: translate3d(0,-10px,0); font-weight:bold; line-height:22px; text-shadow: 2px 2px 0.5px #000;}

figure.effect-layla p.list {padding:82px 0 0 0;}
figure.effect-layla p.list2 {padding:117px 0 0 0;}
figure.effect-layla p.list3 {padding:142px 0 0 0;}

figure.effect-layla img,
figure.effect-layla h2 {-webkit-transform: translate3d(0,0px,0);	transform: translate3d(0,0px,0);}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-layla:hover img {	opacity: 0.7;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}
figure.effect-layla:hover h2,
figure.effect-layla:hover p {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {	-webkit-transition-delay: 0.15s;	transition-delay: 0.15s;}
.textBox {width: 100%;float: left;color: #000;font-family: "latolight";font-size: 17px;text-align: center;line-height: 20px;text-transform:capitalize; padding-top: 10px;padding-bottom: 10px; height:77px; overflow:hidden;}





.factboxes{width:173px; height:157px; float:left; margin:0; position:relative}
.factimg{width:173px; text-align:center; margin:0 auto;}
.factimgtxt{font-family: 'opensansregular'; font-size:20px; color:#004058; text-align:center; padding:0 10px;}
.fortouch{text-align:center; font-family: 'opensansregular'; font-size:12px; padding-right:0;}

.view-tenth{border:none;}
.view-tenth img{-webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all 0.7s ease-in-out;   -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
.view-tenth .factimgtxt {-webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
.view-tenth .mask {background-color:#ee2b4f; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

.view-tenth .mask h3{ color: #ffffff;  font-family: "latoregular"; font-size: 15px; line-height:normal; margin:0; text-align:center; text-align:center;}


.view-tenth p {text-align: center;color:#fff; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear; padding:10px; font-size:16px; font-family:'centurygothicitalic'; margin:0;}

.view-tenth:hover{border:1px solid #ee2b4f}
.view-tenth:hover img{-webkit-transform:scale(5); -moz-transform:scale(5); -o-transform:scale(5); -ms-transform:scale(5); transform:scale(5); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0;}
.view-tenth:hover .factimgtxt{-webkit-transform:scale(5); -moz-transform:scale(5); -o-transform:scale(5); -ms-transform:scale(5); transform:scale(5); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0;}
.view-tenth:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}
.view-tenth:hover p{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}

.view {overflow:hidden; /*text-align:center;*/}
.view .mask{position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%;}


.showersCenter{ top:300px !important;}












/* board of directors */
.board_of_directors{padding:15px 0 0 0; width:100%; float:left;}
.directors { width:200px; min-height: 292px; margin-right:25px; margin-bottom:10px; text-align:center; font-size:11px; color:#7e7e7e; padding-bottom:20px; position:relative; vertical-align: top;display: inline-block;}
.directors img {margin-bottom:5px; border:2px solid #CCCCCC; display:inline-block;}
.directors h3{font-size:12px; font-weight:bold; padding-bottom:5px; }
.directors p{ font-family: 'latoregular' ; font-size:11px !important; text-align:center !important; padding:0 !important; margin:0 !important; line-height:16px !important;}
.directors .height { height:90px;}
.directors .height2 { height:60px;}

.board_of_directors .leftBox{ width:170px; float:left;}
.board_of_directors .leftBox .dirBox {float:left; width:auto; margin-bottom:10px; text-align:center; font-size:11px; color:#7e7e7e; padding-bottom:20px; position:relative; float:left;}
.board_of_directors .leftBox .dirBox img {margin-bottom:5px; border:2px solid #CCCCCC; display:inline-block;}
.board_of_directors .leftBox .dirBox h3{font-size:12px; font-weight:bold; padding-bottom:5px; }
.board_of_directors .leftBox .dirBox p{ font-family: 'latoregular' ; font-size:11px !important; text-align:center !important; padding:0 !important; margin:0 !important; line-height:16px !important;}
.board_of_directors .leftBox .dirBox .height { height:90px;}
.board_of_directors .leftBox .dirBox .height2 { height:60px;}

.board_of_directors .rightBox{ width:490px; float:right;}
.board_of_directors .rightBox ul{ list-style:none;}
.board_of_directors .rightBox li { background: url("../images/bullet.jpg") no-repeat left 7px; text-align: left; color: #444444;font-family: "latoregular";  font-size: 15px !important; font-weight: normal; line-height: 22px;  margin:0 0 7px 0 !important;  text-align: justify;}


a.link_button{ margin:0 auto; padding:3px 9px !important; font-size:11px !important; font-weight:bold; color:#ffffff !important; text-decoration:none; text-align:center !important; font-weight:bold !important;  width:84px !important; font-family: "latoregular" !important; display:inline-block !important;
background: #6f6f6f; /* Old browsers */ 
background: -moz-linear-gradient(top, #6f6f6f 2%, #5c5c5c 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#6f6f6f), color-stop(100%,#5c5c5c)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #6f6f6f 2%,#5c5c5c 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #6f6f6f 2%,#5c5c5c 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #6f6f6f 2%,#5c5c5c 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #6f6f6f 2%,#5c5c5c 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#5c5c5c',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.5);
box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.5);
}

a.link_button:hover{ 
background: #ee3d41; /* Old browsers */
background: -moz-linear-gradient(top,  #ee3d41 0%, #ac070a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3d41), color-stop(100%,#ac070a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ee3d41 0%,#ac070a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ee3d41 0%,#ac070a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ee3d41 0%,#ac070a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ee3d41 0%,#ac070a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3d41', endColorstr='#ac070a',GradientType=0 ); /* IE6-9 */
}


a.link_button2{ margin-top:5px !important; width: 59px !important; margin-left:26px !important; padding:3px 9px !important; font-size:11px !important; font-weight:bold; color:#ffffff !important; text-decoration:none; text-align:center !important; font-weight:bold !important;  font-family: "latoregular" !important; display:inline-block !important;
background: #6f6f6f; /* Old browsers */ 
background: -moz-linear-gradient(top, #6f6f6f 2%, #5c5c5c 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#6f6f6f), color-stop(100%,#5c5c5c)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #6f6f6f 2%,#5c5c5c 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #6f6f6f 2%,#5c5c5c 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #6f6f6f 2%,#5c5c5c 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #6f6f6f 2%,#5c5c5c 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#5c5c5c',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.5);
box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.5);
}

a.link_button2:hover{ 
background: #ee3d41; /* Old browsers */
background: -moz-linear-gradient(top,  #ee3d41 0%, #ac070a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3d41), color-stop(100%,#ac070a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ee3d41 0%,#ac070a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ee3d41 0%,#ac070a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ee3d41 0%,#ac070a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ee3d41 0%,#ac070a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3d41', endColorstr='#ac070a',GradientType=0 ); /* IE6-9 */
}
/* end board of directors */


/* awards box */
.awards_box{width:210px;  padding:0 10px 0 10px; height:170px; float:left; text-align:center; font-size:11px; color:#7e7e7e; }
.awards_box img {padding-bottom:5px;}

/* quality policy */
.quality_policy_main{}
.quality_policy_box{width:150px;  padding:0 15px 0 0; margin-bottom:25px;  float:left; font-size:11px; color:#7e7e7e; }
.quality_policy_box img{border:2px solid #CCCCCC; width:130px;}
.quality_policy_box img:hover {border:2px solid #FF0000; }

.policyBox{ width:100%; float:left; margin-top:15px;}
.policyBox ul{ list-style:none;}
.policyBox li{ width:auto; float:left; list-style:none; padding:0 !important; margin:0 40px 40px 0 !important; border:#ccc solid 1px; background:none !important;}
.policyBox li a{ background:none !important; padding:0 !important; margin:0 !important; }




/* corporat box */
.corporateBox{ width:100%; float:left; margin-top:0px;}
.corporateBox ul{ list-style:none;}
.corporateBox li{  border-bottom: 1px solid #cccccc;  color: #616161; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin-bottom: 15px;width: 100%; padding-left:0 !important; background:none !important;}
.corporateBox li .headingBox { padding-left:25px !important; float: left; margin-bottom: 15px; padding-right: 1%; width: 91%; background: url("../images/bullet7.png") no-repeat left 5px !important;}
.corporateBox li .headingBox a{  margin:0 !important; line-height:normal !important; font-size:16px !important; background:none !important; padding-left:0 !important }

.corporateBox li .headingBox span{ color: #ef4f53}
.corporateBox li .pdfBox{ width:auto; float:left;}
.corporateBox li .pdfBox a{background:none !important; padding-left:0 !important}


a.downloadpdf{ width: auto; height:26px !important;  line-height:26px !important;  background: url("../images/pdf-icon1.png") no-repeat left center;  color: #444444!important;  display: block !important; padding-left:28px !important; font-weight:bold !important;  font-size: 14px !important; text-decoration: none; margin-bottom:14px !important;}
a.downloadpdf:hover{  color: #ee3a43!important;}


 a.sant-btn {
    background: linear-gradient(to bottom, #6f6f6f 0%, #5b5b5b 100%) repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    float: left;
    font-size: 14px !important;
    font-weight: bold !important;
	text-align:center !important;
    height: 28px;
    line-height: 28px;
    margin: 10px 0 0;
    padding: 0 10px;
    text-decoration: none;
    width: 117px;
}
 a.sant-btn:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e33035 0%, #ed3f43 100%) repeat scroll 0 0;
}
/* corporat box */




















/* Rimless box Div End */

.contact-wrap{ margin-bottom:40px; margin-top:50px; }
.contact-lrbox{max-width:1500px; margin:0 auto}
.contactleft, .contactright{width:45%; float:left;  border-right:#000 solid 1px;}
.contactright{float:right; border-right:none;}

.find-dealer{padding:0; margin:50px 0px 0 0;}
.find-dealer a{ margin:0; background:#fff; font-family: "latolight"; font-size:30px; color:#2b2a29; padding:15px 0px;}
.find-dealer a:hover{background:#000; color:#fff;}

.lineBox { border-bottom: 2px solid #444444; float: left; margin-bottom: 0; margin-left: -25px; width: 65px;}

.forenquiry{font-family: "latolight"; font-size:30px; color:#4a4541; margin-bottom:10px; margin-top:30px; text-transform:capitalize;}
.enquirymail{font-family: "latolight"; font-size:20px; color:#4a4541; line-height:32px;}
.enquirymail a{font-family: "latolight"; font-size:22px; color:#4a4541; line-height:32px; text-decoration:none;}
.enquirymail a:hover{ text-decoration:underline;}

.socialicon-head{font-family: 'latolight'; font-size:27px; color:#000; margin:30px 0 40px 0; text-transform:capitalize;}
.socialicons-box{width:100%; padding:0; margin:0 0 60px 0;}
.social-icons{float:left; margin:0 22px 0 0;}
.social-icons img{-moz-transition: all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.social-icons img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}

.contact-right-txt{font-family: 'latolight'; font-size:22px; text-align:left; color:#4a4541; margin:0px 0 30px 0; line-height:28px;}
.formbox{padding:0; margin:0 auto; width:100%;}
.textboxstyle, .textboxstyle1{font-family:"latolight"; font-size:18px; color:#4a4541; border:none; border:#404040 solid 1px; padding:8px 4%; margin:0 0 20px 0; width:74%}
.textboxstyle1{padding:8px 4%; margin:0; width:32%; float:left;}
.mar-right{margin:0 10px 20px 0;}
.codeimg{float:left; width:21%;}

.select-cat{float:right; width:49.5%; padding:10px 3%; margin:0 0 10px 0; cursor:pointer; appearance: none; text-indent: 0.01px; text-overflow: ''; background:url(../images/selectarrow.png) no-repeat scroll 94% 14px #fff; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;  @media (-webkit-min-device-pixel-ratio: 2),; font-family: 'latolight';  font-size:18px; color:#4a4541; border-radius:8px; -webkit-border-radius:8px;}

.select-city{float:left; width:74%; padding:8px 3%; margin:0 0 20px 0; cursor:pointer; appearance: none; text-indent: 0.01px; text-overflow: ''; background:url(../images/selectarrow.png) no-repeat scroll 98% 10px #fff; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;  @media (-webkit-min-device-pixel-ratio: 2),; font-family: "latolight";  font-size:18px; color:#83817f !important; border:#404040 solid 1px; margin-right:10px; }

.sbmitbtn{background:#000; font-family: 'latolight'; font-size:21px; color:#ffffff; border:none; cursor:pointer; margin:0; -webkit-transition:all 0.4s ease-out 0s;   -moz-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s; width:40%; height:37px; line-height:21px; text-align:center;}
.sbmitbtn:hover{background:#ed3944; color:#fff;}
/* Rimless box Div End */


/*Search Result Div Start*/
.resultcntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/search-result-banner-new.jpg) center top no-repeat; background-size:cover;}
.resultcntr .txt-box5 { width:676px; height:120px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.resultcntr .txt-box5 h1 { font-family: 'latoregular'; font-size:38px; color:#fff; text-align:center; text-transform:uppercase; margin-bottom:10px; }
.resultcntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.resultcntr h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
.resultcntr .txt-box5 .searchDiv{ width:674px; height:44px; float:left; border:#a8a8a8 solid 1px; background:#ffffff; margin-top:10px;}
.resultcntr .txt-box5 .searchDiv .serchleft{ width:624px; height:44px; float:left;}
.resultcntr .txt-box5 .searchDiv .serchleft input.field3{ width:590px; padding:9px; border:none;font-family: 'latolight'; font-size:20px; color:#000; }
.resultcntr .txt-box5 .searchDiv .serchright{ width:50px; height:44px; float:left;}
.resultcntr .txt-box5 .searchDiv .serchright .buttonsearch{ width:50px; height:44px; border:none; cursor:pointer; background:url(../images/search-img.jpg) center top no-repeat;}

.resultBox{width: 100%; float:left; margin-bottom:30px;}
.resultBox h2{ color:#434343; font-size:18px; margin-bottom:30px; margin-top:20px;}



.resultBox h1 { font-family: 'latoregular'; font-size:38px; color:#000; text-align:center; text-transform:uppercase; margin-bottom:10px; }
.resultBox .searchDiv{ width:674px; height:44px; float:none; border:#a8a8a8 solid 1px; background:#ffffff; margin:10px auto;}
.resultBox .searchDiv .serchleft{ width:624px; height:44px; float:left;}
.resultBox .searchDiv .serchleft input.field3{ width:590px; padding:9px; border:none;font-family: 'latolight'; font-size:20px; color:#000; }
.resultBox .searchDiv .serchright{ width:50px; height:44px; float:left;}
.resultBox .searchDiv .serchright .buttonsearch{ width:50px; height:44px; border:none; cursor:pointer; background:url(../images/search-img.jpg) center top no-repeat;}




/* for tabs */
ul.list li {list-style-type:none; margin:0; padding:0;}
ul.tabs {width:100%; overflow:hidden; padding:0; margin:0;}
ul.tabs li {list-style-type:none;display:block;float:left;color:#2a2a2a; margin-left:20px;background-color:#fff;cursor:pointer;border:1px solid #dbdbdb; width:225px; height:42px; line-height:42px;text-align:center; font-size:20px;}
ul.tabs li:hover {background-color:#878789;color:#ffffff;}
ul.tabs li.current {background-color:#878789;color:#ffffff;}
.tabscontent {padding:10px 0 0 0;display:inherit;width:100%;text-align:justify;}
.tabscontent h3{color:#434343; font-size:18px; margin-bottom:0px; margin-top:20px;}

.tabBox{ width:100%; float:left; margin-top:20px; margin-left:0px;}
.tabBox .tabDiv{ display: inline-block; height: auto; line-height: normal; margin: 0 15px 20px 0;  width: 309px;}
.tabBox .tabDiv .imgBox{ width:100%; float:left; border:#000 solid 1px; margin-bottom:15px;}
.tabBox .tabDiv .imgBox img { width:100%}
.tabBox .tabDiv .textBox{ width:168px; height:32px; position:relative; left:0; right:0; margin:auto;}
.tabBox .tabDiv .textBox a{ display:block; line-height:32px; background:#878789; color:#ffffff; font-family:"latolight"; font-size: 18px; text-align:center;}
.tabBox .tabDiv .textBox a:hover{ background:#eb1c24;}
.tabBox .tabDiv .imgBox figure.effect-layla figcaption::before { border:none;}
.tabBox .tabDiv .imgBox figure.effect-layla figcaption::after { border:none;}

/*Search Result Div End*/










/*inspiration start Div */
.inspirationsbanner { width:100%; height:100vh; position:relative; margin:0; padding:0;}
.inspirationscntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/inspiration-banner1.jpg) center top no-repeat; background-size:cover;}
.inspirationscntr .txt-box5 { left: 0; margin: auto; position: absolute; right: 0; top: 243px; width: 100%;}
.inspirationscntr .txt-box5 h1 { color: #000000; font-family: "latolight"; font-size:45px; text-align: center; text-transform: uppercase;}
.inspirationscntr .txt-box5 .line {  border-bottom: 1px solid #000; margin: 0 auto; padding-bottom: 15px; width: 135px;}
.inspirationscntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.inspirationscntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
.inspirationsBox{width: 100%; float:left; margin-bottom:10px; margin-top:35px;}
.inspirationsBox .inspiraDiv{ width:100%; float:left; margin-top:30px; margin-bottom:20px;}
.inspirationsBox .inspiraDiv .insp_left{ width:330px; float:left; margin-left:35px;}
.inspirationsBox .inspiraDiv .insp_right{ width:760px; float:left; position:relative; margin-left:100px;}
.inspirationsBox h3{ color: #82cabc; font-family: "latoregular"; font-size: 25px; font-weight: bold; margin: 20px 0; line-height:35px; padding-right:150px;}
.inspirationsBox .starDiv{ width:159px; height:194px; position:absolute; right:0; top:130px;}
.inspirationsBox .line { border-bottom: 2px solid #000; float: left; margin-left: -25px; width: 70px;}
.inspirationsBox .inspiraDiv .insp_left2{ width:20%; float:left;  margin-top:125px;background: pink;}
.inspirationsBox .inspiraDiv .insp_left2 h3{ color: #82cabc; font-family: "latoregular"; font-size: 25px; font-weight: bold; margin: 20px 0; line-height:35px; padding-right:10px;}
.inspirationsBox .inspiraDiv .insp_left2 .line2 { border-bottom: 2px solid #000; float: left; margin-left: -25px; width: 70px;}
.inspirationsBox .inspiraDiv .insp_right2{ width:80%; height:574px; float:left; position:relative; background:url(../images/inspiration-bg.png) no-repeat 42%;}
.inspirationsBox .inspiraDiv .insp_right2 ul{ list-style:none;}
.inspirationsBox .inspiraDiv .insp_right2 li{ line-height:normal; float:left; width:100%;height: 476px;}
.inspirationsBox .inspiraDiv .insp_right2 .heading{ } 
.inspirationsBox .inspiraDiv .insp_right2 .heading h4{ color: #eb1c24; font-family: "latolight"; font-size: 28px; font-weight: normal; margin:5px 0; line-height:35px; padding-right:150px;}
.inspirationsBox .inspiraDiv .insp_right2 .heading p{ color: #6f6f6f; font-family: "latolight"; font-size: 19px; font-weight: normal; padding-bottom:15px; line-height:normal;}
.inspirationsBox .starDiv2{ width:404px; height:292px; position:absolute; left:-230px; bottom:0;}
.inspirationsBox .starDiv3{ width:61px; height:164px; position:absolute; right:-28px; bottom:0;}
.inspirationsBox .inspiraDiv .insp_right2 .heading .leftHeading{ width:122px; margin:20px auto}
.inspirationsBox .inspiraDiv .insp_right2 .heading .leftH{ width:auto; float:left;}
.inspirationsBox .inspiraDiv .insp_right2 .heading .leftH .topHeading{ width:32px; height:32px; border:#9e9994 solid 2px; margin:0 auto}
.inspirationsBox .inspiraDiv .insp_right2 .heading .leftH .bottomHeading{ width:auto; color:#6f6f6f; font-size:11px; font-family: "latoregular"; line-height:20px; text-align:center;}
.inspirationsBox .inspiraDiv .insp_right2 .heading .rightH{ width:auto; float:right; margin-right:15px;}
.inspirationsBox .inspiraDiv .insp_right2 .heading .rightH .topHeading{ width:32px; height:32px; border:#9e9994 solid 2px;  margin:0 auto; background:#eee5d4;}
.inspirationsBox .inspiraDiv .insp_right2 .heading .rightH .bottomHeading{ width:auto; color:#6f6f6f; font-size:11px; font-family: "latoregular"; line-height:20px; text-align:center;}
.newsticker-demo-arrows5 { text-align:right;  padding-bottom:5px; width:100%; position:relative; z-index:99999999;}
.previous5 {outline:none; cursor:pointer; position:absolute; right:0; top:135px;}
.next5 {outline:none; cursor:pointer; position:absolute; left:0; top:135px;}
#newsticker-demo5 {width: 100% !important;border: 1px solid;height: 476px;margin-top: 111px;}
/*inspiration END Div */

/* innovation Div Start*/
.innovationcntr2 { width:100%; height:741px; margin:0; padding:0; position:relative; background:url(../images/innovations-banner.jpg) center top no-repeat; background-size:cover;}
.innovationcntr2 .txt-box { width:634px; float:right; margin-top:150px; padding-top:35px; padding-bottom:35px; background:#7f664a;  opacity: 0.7;}
.innovationcntr2 .txt-box h1 { font-family: 'latolight'; font-size:38px; color:#ffffff; text-align:center;text-shadow:2px 2px 2px #333333; text-transform:uppercase}
.innovationcntr2 .txt-box h3 { font-family: 'latolight'; font-size:40px; font-weight:bold; color:#ffffff; text-align:center; margin:13px 0;text-transform:uppercase; letter-spacing: 3px;}
.innovationcntr2 .txt-box h5 { font-family: 'latolight'; font-size:22px; font-weight:normal; color:#ffffff; text-align:center; margin:13px 0; font-weight:bold; line-height:28px;}
.innovationcntr2 .txt-box .line { width:275px; margin:0 auto; border-bottom:#ffffff solid 1px; padding-bottom:15px;}
.innovationcntr2 h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.innovationcntr2 h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}


.innovationBox { width: 1450px; margin:0 auto; position:relative; }
.innovationBox .innovationDiv{ width: 100%; float:left; margin-top:20px; margin-bottom:60px;}
.innovationBox .innovationDiv ul{ list-style:none; }
.innovationBox .innovationDiv li{ line-height:normal; float:left; width:461px; margin-right:20px;}
.innovationBox .innovationDiv li .innvo_top{ width:100%; float:left;}
.innovationBox .innovationDiv li .innvo_bot{ width:100%; float:left;}
.innovationBox .innovationDiv li .innvo_bot h2{ font-family:"latoregular"; font-size:26px; text-transform:uppercase; color:#ed3942; font-weight:bold; text-align:center; line-height:50px;}



.innovationBox .innovationDiv .view {  background: #fff;  cursor: default;  float: left;  height: 100%; margin: 10px; overflow: hidden; position: relative; text-align: center; width: 100%; cursor:pointer}
.innovationBox .innovationDiv .view .mask,.view .content {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}
.innovationBox .innovationDiv .view img { display: block; position: relative;}
.innovationBox .innovationDiv .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; top:275px; height:92px; line-height:92px; opacity: 0.7 !important; font-family:"latoregular"; font-size:25px; text-transform:uppercase;}

.innovationBox .innovationDiv .view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center;}
.innovationBox .innovationDiv .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000;}
.innovationBox .innovationDiv .view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}
.innovationBox .innovationDiv .view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.innovationBox .innovationDiv .view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.innovationBox .innovationDiv .view-first h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.innovationBox .innovationDiv .view-first p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;   -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.innovationBox .innovationDiv .view-first:hover img { -webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.innovationBox .innovationDiv .view-first a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.innovationBox .innovationDiv .view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.innovationBox .innovationDiv .view-first:hover h2,
.innovationBox .innovationDiv .view-first:hover p,
.innovationBox .innovationDiv .view-first:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);
 -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
.innovationBox .innovationDiv .view-first:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s;}
.innovationBox .innovationDiv .view-first:hover a.info { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s;}

.launchesDiv {  cursor: default;  float: left;  height: auto; margin: 0px; overflow: hidden; position: relative; text-align: center; width: 100%; cursor:pointer;}
.launchesDiv .mask,.launchesDiv .content {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}
.launchesDiv img { display: block; position: relative;}
.launchesDiv h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 16px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; top:213px; height:60px; line-height:60px; opacity: 0.7 !important; font-family:"latoregular"; font-size:25px; text-transform:uppercase;}


.launchesDiv-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}

.launchesDiv-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.launchesDiv-first h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.launchesDiv-first:hover img { -webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.launchesDiv-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.launchesDiv-first:hover h2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);
 -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

	
/* innovation Div END*/








/* Ask Div Start*/
.ask_an_expertcntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/ask-banner.jpg) center top no-repeat; background-size:cover;}
.ask_an_expertcntr .txt-box { width:780px; height:120px; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; background: rgba(0,0,0,0.5); padding:20px;}
.ask_an_expertcntr .txt-box h1 { font-family: 'latoregular'; font-size:38px; color:#fff; text-align:center; margin-bottom:10px; text-transform:capitalize; }
.ask_an_expertcntr .txt-box h3 { font-family: 'latolight'; font-size:24px; font-weight:normal; color:#989999; text-align:center; margin:20px 0; text-shadow: 3px 3px 0.5px #fff;}
.ask_an_expertcntr .txt-box .line { width:175px; margin:0 auto; border-bottom:#fff solid 2px;}
.ask_an_expertcntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.ask_an_expertcntr h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
.askBox{ width: 100%; float:left; margin-top:20px; margin-bottom:60px;}
.askBox h2 { color: #444444; font-family: "latoregular"; font-size: 27px; font-weight: normal; margin: 10px 0; text-align: left;}
.askBox .line { border-bottom: 2px solid #444444; float: left; margin-left: -25px; width: 65px;}
.askBox .ask_firstDiv{ width:100%; float:left; margin-top:25px;}
.askBox .ask_firstDiv .inputDiv{ width:auto; float:left; margin-left:52px;}
.askBox .ask_firstDiv .inputDiv.list{ float:right; }
.askBox .ask_firstDiv .inputDiv label{ float:left; color: #444444; font-family: "latoregular"; font-size:18px; text-transform:capitalize; padding:0 20px 0 20px; width:auto;}
.askBox .ask_firstDiv .inputDiv label span{ color: #ee3a43; font-family: "latoregular"; font-size:18px; }
.askBox .ask_firstDiv .inputDiv .label{ float:left; color: #444444; font-family: "latoregular"; font-size:18px; text-transform:uppercase; padding:0 20px 0 20px; width:60px;}
.askBox .ask_firstDiv .inputDiv .inputBox{ float:left; color: #444444; font-family: "latoregular"; font-size:18px; width:250px; border:#767676 solid 1px; padding:5px;}

.askBox .ask_firstDiv .inputDiv2{ width:auto; float:left; margin-left:52px;}
.askBox .ask_firstDiv .inputDiv2 label{ float:left; color: #444444; font-family: "latoregular"; font-size:18px; text-transform:capitalize; padding:0 20px 0 20px; width:auto;}
.askBox .ask_firstDiv .inputDiv2 label span{ color: #ee3a43; font-family: "latoregular"; font-size:18px; }
.askBox .ask_firstDiv .inputDiv2 .label{ float:left; color: #444444; font-family: "latoregular"; font-size:18px; text-transform:uppercase; padding:0 20px 0 20px; width:60px;}
.askBox .ask_firstDiv .inputDiv2 .textareaBox{ float:left; color: #444444; font-family: "latoregular"; font-size:18px; width:687px; border:#767676 solid 1px; padding:5px; height:150px; margin-left:-7px;}
.askBox .ask_firstDiv .inputDiv2 .inputBox{ float:left; color: #444444; font-family: "latoregular"; font-size:18px; width:250px; border:#767676 solid 1px; padding:5px;}
.askBox .ask_firstDiv .inputDiv2 .inputBox .input2{ float:left; color: #444444; font-family: "latoregular"; font-size:14px; width:204px; padding:5px; border:none;}
.askBox .ask_firstDiv .inputDiv2 .inputBox .imgBtn { background:url(../images/upload.jpg) no-repeat left 5px;width:30px; height:30px; float:right; border:none; cursor:pointer;}
.askBox .ask_firstDiv .inputDiv2 .submitBtn { border: 1px solid #999999; color: #ffffff; display: block; font-family: "latolight"; font-size: 16px; height: 36px; line-height: 30px; margin-left:40px;
 margin-top: 36px; text-align: center; text-transform:uppercase; width:103px; cursor:pointer; background:#000;}
 .askBox .ask_firstDiv .inputDiv2 .submitBtn:hover { background-color:#F00;}
 .askBox .ask_firstDiv .inputDiv2.list{ float:right; }
/* Ask Div END*/



/* Resources Div Start*/
.resourcescntr { max-width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/library-banner.jpg) center top no-repeat; background-size:cover;}
.resourcescntr .txt-box { width:230px; height:65px; position:absolute; left:0; bottom:0; top:0; right:0; margin:auto; background: rgba(0,0,0,0.5); padding:10px;}
.resourcescntr .txt-box h1 { font-family: 'latoregular'; font-size:30px; color:#fff; text-align:center; text-transform:capitalize; visibility:inherit }
.resourcescntr .txt-box .line { width:175px; margin:10px auto 0; border-bottom:#fff solid 2px;}
.resourcescntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.resourcescntr h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
.resourcesBox{ width: 100%; float:left; margin-top:20px; margin-bottom:10px;}
.resourcesBox h2 { color:#ef3e43; font-family: "latoregular"; font-size: 27px; font-weight: normal; margin: 10px 0; text-align: left; text-transform: uppercase;}
.resourcesBox .line { border-bottom: 2px solid #444444; float: left; margin-left: -25px; width: 65px;}

.resourcesBox .resourcesDiv{ width: 100%; float:left; margin-top:30px; margin-bottom:30px;}
.resourcesBox .resourcesDiv .resource_left{ width:672px; float:left; height:451px;}
.resourcesBox .resourcesDiv .resource_left img { width:100%;}
.resourcesBox .resourcesDiv .resource_right{ width:550px; float:left; padding-top:50px; margin-left:85px;}
.resourcesBox .resourcesDiv .resource_right h3 {color: #000; font-family: "latoregular"; font-size: 38px; font-weight: normal; margin: 10px 0; text-align: left; width:400px; float:left;}
.resourcesBox .resourcesDiv .resource_right .line {border-bottom: 2px solid #444444; float: left; margin-left: -25px; width: 65px;}
.resourcesBox .resourcesDiv .resource_right .rgt-socail { width:110px; float:right; margin-top:10px;}
.resourcesBox .resourcesDiv .resource_right .rgt-socail ul { margin:0; padding:0; list-style-type:none;}
.resourcesBox .resourcesDiv .resource_right .rgt-socail ul li { width:50px; float:right; transition:all 0.5s ease;}
.resourcesBox .resourcesDiv .resource_right .rgt-socail ul li img { width:100%;}
.resourcesBox .resourcesDiv .resource_right .rgt-socail ul li:hover {  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg); transform: rotate(360deg);}

.resourcesBox .resourcesDiv .resource_right p {color: #000; font-family: "latoregular"; font-size:19px; font-weight: normal; margin:20px 0; text-align: left; line-height:30px;}



.resource_lft_mrg { margin-left:0 !important; margin-right:85px;}






/*media page start*/
.mediacntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/media-banner.jpg) center top no-repeat; background-size:cover;}
.mediacntr .txt-box { width:720px; height:125px; position:absolute; left:80px; top:0; bottom:0; margin:auto; background: rgba(0,0,0,0.6);}
.mediacntr .txt-box h1 { font-family: 'latoregular'; font-size:40px; font-weight:normal; color:#ffffff; text-align:center; text-transform:capitalize; margin:25px 0 15px 0;}
.mediacntr .txt-box .line { width:135px; margin:0 auto; border-bottom:#ffffff solid 1px;}

.mediacntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.mediacntr h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}



.middlecontainer .lft-contain .navBox { float: right; width: 155px; margin-top:20px;}
.middlecontainer .lft-contain .navBox h2{  font-family: 'latoregular'; font-size:14px; color:#000000;}
.middlecontainer .lft-contain .navBox ul { margin:0; padding:0; list-style-type:none;}
.middlecontainer .lft-contain .navBox ul li { display:block; margin-top:2px;}
.middlecontainer .lft-contain .navBox ul li a {font-family: 'latoregular'; font-size:12px; font-weight:normal; color:#000; line-height:20px; text-transform:uppercase; padding-left:20px; -webkit-transition:all 0.0s ease 0s;  -moz-transition:all 0.0s ease 0s;  -o-transition:all 0.0s ease 0s;  transition:all 0.0s ease 0s; display:block;}
.middlecontainer .lft-contain .navBox ul li.sublink { text-transform:none; margin-right:20px; color:#555;}
.middlecontainer .lft-contain .navBox.list{ margin-bottom:0px;}
.middlecontainer .lft-contain .navBox ul li a:hover, .middlecontainer .lft-contain .navBox ul li a.active { background:url(../images/top-arrow.jpg) left 7px no-repeat;}


.middlecontainer .navBox-new { width: auto; position:absolute; left:-34px; top:260px;}
.middlecontainer .navBox-new h2{  font-family: 'latoregular'; font-size:14px; color:#000000;}
.middlecontainer .navBox-new ul { margin:0; padding:0; list-style-type:none;}
.middlecontainer .navBox-new ul li { display:block; margin-top:2px;}
.middlecontainer .navBox-new ul li a {font-family: 'latoregular'; font-size:12px; font-weight:normal; color:#000; line-height:20px; text-transform:uppercase; padding-left:20px; -webkit-transition:all 0.0s ease 0s;  -moz-transition:all 0.0s ease 0s;  -o-transition:all 0.0s ease 0s;  transition:all 0.0s ease 0s; display:block;}
.middlecontainer .navBox-new ul li a.sublink { text-transform:none; margin-right:20px; color:#555;}
.middlecontainer .navBox-new.list{ margin-bottom:0px;}
.middlecontainer .navBox-new ul li a:hover, .middlecontainer .navBox-new ul li a.active { background:url(../images/top-arrow.jpg) left 7px no-repeat;}



.mediaBox{ width: 100%; float:left; margin-top:20px;}
.mediaBox ul{ list-style:none;}
.mediaBox li{ line-height:normal; width:100%; clear:right; margin-bottom:25px !important;  float: left !important; background:none !important; padding-left: 10px !important; font-family: 'latolight'; font-size:16px; color:#000000;  margin: 10px 0 !important;}
.mediaBox li h4{ font-family: 'latoregular'; font-size:17px; color:#000000; font-weight:bold; }
.mediaBox li span{ font-family: 'latoregular'; font-size:16px; color:#000000; font-weight:normal; line-height:25px;}
.mediaBox li span:hover{ color:#cb0606;}
.mediaBox a {font-family: 'latoregular'; font-size:12px; font-weight:normal; color:#000; line-height:20px !important; background:none !important; padding:0 !important}
.mediaBox a:hover{ color:#cb0606;}


.mediaBox .media_left{ width:90%; float:left;}
.mediaBox .media_left h3{ font-family: 'latoregular'; font-size:17px; color:#000000; font-weight:bold; }
.mediaBox .media_left p{ font-family: 'latolight'; font-size:16px; color:#000000;  margin: 10px 0 !important;}
.mediaBox .media_right a{ background:none !important; font-family: "latolight"; line-height: normal !important; padding-left: 0 !important;}
.mediaBox .media_right{ width:43px; height:52px; float:right;}

.presenceBox{ width: 100%; float:left; margin-top:20px;}
.presenceBox h3{ font-family: 'latoregular'; font-size:17px; color:#000000; font-weight:bold; }
.presenceBox p{ font-family: 'latolight'; font-size:15px; color:#000000; font-weight:normal; margin: 10px 0 !important;}
.presenceBox ul{ list-style:none;}
.presenceBox li{ line-height:normal; float:left; background:none !important; margin:20px 12px 0 0 !important; padding:0 !important}
.presenceBox li a{ padding:0 !important}
.presenceBox li.list{ float:right; margin:20px 0 0 0 !important; padding:0 !important}
.presenceBox .picDiv{ width:auto; height:auto;  float:left; }

.presenceBox figure {position: relative;float: left;overflow: hidden;	margin: 0;	min-width:  100%;max-width: 100%;max-height:  auto;width: 100%;height: auto;text-align: center;cursor: pointer;}
.presenceBox figure img {	position: relative;	display: block;	min-height: auto;	max-width: 100%;	opacity: 0.8;}
.presenceBox figure figcaption,
.presenceBox figure figcaption > a {	position: absolute;	top: 0;	left: 0;width: 100%;height:auto;}
.presenceBox figure.effect-jazz { background:none}
.presenceBox figure.effect-jazz img {opacity: 0.9;}
.presenceBox figure.effect-jazz figcaption::after,
.presenceBox figure.effect-jazz img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
.presenceBox figure.effect-jazz figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: auto;content: '';opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%; border:none !important;}
.presenceBox figure.effect-jazz:hover img {opacity: 0.7;	-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.presenceBox figure.effect-jazz:hover figcaption::after {opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}	



.electronicBox{ width: 100%; float:left; margin-top:20px;}

.electronicBox ul{ margin:0; padding:0; list-style-type:none;}
.electronicBox li{ line-height:normal; background:none !important; margin:20px 18px 0 0 !important; padding:0 !important; width:227px !important; height:225px !important;  float:left; border:#c9c9c9 solid 1px; background:#ebf0f3 !important;  overflow: hidden !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.electronicBox li a { padding-left:0 !important;}
.electronicBox li.list{ float:right; margin:20px 0 0 0 !important; padding:0 !important}



.electronicBox .ele_top{ width:100%; float:left;font-family: 'latoregular'; font-size:15px; color:#000000; text-align:center; padding-top:15px; padding-bottom:15px;}
.electronicBox .ele_top h3{ font-family: 'latoregular'; font-size:15px; color:#000000; text-align:center;padding-left: 30px; padding-right: 30px; line-height:21px;}
.electronicBox .ele_bot{ width:100%; float:left;  }
	
	

.electronicBox figure {position: relative;float: left;overflow: hidden;	margin: 0;	min-width:  100%;max-width: 100%;max-height:  100%;width: 100%;height: auto;text-align: center;cursor: pointer;}
.electronicBox figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.electronicBox figure figcaption,
.electronicBox figure figcaption > a {	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}
.electronicBox figure.effect-jazz { background:none}
.electronicBox figure.effect-jazz img {opacity: 0.9;}
.electronicBox figure.effect-jazz figcaption::after,
.electronicBox figure.effect-jazz img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s; 
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px; }
.electronicBox figure.effect-jazz figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.electronicBox figure.effect-jazz:hover img {opacity: 0.7;	-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.electronicBox figure.effect-jazz:hover figcaption::after {opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}	

/*media page End*/



/*media page End*/

.recent_news{ width: 100%; float:left; margin-top:20px;}

.recent_news ul{ list-style:none;}
.recent_news li{ line-height:normal; float:left; background:none !important; margin:20px 40px 0 0 !important; padding:0 !important}
.recent_news li.list{ float:right; margin:20px 0 0 0 !important; padding:0 !important}
.recent_news li a { padding-left:0 !important;}
.recent_news .picDiv{ width:197px; height:195px;  float:left; }
.recent_news figure {position: relative;float: left;overflow: hidden;	margin: 0;	min-width:  100%;max-width: 100%;max-height:  100%;width: 100%;height: auto;text-align: center;cursor: pointer;}
.recent_news figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.recent_news figure figcaption,
.recent_news figure figcaption > a {	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}
.recent_news figure.effect-jazz { background:none}
.recent_news figure.effect-jazz img {opacity: 0.9;}
.recent_news figure.effect-jazz figcaption::after,
.recent_news figure.effect-jazz img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
.recent_news figure.effect-jazz figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.recent_news figure.effect-jazz:hover img {opacity: 0.7;	-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.recent_news figure.effect-jazz:hover figcaption::after {opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}	
/*media page End*/




/*annual page Start*/
.annual_reportsBox{ width: 100%; float:left; margin-top:20px;}
.annual_reportsBox ul{ list-style:none;}
.annual_reportsBox li{ line-height:normal; float:left; background:none !important; margin:20px 40px 0 0 !important; padding:0 !important;}
.annual_reportsBox li a { background:none !important; line-height: normal !important; padding-left: 0 !important; }

.annual_reportsBox li.list{ float:right; margin:20px 0 0 0 !important; padding:0 !important}
.annual_reportsBox .picDiv{ width:196px; height:194px;  float:left; }
.annual_reportsBox figure {position: relative;float: left;overflow: hidden;	margin: 0;	min-width:  100%;max-width: 100%;max-height:  100%;width: 100%;height: auto;text-align: center;cursor: pointer;}
.annual_reportsBox figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.annual_reportsBox figure figcaption,
.annual_reportsBox figure figcaption > a {	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}
.annual_reportsBox figure.effect-jazz { background:none}
.annual_reportsBox figure.effect-jazz img {opacity: 0.9;}
.annual_reportsBox figure.effect-jazz figcaption::after,
.annual_reportsBox figure.effect-jazz img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
.annual_reportsBox figure.effect-jazz figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.annual_reportsBox figure.effect-jazz:hover img {opacity: 0.7;	-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.annual_reportsBox figure.effect-jazz:hover figcaption::after {opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}	
/*annual page End*/



/* CSR Div Start*/
.csrcntr{ width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/csr-bg-img.jpg) center top no-repeat; background-size:cover;}
.csrcntr .txt-box { background: rgba(0, 0, 0, 0.5); bottom: 0; height: 160px;  left: 0; margin: auto; padding: 15px; position: absolute;  right: 0; top: 0; width: 630px;}
.csrcntr .txt-box h1 { font-family: 'latoregular'; font-size:38px; color:#fff; text-align:center; text-transform:capitalize;}
.csrcntr .txt-box h3 { font-family: 'latoregular'; font-size:24px; font-weight:normal; color:#fff; text-align:center; margin:20px 0; }
.csrcntr .txt-box .line { width:175px; margin:20px auto 0; border-bottom:#fff solid 2px;}
.csrcntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.csrcntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}




/* socially Div Start*/
.sociallycntr{ width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/socially-responsible-banner.jpg) center top no-repeat; background-size:cover;}
.sociallycntr .txt-box { width:634px; float:right; margin-top:150px; padding-top:35px; padding-bottom:35px; background:#7f664a;  opacity: 0.7;}
.sociallycntr .txt-box h1 { font-family: 'latolight'; font-size:38px; color:#ffffff; text-align:center;text-shadow:2px 2px 2px #333333; text-transform:uppercase}
.sociallycntr .txt-box h3 { font-family: 'latolight'; font-size:40px; font-weight:bold; color:#ffffff; text-align:center; margin:13px 0;text-transform:uppercase; letter-spacing: 3px;}
.sociallycntr .txt-box h5 { font-family: 'latolight'; font-size:22px; font-weight:normal; color:#ffffff; text-align:center; margin:13px 0; font-weight:bold; line-height:28px;}
.sociallycntr .txt-box .line { width:275px; margin:0 auto; border-bottom:#ffffff solid 1px; padding-bottom:15px;}
.sociallycntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.sociallycntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
 
.sociallyBox{width: 100%; float:left; margin-bottom:10px;}
.sociallyBox h2 { color: #000; font-family: "latoregular"; font-size: 32px; font-weight: normal; margin: 20px 0;  text-align: left; text-transform: uppercase;}
.sociallyBox .line { border-bottom: 2px solid #000; float: left; margin-left: -25px; width: 70px;}
.sociallyBox h3 { color: #eb1c24; font-family: "latolight"; font-size: 16px; font-weight: normal; margin: 20px 0;}
.sociallyBox h4 { color: #000; font-family: "latolight"; font-size: 16px; font-weight: normal; margin: 20px 0;}
.sociallyBox ul { list-style-type: none; margin: 0; padding: 0;}
.sociallyBox li { background:url("../images/feature-ul.jpg") no-repeat left 8px;  color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; margin: 10px 0; text-align: justify; padding-left:15px;}
.sociallyBox p { color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; margin: 20px 0; text-align: justify; }
.sociallyBox span{  color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: bold; }
 /* socially Div End*/
 
 
 .sitemapBox{width: 100%; float:left; margin-bottom:10px;}
.sitemapBox h2 { color: #000; font-family: "latoregular"; font-size: 32px; font-weight: normal; margin: 20px 0;  text-align: left; text-transform: uppercase;}
.sitemapBox .line { border-bottom: 2px solid #000; float: left; margin-left: -25px; width: 70px;}
.sitemapBox h3 { color: #eb1c24; font-family: "latolight"; font-size: 16px; font-weight: normal; margin: 20px 0;}
.sitemapBox h4 { color: #000; font-family: "latolight"; font-size: 16px; font-weight: normal; margin: 20px 0;}
.sitemapBox ul { list-style-type: none; margin: 0; padding: 0;}
.sitemapBox li {}

.sitemapBox li ul li a {}


.sitemapBox p { color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; margin: 20px 0; text-align: justify; }
.sitemapBox span{  color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: bold; }
/*Site Map end*/

 .thanksBox{width: 100%; float:left; margin-bottom:10px; position:relative;}
.thanksBox h2 { color: #000; font-family: "latoregular"; font-size:24px; font-weight: normal; margin: 20px 0;  text-align: left; text-transform: uppercase; text-align:center; margin-top:22%; line-height:30px;}
 
 
 
 /* privacy Div Start*/
.privacycntr{ width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/privacy-policy-banner.jpg) center top no-repeat; background-size:cover;}
.privacycntr .txt-box { background: rgba(0, 0, 0, 0.5); bottom: 0; height: 75px;  left: 0; margin: auto; padding: 15px; position: absolute;  right: 0; top: 0; width: 630px;}
.privacycntr .txt-box h1 { font-family: 'latoregular'; font-size:38px; color:#fff; text-align:center; text-transform:capitalize;}
.privacycntr .txt-box .line { width:175px; margin:20px auto 0; border-bottom:#fff solid 2px;}
.privacycntr .txt-box .line { width:275px; margin:0 auto; border-bottom:#ffffff solid 1px; padding-bottom:15px;}
.privacycntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.privacycntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
 
.privacyBox{width: 100%; float:left; margin-bottom:10px;}
.privacyBox h2 { color: #444444; font-family: "latolight"; font-size: 35px; font-weight: normal; margin: 20px 0;  text-align: left; text-transform: uppercase;}
.privacyBox .line { border-bottom: 2px solid #000; float: left; margin-left: -25px; width: 70px; margin-bottom:20px;}
.privacyBox h3 { color: #444444; font-family: "latoregular"; font-size: 16px; font-weight: bold; margin-bottom:10px;}

.privacyBox h4 { color: #444444; font-family: "latoregular"; font-size: 16px; font-weight: normal; margin: 20px 0;}
.privacyBox ul { list-style-type: none; margin: 0; padding: 0;}
.privacyBox li { background:url("../images/feature-ul.jpg") no-repeat left 8px;  color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; margin: 10px 0; text-align: justify; padding-left:15px;}
.privacyBox p { color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; text-align: justify; margin-bottom:20px; }
.privacyBox p a { text-decoration:none;}
.privacyBox p a:hover { text-decoration:underline !important;}
.privacyBox span{  color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: bold; }
 /* privacy Div End*/
 
 
 /* privacy Div Start*/
.disclaimercntr{ width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/socially-responsible-banner.jpg) center top no-repeat; background-size:cover;}
.disclaimercntr .txt-box { width:634px; float:right; margin-top:150px; padding-top:35px; padding-bottom:35px; background:#7f664a;  opacity: 0.7;}
.disclaimercntr .txt-box h1 { font-family: 'latolight'; font-size:38px; color:#ffffff; text-align:center;text-shadow:2px 2px 2px #333333; text-transform:uppercase}
.disclaimercntr .txt-box h3 { font-family: 'latolight'; font-size:40px; font-weight:bold; color:#ffffff; text-align:center; margin:13px 0;text-transform:uppercase; letter-spacing: 3px;}
.disclaimercntr .txt-box h5 { font-family: 'latolight'; font-size:22px; font-weight:normal; color:#ffffff; text-align:center; margin:13px 0; font-weight:bold; line-height:28px;}
.disclaimercntr .txt-box .line { width:275px; margin:0 auto; border-bottom:#ffffff solid 1px; padding-bottom:15px;}
.disclaimercntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.disclaimercntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
 
.disclaimerBox{width: 100%; float:left; margin-bottom:10px;}
.disclaimerBox h2 { color: #444444; font-family: "latolight"; font-size: 35px; font-weight: normal; margin: 20px 0;  text-align: left; text-transform: uppercase;}
.disclaimerBox .line { border-bottom: 2px solid #000; float: left; margin-left: -25px; width: 70px; margin-bottom:20px;}
.disclaimerBox h3 { color: #444444; font-family: "latoregular"; font-size: 16px; font-weight: bold; margin-bottom:10px;}

.disclaimerBox h4 { color: #444444; font-family: "latoregular"; font-size: 16px; font-weight: normal; margin: 20px 0;}
.disclaimerBox ul { list-style-type: none; margin: 0; padding: 0;}
.disclaimerBox li { background:url("../images/feature-ul.jpg") no-repeat left 8px;  color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; margin: 10px 0; text-align: justify; padding-left:15px;}
.disclaimerBox p { color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; text-align: justify; margin-bottom:20px; }
.disclaimerBox span{  color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: bold; }
 /* privacy Div End*/
 
 
 
/* Green Div Start*/
.greencntr{ width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/green-bg-updated.jpg) center top no-repeat; background-size:cover;}
.greencntr .txt-box { width:510px; height:80px; position:absolute; right:0; top:0; left:0; bottom:0; margin:auto; background: rgba(0,0,0,0.5); padding:15px;}
.greencntr .txt-box h1 { font-family: 'latolight'; font-size:38px; color:#ffffff; text-align:center; text-transform:capitalize;}
.greencntr .txt-box .line { width:130px; margin:0 auto; border-bottom:#ffffff solid 2px; padding-bottom:15px;}
.greencntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.greencntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
 
.greenBox{width: 100%; float:left; margin-bottom:10px;}
.greenBox h2 { color: #000; font-family: "latoregular"; font-size: 32px; font-weight: normal; margin: 20px 0;  text-align: left; text-transform: uppercase;}
.greenBox .line { border-bottom: 2px solid #000; float: left; margin-left: -25px; width: 70px;}
.greenBox h3 { color: #eb1c24; font-family: "latolight"; font-size: 16px; font-weight: normal; margin: 20px 0;}
.greenBox h4 { color: #000; font-family: "latolight"; font-size: 16px; font-weight: normal; margin: 20px 0;}
.greenBox ul { list-style-type: none; margin:35px auto; padding: 0; width:778px; }
.greenBox li { width:349px; float:left; margin-right:80px; text-align:center;}
.greenBox li:last-child { margin-right:0;}
.greenBox li span { text-align:center;}
.greenBox li a { width:190px; height:50px; display:inline-block; line-height:50px; text-align:center; border-radius:10px; background-color:#000; color:#FFF; font-family: "latolight"; font-size: 24px; margin:10px 0;}
.greenBox li a:hover { background-color:#ed3943;}

.greenBox p { color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; margin: 20px 0; text-align: justify; }
.greenBox span{  color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: bold; }
 /* Green Div End*/
 
 
/* Star Rating Div Start*/
.starratingcntr{ width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/star-rated-banner-final.jpg) center top no-repeat; background-size:100% 100%;}
.starratingcntr .txt-box { width:734px; height:220px; position:absolute; left:50px; top:130px; margin:auto;}
.starratingcntr .txt-box h1 { font-family: 'latolight'; font-size:32px; color:#050505; text-align:center; text-transform:capitalize;}
.starratingcntr .txt-box h3 { font-family: 'latolight'; font-size:22px; color:#000000; text-align:center; margin-top:30px;}
.starratingcntr .txt-box h4 { font-family: 'latoregular'; font-size:24px; color:#000000; text-align:center; margin-top:40px;}
.starratingcntr .txt-box .line { width:130px; margin:0 auto; border-bottom:#000 solid 1px; padding-bottom:15px;}
.starratingcntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center; z-index:99;}
.starratingcntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}

.starrating-faucetcntr{ width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/star-rated-banner.jpg) center top no-repeat; background-size:100% 100%;}

.starrating-faucetcntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center; z-index:99;}
.starrating-faucetcntr h2 #scrolldown {width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}
 
 
.lft-star-contain { width:450px; float:left; position:relative; text-align:center;}
.lft-star-contain .top-box { width:417px; float:right; text-align:right; height:auto; padding:0px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.lft-star-contain .top-box img { width:100%;}
.lft-star-contain .bottom-box { width:99px; left:0; top:245px; position:absolute;} 
.lft-star-contain .bottom-box img { width:100%;}
.lft-star-contain a { width:190px; height:50px; display:inline-block; line-height:50px; text-align:center; border-radius:10px; background-color:#000; color:#FFF; font-family: "latolight"; font-size: 24px; margin:10px 0;}
.lft-star-contain a:hover { background-color:#ed3943;}

.lft-star-contain-second { top:700px !important;}

.star-bottom-rating {width:90%; margin:30px auto;}

.rgt-start-contain { width:100%; float:left; border:#e5e5e5 solid 2px; margin-top:15px; min-height:100px; padding-bottom:20px;}
.rgt-start-contain-second { margin-top:0px !important;}
.star-bottom-rating-two { float:right !important;} 
.rgt-start-contain .txt-box { width:90%; margin:15px auto 0; min-height:400px; padding-bottom:15px; }
.rgt-start-contain .txt-box h2 {font-family: 'latoregular'; font-size:27px; font-weight:normal; text-transform:uppercase; color:#444444; text-align:left; margin:10px 0;}
.rgt-start-contain .txt-box .line { width:65px; float:left; border-bottom:#444444 solid 2px; margin-left:-25px;}
.rgt-start-contain .txt-box p {font-family: 'latoregular'; font-size:17px; font-weight:normal; color:#444444; text-align:left; margin:20px 0; line-height:22px; text-align:justify;}

.rgt-start-contain .txt-box ul { margin:0; padding:0; list-style-type:none;}
.rgt-start-contain .txt-box ul strong {font-family: 'latoregular'; font-size:16px; color:#444444; display:block; padding-bottom:10px;}
.rgt-start-contain .txt-box ul li { display:block; margin-bottom:10px; font-family: 'latoregular'; font-size:16px; font-weight:normal; color:#444444; text-align:left; background:url(../images/bullet.jpg) left 7px no-repeat; padding-left:25px;}

.rgt-start-contain-bottom { width:100%; float:right; margin:25px 0; min-height:100px;} 
.rgt-start-contain-bottom .txt-box { width:85%; float:left; margin-left:120px; margin-top:15px; min-height:100px; padding-bottom:15px; }
.rgt-start-contain-bottom .txt-box span {font-family: 'latoregular'; font-size:12px; color:#444444; display:block; padding-bottom:10px;}
.rgt-start-contain-bottom .txt-box ul { margin:30px 0; padding:0; list-style-type:none;}
.rgt-start-contain-bottom .txt-box ul li { float:left;}
.rgt-start-contain-bottom .txt-box ul li a { background:url(../images/star-pdf.jpg) left top no-repeat; padding-left:54px; height:58px; display:block; line-height:58px; margin:0 40px 0 0; font-family: 'latoregular'; font-size:16px; color:#444444;}
.rgt-start-contain-bottom .txt-box ul li a:hover { color:#cb0606;}
.rgt-start-contain-bottom .txt-box ul li:last-child a { margin-right:0;}
 /* Star Rating Div End*/
 

/*products*/

.middlecontainerproducts { width:1250px; margin:20px auto 0;}

.banner01{padding:0; margin:0; overflow:hidden; color:#fff;}
.banner01txtp{position:absolute; display:none; width:750px; height:auto; left:0; right:0; top:25%; margin:auto; background: rgba(0,0,0,0.6); padding:20px;}
.banner01txtp h5{margin-bottom:20px;font-size:40px; line-height:32px; font-family: 'latolight'; text-align:center;}
.banner01txtp h2{font-size:38px; text-align:center;margin: 0 auto; font-weight:normal; letter-spacing:0.5px; text-transform:capitalize; width:100%; position:relative; top: 0; display:block;}

.banner02{padding:0; margin:0; overflow:hidden; color:#fff;}
.banner02 > img{ width:100%; height:94vh !important;} 
.banner02txtp{position:absolute; top:10%; display:none; width:390px; padding:20px; height:190px; margin:auto;left:0; right: 0; background: rgba(0,0,0,0.5);}
.banner02txtp img{ width:248px !important;margin: 0 auto; margin-bottom:25px;}
.banner02txtp h2{font-size:38px; line-height:40px; text-align:center; text-transform:capitalize; width:100%; position:static; float:left; clear:both; display:block;}
.banner02txtp h6{font-size:33px;text-align:center;margin: 0 auto;font-family: 'latoregular'; font-weight:normal;}

.banner03{padding:0; margin:0; overflow:hidden; color:#fff;}
.banner03 img{ width:100%; height:94vh !important;} 
.banner03txtp{position:absolute; top:12%; display:none; width:465px; height:auto; margin:auto; right:0; left:0; background: rgba(0,0,0,0.5); padding:20px; }
.banner03txtp img{ width:151px !important;margin: 0 auto; margin-bottom:10px; height:32px !important;}
.banner03txtp h2{font-size:40px; line-height:50px; font-family: 'latoregular'; text-align:center; text-transform:capitalize; width:100%; display:block; float:left; position:static;}

.banner04{padding:0; margin:0; overflow:hidden; color:#fff;}
.banner04 > img{ width:100%; height:94vh !important;} 
.banner04txtp{position:absolute; top:10%; display:none; width:670px; height:auto; margin:auto; right:0; left:0; background: rgba(0,0,0,0.5); padding:20px;}
.banner04txtp img{ width:227px !important;margin: 0 auto; margin-bottom:25px;}
.banner04txtp h5{font-size:43px; line-height:50px; font-family: 'latoregular'; text-align:center; text-transform:capitalize; color:#fff;}

.line-p { width:120px; height:2px; background:#fff; margin:0 auto; margin-top:15px; clear:both;}

ul#filter-p {width: 100%;}
ul#filter-p li {float: left;width: 136px;height: 43px;background: #dedede;border: 1px solid #5b5b5b;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;-webkit-transition: all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;   -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;margin-left: -9px;}
ul#filter-p li img {left: 0px;right: 0px;margin: 0px auto;}
ul#filter-p li:last-child {}
ul#filter-p a {text-decoration: none; font-size:0px; line-height:0px;}
ul#filter-p li.current, ul#filter-p li:hover { background:#fff;text-decoration: none !important;position: relative; z-index:1;}

ul#product-category { margin:0 auto;margin-top: 42px; width: 1250px; }
ul#product-category li { float: left;margin:0 44px 20px 0; width: 266px;height: 304px; text-transform:uppercase;text-align: center;}
ul#product-category li img {border:1px solid #8c8c8c;}
ul#product-category li a { display: block; width: 100%;  color:#000;color: #000;font-family: "latolight";font-size: 20px;line-height: 20px;}
ul#product-category a:hover { text-decoration: none; color:#ee3a43; }


.grid1 { position: relative;	margin: 0 auto;max-width: 1000px;	list-style: none;text-align: center;}
.grid1.none{ padding:0;}
.grid1 figure { cursor: pointer; float: left; margin: 0 0 10px 0; max-height: 100%; max-width: 100%; min-width: 100%;  overflow: hidden; position: relative; text-align: center; width: auto;}
.grid1 figure figcaption,
.grid1 figure figcaption > a { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.rgt-prod {margin-top:57%;width: 102px;float: left;margin-left: 81px;text-align: center;}
ul.buynow .rgt-prod a {font-family: 'latolight'; font-size:20px; font-weight:normal; color:#ee3a43; text-align:center; margin:0; display:block;}
ul.buynow {float:left;}
.hoverbox { width:40px;margin: 0 auto;}



@-webkit-keyframes hvr-pulse {
  0% { -ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}
	25% { -ms-transform: translate(10px,0px); /* IE 9 */
    -webkit-transform: translate(10px,0px); /* Safari */
    transform: translate(10px,0px); /* Standard syntax */}
	50% {-ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}
	75% { -ms-transform: translate(10px,0px); /* IE 9 */
    -webkit-transform: translate(10px,0px); /* Safari */
    transform: translate(10px,0px); /* Standard syntax */}
	100% {-ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}
}


  
@keyframes hvr-pulse {
	0% { -ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}
	25% { -ms-transform: translate(10px,0px); /* IE 9 */
    -webkit-transform: translate(10px,0px); /* Safari */
    transform: translate(10px,0px); /* Standard syntax */}
	50% {-ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}
	75% { -ms-transform: translate(10px,0px); /* IE 9 */
    -webkit-transform: translate(10px,0px); /* Safari */
    transform: translate(10px,0px); /* Standard syntax */}
	100% {-ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}
}

  
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
ul.buynow .rgt-prod a:hover {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.product-bottombg{width: 100%;height:579px;margin: 0;padding: 0;position: relative;overflow: hidden;}
.product-bottombg img{ width:100%;}

.product-bottombg-main{width: 100%;height:579px;margin: 0;padding: 0;position: relative;overflow: hidden; background:url(../images/product-home-banner.jpg) left top no-repeat; background-size:100% 100%;}
.product-bottombg-main a {font-family: 'latolight'; font-size:40px; color:#FFF; text-align:center; width:250px; height:75px; line-height:75px; display:block; background-color:#000; margin:auto; border-radius:10px; position:absolute; left:0; top:0; right:0; bottom:0;}
.product-bottombg-main a:hover { background-color:#ee3a43;}


ul#filter-c {width: 100%;}
ul#filter-c li {float: left;width: 136px;height: 43px;background: #dedede;border: 1px solid #5b5b5b;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;-webkit-transition: all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;   -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;margin-left: -9px;}
ul#filter-c li img {left: 0px;right: 0px;margin: 0px auto;}
ul#filter-c li:last-child {}
ul#filter-c a {text-decoration: none; font-size:0px; line-height:0px;}
ul#filter-c li.current, ul#filter-p li:hover { background:#fff;text-decoration: none !important;position: relative; z-index:1;}

ul#product-category1 { margin:0 auto;margin-top: 42px; }
ul#product-category1 li {float:left; margin:0 28px 20px 0; width: 266px; /*height:340px;*/ text-transform:uppercase; text-align: center;}
ul#product-category1 li img {border:1px solid #8c8c8c;width:98%;}
ul#product-category1 li a {display: block; width: 100%;  color:#000;font-family: "latolight";font-size: 20px;line-height: 20px;}
ul#product-category1 a:hover {text-decoration: none; color:#ee3a43; }




ul#product-category1 { min-height:200px !important;}
.product-category-bottombg{width: 100%;height:579px;margin: 0;padding: 0;position: relative;overflow: hidden; background:url(../images/product-home-banner.jpg) left top no-repeat; background-size:cover;}
.product-category-bottombg a {font-family: 'latolight'; font-size:40px; color:#FFF; text-align:center; width:250px; height:75px; line-height:75px; display:block; background-color:#000; margin:auto; border-radius:10px; position:absolute; left:0; top:0; right:0; bottom:0;}
.product-category-bottombg a:hover { background-color:#ee3a43;}

.product-category-bottombg2 {width: 100%;height:579px;margin: 0;padding: 0;position: relative;background: url(../images/product-category-bottombg2.jpg) center top no-repeat;background-size: cover;}
.product-category-urinals {width: 100%;height:579px;margin: 0;padding: 0;position: relative;background: url(../images/urinals-bottom-img.jpg) center top no-repeat;background-size: cover;}
.product-category-showers {width: 100%;height:579px;margin: 0;padding: 0;position: relative;background: url(../images/showers-bottom-img.jpg) center top no-repeat;background-size: cover;}


.product-category-fau-bottombg {width: 100%;height:579px;margin: 0;padding: 0;position: relative; overflow:hidden;}
.product-category-fau-bottombg img { width:100%;}
.product-category-fau-bottombg{width: 100%;height:579px;margin: 0;padding: 0;position: relative;overflow: hidden; background:url(../images/faucet-bottom-banner.jpg) left top no-repeat; background-size:cover;}
.product-category-fau-bottombg a {font-family: 'latolight'; font-size:40px; color:#FFF; text-align:center; width:250px; height:75px; line-height:75px; display:block; background-color:#000; margin:auto; border-radius:10px; position:absolute; left:0; top:0; right:0; bottom:0;}
.product-category-fau-bottombg a:hover { background-color:#ee3a43;}




.middlecontainerproducts .breadcum { width:100%; float:left; height:30px; line-height:30px; font-family: 'latoregular'; color:#4e4e4e; font-size:17px;}
.middlecontainerproducts .breadcum a { color:#4e4e4e; font-size:17px;}
.middlecontainerproducts .breadcum a:hover { color:#cb0606;}



ul#filter-f {width: 54%; float:right;}
ul#filter-f li {float: left;width: 166px;height: 50px;border-right: 1px solid #000; }
ul#filter-f li img {left: 0px;right: 0px;margin: 0px auto;}
ul#filter-f li:last-child {border-right:0px;}
ul#filter-f li a {text-decoration: none; font-size:0px; line-height:0px;}
ul#filter-f li.current, ul#filter-f li:hover {text-decoration: none !important;position: relative; z-index:1;background:url(../images/red.png) no-repeat 50% 100%;}

.product-right-filters {width: 41%; float:right; margin-top:20px;}
ul.product-right-filters li {float: left;width: 166px;height: 50px;border-right: 1px solid #000; }
ul.product-right-filters li img {left: 0px;right: 0px;margin: 0px auto;}
ul.product-right-filters li:last-child {border-right:0px;}
ul.product-right-filters li a {text-decoration: none; font-size:0px; line-height:0px;}
ul.product-right-filters li.current, ul.product-right-filters li:hover {text-decoration: none !important;position: relative; z-index:1;background:url(../images/red.png) no-repeat 50% 100%;}
.producttaabs{margin: 0px auto;display: block;}

/* ### categories container Banner ### */
.categorycntrfaucets { width:100%; height:calc(100vh - 114px); margin:0; padding:0; position:relative; background:url(../images/faucets-banner-new.jpg) center top no-repeat; background-size:cover;}
.categorycntrfaucets .txt-box {width: 480px;height: 140px;position: absolute;right: 80px; top:0; bottom:0; margin:auto; background: rgba(0,0,0,0.6); padding:15px;}
.categorycntrfaucets .txt-box h1 {font-family: 'latolight';font-size: 45px;color: #fff;text-align: center;text-transform:capitalize;}
.categorycntrfaucets .txt-box h2 {font-family: 'latolight';font-size: 40px;color: #fff;text-align: center;text-transform:capitalize; position: relative; width: auto; height: auto; bottom: auto;}
.categorycntrfaucets .txt-box .line { width:135px; border-bottom:#fff solid 1px; padding-bottom:15px;margin: 0 auto;}


/* ### Activity Box ### */
.activityBox{ width:710px; float:left; background:#ebf0f3; padding-left:37px; padding-top:30px; }
.activityBox ul{ list-style:none; margin:0 0 20px 0 !important; padding:0 0 20px 0 !important; border-bottom:#ccc solid 1px; float:left; }
.activityBox ul.list{ border-bottom:none; }
.activityBox li{ list-style:none; margin:0 18px !important; padding:0 !important; width:auto !important; float:left !important; background:none !important;}
.activityBox li a{ display:inline; margin:0 !important; padding:0 !important; background:none !important}

/* ### Meets Box ### */
.activitymeetsBox{ width:740px; float:left;  padding-left:10px; padding-top:20px; background:#ebf0f3;}
.activitymeetsBox ul{ list-style:none; margin:0 0 10px 0 !important; padding:0 !important; float:left; }
.activitymeetsBox li{ list-style:none; margin:0 5px 10px 10px !important; padding:0 !important; width:auto !important; float:left !important; background:none !important;}
.activitymeetsBox li a{ display:inline; margin:0 !important; padding:0 !important; background:none !important}

/* ### Associations Box ### */
.associationsBox{ width:710px; float:left; background:#ebf0f3; padding:10px 30px 0 30px; margin-top:0px; }
.associationsBox h3 { color: #444444; font-family: "latoregular"; font-size: 27px; font-weight: normal; margin: 10px 0; text-align: left;}
.associationsBox p { color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; line-height: 22px; margin: 20px 0; text-align: justify;}
.associationsBox ul{ list-style:none; margin:15px 0 20px 0 !important; padding:0 0 20px 0 !important; border-bottom:#ccc solid 1px; float:left; }
.associationsBox ul.list{ border-bottom:none; }
.associationsBox li{ list-style:none; margin:0 28px 20px 0 !important; padding:0 !important; width:auto !important; float:left !important; background:none !important;}
.associationsBox li a{ display:inline; margin:0 !important; padding:0 !important; background:none !important}









/*blog inner page start*/

.blogincntr { width:100%; height:auto; padding:10px 0 10px 0; margin:0; position:relative; background:#fff; float:left;}
.bloginnercontainer { width:1340px; margin:60px auto 0; position:relative; }
.bloginnercontainer .breadcum { width:100%; float:left; height:30px; line-height:30px; font-family: 'latoregular'; color:#4e4e4e; font-size:17px; position:relative; margin-bottom:25px;}
.bloginnercontainer .breadcum a { color:#4e4e4e; font-size:17px;}
.bloginnercontainer .breadcum a:hover { color:#cb0606;}



.bloginnercntr { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/blog-inner.jpg) center top no-repeat; background-size:cover;}
.bloginnercntr img { width:100%; height:100%;} 
.bloginnercntr .txt-box { width:590px; height:120px; position:absolute; left:0; top:85px; right:0; margin:auto; background: rgba(0,0,0,0.5); padding:15px;}
.bloginnercntr .txt-box h1 { font-family: 'latoregular'; font-size:42px; color:#fff; text-align:center; text-transform:capitalize;}
.bloginnercntr .txt-box h3 { font-family: 'latoregular'; font-size:30px; font-weight:normal; color:#fff; text-align:center; margin:10px 0;}
.bloginnercntr .txt-box .line { width:175px; margin:0 auto; border-bottom:#fff solid 2px;}
.bloginnercntr h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.bloginnercntr h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}

.toilettrivia { width:100%; height:94vh; margin:0; padding:0; position:relative; background: url(../images/bathroom-trivia.jpg) center top no-repeat; background-size:cover;}
.toilettrivia .txt-box { width:590px; height:120px; position:absolute; left:0; top:85px; right:0; margin:auto; background: rgba(0,0,0,0.5); padding:15px;}
.toilettrivia .txt-box h1 { font-family: 'latoregular'; font-size:42px; color:#fff; text-align:center; text-transform:capitalize;}
.toilettrivia .txt-box h3 { font-family: 'latoregular'; font-size:30px; font-weight:normal; color:#fff; text-align:center; margin:10px 0;}
.toilettrivia .txt-box .line { width:175px; margin:0 auto; border-bottom:#fff solid 2px;}
.toilettrivia h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.toilettrivia h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}

.fengshuibathroom { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/bathroom-glory.jpg) center top no-repeat; background-size:cover;}
.fengshuibathroom .txt-box { width:590px; height:120px; position:absolute; left:0; top:85px; right:0; margin:auto; background: rgba(0,0,0,0.5); padding:15px;}
.fengshuibathroom .txt-box h1 { font-family: 'latoregular'; font-size:42px; color:#fff; text-align:center; text-transform:capitalize;}
.fengshuibathroom .txt-box h3 { font-family: 'latoregular'; font-size:30px; font-weight:normal; color:#fff; text-align:center; margin:10px 0;}
.fengshuibathroom .txt-box .line { width:175px; margin:0 auto; border-bottom:#fff solid 2px;}
.fengshuibathroom h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.fengshuibathroom h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}

.bathroomglory { width:100%; height:94vh; margin:0; padding:0; position:relative; background:url(../images/blog-inner.jpg) center top no-repeat; background-size:cover;}
.bathroomglory .txt-box { width:590px; height:120px; position:absolute; left:0; top:85px; right:0; margin:auto; background: rgba(0,0,0,0.5); padding:15px;}
.bathroomglory .txt-box h1 { font-family: 'latoregular'; font-size:42px; color:#fff; text-align:center; text-transform:capitalize;}
.bathroomglory .txt-box h3 { font-family: 'latoregular'; font-size:30px; font-weight:normal; color:#fff; text-align:center; margin:10px 0;}
.bathroomglory .txt-box .line { width:175px; margin:0 auto; border-bottom:#fff solid 2px;}
.bathroomglory h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.bathroomglory h2 #scrolldown { width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}




.bloginnerBox{ width:100%; float:left; position:relative; margin-bottom:80px;}

.bloginnerBox .leftinner{ width:100%; float:left; text-align: justify;}
.bloginnerBox .leftinner h5 { color: #ee3a43; font-family: "latoregular"; font-size: 27px; font-weight: normal; margin: 0; text-align: left; text-transform: uppercase; display: inline-block;}
.bloginnerBox .leftinner h6 { color: #000000; font-family: "latoregular"; font-size: 22px; font-weight: normal; margin: 20px 0 15px 0; text-align: left; display: inline-block;}
.blogbanner { width: 100%; float: left; margin: 20px 0; }
.blogbanner img { width: 100%; }
.blog-socail { float: right; margin: 20px 0 15px 0;}
.blog-socail ul { margin: 0; padding: 0; list-style-type: none; }
.blog-socail ul li { float: left; margin-right: 10px; list-style-type: none !important; }
.bloginnerBox .leftinner .line { border-bottom: 2px solid #444444; float: left; margin-left: -25px; width: 65px; display: none;}
.bloginnerBox .leftinner p{ color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; padding:20px 0 20px 0; line-height:25px;}
.bloginnerBox .leftinner ul{ list-style:square; margin-left:20px;}
.bloginnerBox .leftinner ul li{list-style: square; color: #444444; font-family: "latoregular"; font-size: 17px; font-weight: normal; padding:0px 0 0px 0; line-height:25px;}
.bloginnerBox .leftinner ul li img:hover {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg)
}


.bloginnerBox .leftinner  .headingB{ width:100%; float:left; margin-top:45px;}
.bloginnerBox .leftinner .headingB .leftheadingB{width:auto;  color: #a0a0a0; font-family: "latoregular"; font-size: 17px; font-weight: normal; float:left }
.bloginnerBox .leftinner .headingB .rightheadingB{width:auto;  color: #a0a0a0; font-family: "latoregular"; font-size: 17px; font-weight: normal;   float:right}

.blog-bottomnav{ width:100%; float:left; position:relative; margin:30px 0 0px;}
.blog-bottomnav ul { margin: 0; padding: 0; list-style-type: none; }
.blog-bottomnav ul li { float: left; list-style-type: none !important;}
.blog-bottomnav ul li a { display: block; padding: 7px 30px;  margin-right:20px; font-family: 'latoregular'; color: #000000; font-size:17px; border:1px solid #2c2c2c; text-transform:uppercase;}
.blog-bottomnav ul li a:hover { background-color: #2c2c2c; color: #fff;}




.bloginnerBox  .rightinner{ width:620px; float:right; display: none;}
.bloginnerBox .rightinner h5 { padding-top:88px; color: #444444; font-family: "latoregular"; font-size: 27px; font-weight: normal; margin: 20px 0 15px 0; text-align: left;}
.bloginnerBox .rightinner ul{ list-style:none; margin:15px 0 20px 0 !important; padding:0 0 20px 0 !important;  float:left; }
.bloginnerBox .rightinner li{ list-style:none; padding:0 10px 10px 0!important; width:auto !important; float:left !important; background:none !important;}
.bloginnerBox .rightinner li a{ display:inline; margin:0 !important; padding:0 !important; background:none !important}


.textBoxnew {color:#ed1f24; font-family: 'robotoregular'; font-size: 15px; text-align: left; line-height: 20px; text-transform:capitalize; padding-top:0px; padding-bottom: 6px;}
.textBoxnew a{color:#e04f4c !important; font-family: 'robotoregular' !important; font-size: 16px !important;}
.textBoxnew a:hover{ color:#000 !important;}
.prodetailbx{ padding:10px; text-align:left; font-size:14px; color:#585858; font-family: "latoregular"; min-height:170px;}
ul#product-category1 li .prodetailbx {text-transform:none;}
.prodetailbx .detailbx{ line-height:24px;}
.prodetailbx .detailbx .clr-first {cursor: pointer; font-size: 10px; line-height: 24px;font-weight: bold; font-family: 'latolight'; margin-left: 5px; display: inline-block;}
.prodetailbx .detailbx .clr-first > img.imgcolor {margin-right: 2px; width: 15px !important; display: inline-block; margin-bottom: -3px;} 
.prodetailbx .detailbx.btnviv{ text-align:center; padding-top:10px;}
.prodetailbx .detailbx.btnviv a.viewbtn{ background-color: #e04f4c !important; font-family: 'robotoregular' !important; color: #fff !important; text-transform:capitalize !important; display: inline-block !important; margin: 0 auto; width: 100px !important; font-size: 13px !important; text-align: center; padding: 5px 10px;}
.prodetailbx .detailbx.btnviv a.viewbtn:hover{ background-color:#585858 !important;}


.hind{ width:100%; clear: both; margin-top: -20px;}
.hind p{  color: #000; font-family: "latolight"; font-size: 14px; font-weight: normal; margin: 0 0 15px 0; line-height:22px; text-align: justify;}
/*.hind h3{ margin-bottom:15px; font-weight:bold;font-family: "latolight"; font-size:20px;}*/
.hind h2{ color: #000;font-family: "latolight";font-size: 14px !important;text-transform: uppercase;line-height: 30px;font-weight: bold; margin-bottom:5px !important}
.hind ul{ list-style:none; margin-left: 35px;}
.hind li{ list-style: outside;color: #000;font-family: "latolight";font-size: 14px;margin: 0 0 15px 0 !important;float: none !important;width: auto !important;text-transform: none !important;text-align: left !important; }


/*BANNER DOWN ARROW*/
.categorycntr > h2, .washbasinscntr > h2,  .categorycntrfaucets > h2, .showerscntr > h2, .cisternscntr > h2,.acessoriescntr > h2,.buycntr > h2, .specifiercntr > h2, .vanitycntr > h2,  .visualisecntr > h2, .maintenancecntr > h2,  .homebanner > h2, .aboutcntr > h2,  .carecntr > h2, .productcntr > h2, .quardacntr > h2,  .launchcntr > h2, .brandcntr-banner > h2, .blogBoxcntr > h2, .rimlesscntr-page > h2, .clean_rimless > h2, .clean_rimless-inner > h2, .urinalscntr > h2, .kidscntr > h2, .rimlesscntr > h2 { position:absolute; left:0px; bottom:40px; right:0; width:40px; height:40px; margin:auto;  padding:0px; text-align:center }
.categorycntr > h2 #scrolldown, .washbasinscntr > h2 #scrolldown, .categorycntrfaucets > h2 #scrolldown,.showerscntr > h2 #scrolldown, .buycntr > h2 #scrolldown, 
.cisternscntr > h2 #scrolldown, .acessoriescntr > h2 #scrolldown, .visualisecntr > h2 #scrolldown, .launchcntr > h2 #scrolldown, .rimlesscntr-page > h2 #scrolldown, 
.clean_rimless > h2 #scrolldown, .clean_rimless-inner h2 #scrolldown,.urinalscntr > h2 #scrolldown,.blogBoxcntr > h2 #scrolldown,.quardacntr > h2 #scrolldown,.homebanner > h2 #scrolldown, .specifiercntr > h2 #scrolldown, .vanitycntr > h2 #scrolldown, .carecntr > h2 #scrolldown,.productcntr > h2 #scrolldown, 
.brandcntr-banner h2 #scrolldown,.aboutcntr > h2 #scrolldown,.maintenancecntr > h2 #scrolldown, .kidscntr > h2 #scrolldown, .rimlesscntr > h2 #scrolldown{ width:40px; height:40px; padding:0px; margin:0px auto; float:none; cursor:pointer;-webkit-animation: bounce 1.7s;-webkit-animation-iteration-count: infinite;-moz-animation: bounce 1.7s;-moz-animation-iteration-count: infinite;-o-animation: bounce 1.7s;-o-animation-iteration-count: infinite;}


 
/*BANNER CAPTION*/
.banner_caption{width: 950px; height:auto; min-height:100px; position: absolute;margin: auto; background: rgba(0,0,0,0.6); padding:15px; display:table;}
.banner_caption.centr_middle{left:0; top:10%; right:0; bottom:0;}
.banner_caption.centr_middle img{ width:151px !important;margin: 0 auto; margin-bottom:10px; height:32px !important;}
.banner_caption.centr_bott{left:0; right:0; bottom:100px;}
.banner_caption.centr_right{right:100px; top:200px; bottom:0;}
.banner_caption.centr_left{left:100px; top:0; bottom:0;}
.banner_caption img.scale{position:absolute; top:-100%; left:0; width:auto !important; height:100% !important;}
.banner_caption h1{font-family:'latoregular';font-size:42px; font-weight: normal; color:#ffffff;text-align: center;text-transform:capitalize; margin:0 0 5px;width: 100%; display:block; float:left; clear:both;}
.banner_caption h2{font-family:'latoregular';font-size:42px; font-weight: normal; color:#ffffff;text-align: center;text-transform:capitalize; margin:0 0 5px;width: 100%; display:block; float:left; clear:both; visibility: inherit;}
.banner_caption .hind_logo{width:100%; display:block; float:left; clear:both;}
.banner_caption .hind_logo > img{display:table; margin:0 auto;}
.banner_caption .line{width:250px; margin: 0 auto;border-bottom: #ffffff solid 1px; clear:both; display:table;}
.banner_caption .line-p{margin-top:0;}
.brand-1600 { display:block;}
.brand-768 { display:none;}
.brand-320 { display:none;}









@media only screen and (min-width:1566px) and (max-width:1680px){

.inspirecntr .txt-box {left: 13%;top: 11%;}


}

@media only screen and (min-width:1340px) and (max-width:1566px){
/*inspire me start*/
.inspirecntr .txt-box {	width: 466px;left: 18%;top: 8%;padding: 1%;}
.inspirecntr .txt-box h1 {font-size: 31px;}	
.inspirecntr .txt-box .line {width: 361px;margin-top: 10px;}
.inspirecntr .txt-box h3 {font-size: 25px;margin: 11px 0;}
.middlecontainerinspire {width: 1260px;}
.inspireBox {width: 1260px;}
.inspireBox h2 {font-size:25px;}
ul#portfolio { width:1260px;}
ul#portfolio li { margin: 15px 34px;}
ul#filter1 li {margin: 0px 44px;}

.banner02txtp { top:5%;}

/*inspire me end*/

/*products*/
.banner01txtp h5 { font-size:37px; margin-bottom:15px;}
.banner01txtp h6 { font-size:34px;}
.banner02txtp { top:5%; width:340px;}
.banner02txtp img { width:210px !important;}
.banner02txtp h5 { font-size:34px; line-height:40px;}
.banner03txtp { width:430px; top:10%;}
.banner03txtp h5 { font-size:36px;}
.banner04txtp { width:500px;}
.banner04txtp img { width:190px !important;}
.banner04txtp h5 { font-size:36px; line-height:45px;}

ul#product-category1 li {margin: 0 18px 20px 0;width: 246px;}
.product-bottombg {height: 485px;}
.product-category-bottombg {height: 488px;}
.product-category-bottombg2 {height: 488px;}
.product-category-urinals{height: 488px;}
.product-category-showers{height: 488px;}
.product-category-fau-bottombg {height: 488px;}
ul#product-category1 li img { width:98%;}

}

@media only screen and (min-width:1260px) and (max-width:1339px){
/*inspire me start*/
.inspirecntr .txt-box {width: 466px;left: 13%;top: 14%;padding: 2%;}
.inspirecntr .txt-box h1 {font-size: 31px;}	
.inspirecntr .txt-box .line {width: 361px;margin-top: 10px;}
.inspirecntr .txt-box h3 {font-size: 25px;margin: 11px 0;}
.middlecontainerinspire {width: 1180px;}
.inspireBox {width: 1180px;}
.inspireBox h2 {font-size:25px;}
ul#portfolio { width:1180px;}
ul#portfolio li { margin: 15px 21px;}
ul#filter li {margin: 0px 44px;}
ul#filter1 li {margin: 0px 37px;}
 /*inspire me end*/

/*products*/
.middlecontainerproducts {width: 1120px;} 
.banner01txtp { width:635px; top:12%;}
.banner01txtp h5 { font-size:35px; margin-bottom:15px;}
.banner01txtp h6 { font-size:32px;}
.banner02txtp { top:5%; width:330px; height:180px;}
.banner02txtp img { width:210px !important;}
.banner02txtp h5 { font-size:35px; line-height:40px;}

.banner03txtp { width:405px;}
.banner03txtp h5 { font-size:34px; line-height:42px;}
.banner04txtp { width:460px;}
.banner04txtp img { width:180px !important;}
.banner04txtp h5 { font-size:33px; line-height:43px;}
ul#product-category {width: 1120px;}
ul#product-category li {margin: 0 14px 20px 0;}
.product-bottombg {height: 462px;}
ul#product-category1 li {margin: 0 17px 20px 0;width: 246px;}
.product-category-bottombg {height: 462px;}
.product-category-bottombg2 {height: 462px;}
.product-category-urinals{height: 462px;}
.product-category-showers{height: 462px;}
ul#filter-f {width: 60%;}
ul.product-right-filters {width:46%;}

.product-category-fau-bottombg {height: 462px;}
}


@media only screen and (min-width:1132px) and (max-width:1259px){
/*inspire me start*/
.inspirecntr .txt-box {width: 466px;left: 13%;top: 14%;padding: 2%;}
.inspirecntr .txt-box h1 {font-size: 31px;}	
.inspirecntr .txt-box .line {width: 361px;margin-top: 10px;}
.inspirecntr .txt-box h3 {font-size: 25px;margin: 11px 0;}
.middlecontainerinspire {width: 1000px;}
.inspireBox {width: 1000px;}
.inspireBox h2 {font-size:27px;}
ul#portfolio { width:1000px;}
ul#portfolio img { width: 100%;}
ul#portfolio li { margin: 9px; width:315px;}
ul#filter li {margin: 0px 36px;}
ul#filter a { font-size: 17px;}
ul#filter1 a { font-size: 17px;}
ul#filter1 li {margin: 0px 27px;}
.inspiresubhead { font-size: 22px; margin-bottom: 20px;}
 /*inspire me end*/
 
/*products*/
.middlecontainerproducts {width:960px;} 
.banner01txtp { width:635px; top:12%;}
.banner01txtp h5 { font-size:35px; margin-bottom:15px;}
.banner01txtp h6 { font-size:32px;}
.banner02txtp { top:5%; width:310px; height:170px;}
.banner02txtp img { width:210px !important;}
.banner02txtp h5 { font-size:32px; line-height:38px;}
.banner03txtp { width:405px;}
.banner03txtp h5 { font-size:34px; line-height:42px;}
.banner04txtp { width:450px;}
.banner04txtp img { width:180px !important;}
.banner04txtp h5 { font-size:32px; line-height:43px;}
ul#product-category {width: 960px;}
ul#product-category li {margin: 0 53px 10px 0;}
.product-bottombg { height: 408px;}
ul#product-category1 li {margin: 0 11px 11px 0;width: 211px;height: 274px;}
.product-category-bottombg { height: 408px;}
.product-category-bottombg2 { height: 408px;}
.product-category-urinals{ height: 408px;}
.product-category-showers{ height: 408px;}
ul#product-category li a {font-size: 14px;}
.product-category-fau-bottombg { height: 408px;}
.categoryBox .left_category {width: 319px;}
ul#filter-f {width: 66%;}
ul#filter-f li { width: 156px;}
ul.product-right-filters {width: 50%;}
ul.product-right-filters li { width: 156px;}



}
@media only screen and (min-width:1004px) and (max-width:1131px){
/*inspire me start*/
.inspirecntr .txt-box {width: 466px;left: 11%;top: 14%;padding: 2%;}
.inspirecntr .txt-box h1 {font-size: 31px;}	
.inspirecntr .txt-box .line {width: 361px;margin-top: 10px;}
.inspirecntr .txt-box h3 {font-size: 25px;margin: 11px 0;}
.middlecontainerinspire {width: 960px;}
.inspireBox {width: 960px;}
.inspireBox h2 {font-size:22px;}
ul#portfolio { width:960px;}
ul#portfolio img { width: 100%;}
ul#portfolio li { margin:12px; width:296px;}
ul#filter li {margin: 0px 32px;}
ul#filter a { font-size: 17px;}
ul#filter1 a { font-size: 17px;}
ul#filter1 li {margin: 0px 24px;}
.inspiresubhead { font-size: 22px; margin-bottom: 20px;}
 /*inspire me end*/
  
/*products*/
.middlecontainerproducts {width:850px;} 
.banner01txtp { width:635px; top:15%;}
.banner01txtp h5 { font-size:35px; margin-bottom:15px;}
.banner01txtp h6 { font-size:32px;}
.banner02txtp { top:5%; width:290px; height:170px;}

.banner02txtp img { width:210px !important;}
.banner02txtp h5 { font-size:30px; line-height:36px;}

.banner03txtp { width:400px;}
.banner03txtp h5 { font-size:34px; line-height:42px;}
.banner04txtp { width:430px;}
.banner04txtp img { width:180px !important;}
.banner04txtp h5 { font-size:32px; line-height:43px;}

ul#product-category {width: 850px;}
ul#product-category li {margin: 0 47px 10px 0;height: 274px;width: 236px;}
ul#product-category li img { width: 99%;}
.product-bottombg {height: 366px;}
ul#product-category1 li {margin: 0 10px 20px 0;/*width: 177px;height: 220px;*/}
.textBox {font-size: 15px; padding-top: 3px;}
.product-category-bottombg {height: 366px;}
.product-category-bottombg2 {height: 366px;}
.product-category-urinals{height: 366px;}
.product-category-showers{height: 366px;}
ul#product-category li a {font-size: 15px;}
.product-category-fau-bottombg {height: 366px;}
.categoryBox .left_category {width:244px;}
ul#filter-f {width:70%;}
ul#filter-f li { width: 145px;}
ul.product-right-filters {width:70%;}
ul.product-right-filters li { width: 145px;}

.categorycntr { height:91vh;}






}





@media only screen and (min-width:768px) and (max-width:1003px){
  
/*products*/
.middlecontainerproducts {width:750px;} 
.banner01txtp { width:490px; top:15%;}
.banner01txtp h5 { font-size:35px; margin-bottom:15px;}
.banner01txtp h6 { font-size:32px;}
.banner02txtp { top:5%; width:290px; height:170px;}

.banner02txtp img { width:210px !important;}
.banner02txtp h5 { font-size:30px; line-height:36px;}

.banner03txtp { width:400px;}
.banner03txtp h5 { font-size:34px; line-height:42px;}
.banner04txtp { width:430px;}
.banner04txtp img { width:180px !important;}
.banner04txtp h5 { font-size:32px; line-height:43px;}

ul#product-category {width: 850px;}
ul#product-category li {margin: 0 47px 10px 0;height: 274px;width: 236px;}
ul#product-category1 li a { font-size:18px;}
ul#product-category li img { width: 99%;}
.product-bottombg {height: 366px;}
ul#product-category1 li {margin: 0 10px 20px 0;/*width:220px;height: 260px;*/}
ul#product-category1 li img { width: 98%;}
.textBox {font-size: 15px; padding-top: 3px;}
.product-category-bottombg {height: 366px;}
.product-category-bottombg2 {height: 366px;}
.product-category-urinals{height: 366px;}
.product-category-showers{height: 366px;}
ul#product-category li a {font-size: 15px;}
.product-category-fau-bottombg {height: 366px;}
.categoryBox .left_category {width:244px;}
ul#filter-f {width:90%;}
ul#filter-f li { width: 145px;}
ul.product-right-filters {width:70%;}
ul.product-right-filters li { width: 145px;}
.product-bottombg-main {height: 289px;}
.product-bottombg-main a {font-size: 30px;width: 200px;height: 65px;line-height: 65px;}

.categorycntr { height:91vh;}

.categorycntrfaucets { height:91vh;}
.categorycntrfaucets h2 { bottom:95px;}

.washbasinscntr { height:91vh;}
.txt-box.flmob { float: left !important; }

/*ul#product-category1 { margin-top:0;}*/

ul.tabs { text-align:center;}
ul.tabs li{ float:none; display:inline-block; width:200px;}

}
@media only screen and (min-width:600px) and (max-width:767px){
ul#filter-f {width:100%;}
ul#filter-f li { width: 130px;}
ul.product-right-filters li { width:130px;}
.middlecontainer .rgt-contain .txt-box ul{ text-align:center !important;}
.middlecontainer .rgt-contain .txt-box ul li{ float:none !important; display:inline-block; margin:5px !important;}
.middlecontainer .rgt-contain .txt-box{ padding-bottom:10px;}

.middlecontainer .navBox-new ul{ padding:10px 0;}
ul#product-category1 li a { font-size:17px;}
.mediaBox ul{ margin:35px 0 0 0 !important; }
.mediaBox li{ margin:0 !important; width:96%;}

ul.tabs { text-align:center;}
ul.tabs li{ float:none; display:inline-block; text-align: center; font-size: 15px; padding: 5px 18px;}
.tabBox .tabDiv{ margin:20px 5px; width:255px;}
.home_solutionBox .left{ width:4%;}
.txt-box.flmob { float: left !important; }
.product-bottombg-main {height: 289px;}

}
@media only screen and (min-width:480px) and (max-width:599px){
		ul#filter-f {width:100%; text-align:center;}
ul#filter-f li { width: 90%; background:url(../images/border-bg.jpg) center bottom no-repeat; border-right:none; display:inline-block; float:none;}
ul.product-right-filters li { width: 90%; background:url(../images/border-bg.jpg) center bottom no-repeat; border-right:none; display:inline-block; float:none; margin-left:15px;}

ul#product-category1 li a { font-size:17px;}
.productBox .right_product .TopBox .selectBox { float:none; margin:10px auto;}
.productBox .right_product .TopBox .foundBox { margin:0 0 10px;}
ul#product-category1 li { width:49%; height:auto; margin-right:5px;}
ul#product-category1 li:nth-child(even){ margin-right:0px !important;}
.prodetailbx{ font-size:12px;}

.middlecontainer .rgt-contain .txt-box ul{ text-align:center !important;}
.middlecontainer .rgt-contain .txt-box ul li{ float:none !important; display:inline-block; margin:5px !important;}
.middlecontainer .rgt-contain .txt-box{ padding-bottom:10px;}

.mediaBox ul{ margin:35px 0 0 0 !important; }
.mediaBox li{ margin:0 !important; width:96%; padding-left:0 !important}
.mediaBox .media_left{ width:80%;}


ul.tabs { text-align:center;}
ul.tabs li{ float:none; display:inline-block;}
.tabBox .tabDiv{ margin:20px 5px; width:202px;}
.home_solutionBox .left{ width:4%;}
.txt-box.flmob { float: left !important; }
}

@media only screen and (min-width:120px) and (max-width:479px){
	ul#filter-f {width:100%; text-align:center;}
ul#filter-f li { width: 90%; background:url(../images/border-bg.jpg) center bottom no-repeat; border-right:none; display:inline-block; float:none;}
ul.product-right-filters li { width: 90%; background:url(../images/border-bg.jpg) center bottom no-repeat; border-right:none; display:inline-block; float:none; margin-left:15px;}

ul#product-category1 li a { font-size:17px;}
.productBox .right_product .TopBox .selectBox { float:none; margin:10px auto;}
.productBox .right_product .TopBox .foundBox { margin:0 0 10px;}
.tabBox .tabDiv { width:100%; margin-right:0px;}
.middlecontainer .rgt-contain .txt-box ul{ text-align:center !important;}
.middlecontainer .rgt-contain .txt-box ul li{ float:none !important; display:inline-block; margin:5px !important;}
.middlecontainer .rgt-contain .txt-box{ padding-bottom:10px;}

.mediaBox ul{ margin:35px 0 0 0 !important; }
.mediaBox li{ margin:0 !important; width:96%; padding-left:0 !important}
.mediaBox .media_left{ width:80%;}


ul.tabs { text-align:center;}
ul.tabs li{ float:none; display:inline-block; margin:2px 0;}
.home_solutionBox .left{ width:5%;}
.txt-box.flmob { float: left !important; }



}