@charset "utf-8";
/* designed and developed by actonate */
/* ruchi life style pvt.ltd */
/* 17-1-2015 */
@import url("../jquery.bxslider.css");

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,500,700,300);

@font-face {
    font-family: 'homizio_novaitalic';
    src: url('../fonts/italic.eot');
    src: url('../fonts/italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/italic.woff2') format('woff2'),
         url('../fonts/italic.woff') format('woff'),
         url('../fonts/italic.ttf') format('truetype'),
         url('../fonts/italic.svg#homizio_novaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
     font-weight:300; src: url('../fonts/light.eot');
    src: url('../fonts/light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/light.woff2') format('woff2'),
         url('../fonts/light.woff') format('woff'),
         url('../fonts/light.ttf') format('truetype'),
         url('../fonts/light.svg#homizio_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {font-weight:500;
    src: url('../fonts/regular.eot');
    src: url('../fonts/regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/regular.woff2') format('woff2'),
         url('../fonts/regular.woff') format('woff'),
         url('../fonts/regular.ttf') format('truetype'),
         url('../fonts/regular.svg#homizio_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.green1{
background-image: url('../img/back.jpg');
height: 39px;
width: 280px;
border: #7bcc0b 1px solid;
/* margin-left: -16px; */

font-size: 0.83em;

}
.thanks{float: left;}
.thanks p{
  margin: 0;
  padding: 10px 10px;
  color: #000;
  font-size: 0.8em;}
.true{float: left;}
.true img{padding-top: 6px;}

body{font-family: 'Roboto', sans-serif; color:#000 !important;}

.heading1{  font-weight:400; line-height:200%;}
.heading2{font-weight:300;  line-height:180%;}
.heading3{font-weight:300;  line-height:180%; }
.heading4{  font-weight:400; line-height:160%;}
.font-2{font-size:1.9em;}
.font-9{font-size:.9em;}
.font-1{font-size:1.1em;}
.font-1-3{font-size:1.3em;}
.font-1-only{font-size:1em;}
.text-center{text-align:center;}
.color-black{color:black;}
.color-dark-grey{color:#3e3e3e;}
.color-light-grey{color:#777777;}
.color-pink{color:#e83a93;}
.color-white{color:#FFF;}
.color-blue{color:#53c2d1;}
.color-yellow{color:#ecdc1f;}
.text-font-spacing p{margin:10px 0px; font-weight:400;}
.team-member-name{ line-height:150%;  color:#080808; font-size:.8em; font-weight:300; }
.team-member-name1{ line-height:150%;  color:#1a1a1a; font-size:.8em; font-weight:400; }

.text-justify{text-align:justify;}
.index-slider{width:100%; height:650px;  position:relative;  }

.index-slider-black-bg{background-image:url(../img/black-bg.png); width:100%; height: 100%; position:absolute; z-index:91; }

.ruchi-index-logo{position:absolute; width:180px; top:10px; left:5px; height:157px; background-image:url(../img/ruchi-life-style-logo.png); background-repeat:no-repeat; background-position:10px 00px;  z-index:92;  background-size:90%; }
/*.ruchi-index-logo-right{position:absolute; width:180px; top:10px; right:-5px; height:157px; background-image:url(../img/ruchi_a_logo.png); background-repeat:no-repeat; background-position:10px 00px;  z-index:92;  background-size:85%; }*/

.index-content{ padding:10px; height:350px; position:absolute;  width:300px;
z-index:93; bottom:30px; left:50%; margin-left:-150px;}

.index-inner-content{position:relative; width:100%; height:100%; }

.clear{clear:both;}

.index-icon{height: 100px; width: 100px; transform: translate(20px, 20px)  rotate(45deg); float:left;
-webkit-transition: background-color .28s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;

	}
.index-icon div{

transform: rotate(-45deg);

padding:55px 30px;
width:140px;
text-align:center;
color:white;
font-weight:bold;
font-size:0.8em;
letter-spacing:1px;

}

.index-icon div a{
color:white;
line-height:50%;
}

.index-icon1{transform: translate(60px, 20px)  rotate(45deg);}

.index-icon2{transform: translate(100px, 20px)  rotate(45deg);}

.index-icon3{transform: translate(140px, 20px)  rotate(45deg); }

.index-icon4{transform: translate(180px, 20px)  rotate(45deg);}

.index-icon5{transform: translate(220px, 20px)  rotate(45deg);}

.index-icon6{transform: translate(260px, 20px)  rotate(45deg);}

.index-icon7{transform: translate(90px, -95px)  rotate(45deg);}

.index-icon8{ transform: translate(130px, -5px)  rotate(45deg);}

.index-icon9{transform: translate(170px, -5px)  rotate(45deg);}

.index-icon10{transform: translate(210px, -5px)  rotate(45deg); }

.index-icon11{transform: translate(250px, -5px)  rotate(45deg);}

.index-icon12{transform: translate(290px, -5px)  rotate(45deg);}

.index-icon13{transform: translate(18px,-110px)  rotate(45deg);}


.index-icon14{transform: translate(61px,-110px)  rotate(45deg);}

.index-icon15{transform: translate(100px,-32px)  rotate(45deg);}


.index-icon16{ transform: translate(140px,-32px)  rotate(45deg);}

.index-icon17{transform: translate(180px,-32px)  rotate(45deg);}

.index-icon18{transform: translate(220px,-32px)  rotate(45deg);}

.index-icon19{transform: translate(260px,-32px)  rotate(45deg);}

.index-icon20{transform: translate(90px,-60px)  rotate(45deg);}

.index-icon21{transform: translate(130px,-60px)  rotate(45deg);}

.index-icon22{transform: translate(170px,-60px)  rotate(45deg);}

.index-icon23{transform: translate(210px,-60px)  rotate(45deg);}

.index-icon24{transform: translate(250px,-60px)  rotate(45deg);}

.index-icon25{transform: translate(290px,-60px)  rotate(45deg);}

.index-icon26{transform: translate(20px,-86px)  rotate(45deg);}


.index-icon27{transform: translate(60px,-86px)  rotate(45deg);}


.index-icon28{transform: translate(100px,-86px)  rotate(45deg);}


.index-icon29{ transform: translate(140px,-86px)  rotate(45deg);}


.index-icon30{transform: translate(180px,-86px)  rotate(45deg);}

.index-icon31{transform: translate(220px,-86px)  rotate(45deg);}

.index-icon32{transform: translate(260px,-86px)  rotate(45deg); }

.index-icon-style1{border:1px solid white;}

.index-icon-style2{background-image:url(../img/white-bg.png);}
.index-icon-style3:before{background-image:url(../img/icon-store.png); background-repeat:no-repeat;
content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	top:-62%;
	left:35%;
	z-index:100;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform: rotate(-45deg);}
.index-icon-style3:hover{background-color:#ac1060;  opacity:0.7;}


.index-icon-style4:before{background-image:url(../img/icon-brands.png); opacity:0.7;}
.index-icon-style4:hover{background-color:#d8c822; }
.index-icon-style5:before{background-image:url(../img/icon-mail.png);}
.index-icon-style6:before{background-image:url(../img/icon-team.png);}
.index-icon-style6:hover{background-color:#6bcbd9; }
.index-icon-style7:before{background-image:url(../img/icon-store1.png);}
.index-icon-style7:hover{background-color:#d8c822;}
.index-icon-style8:before{background-image:url(../img/index-wrangler.png); background-repeat:no-repeat;
content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top:1%;
	left:0%;
	z-index:100;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform: rotate(-45deg);}
.index-icon-style9:before{background-image:url(../img/index-lee.png); }
.index-icon-style10:before{background-image:url(../img/index-arrow.png); }
.index-icon-style11:before{background-image:url(../img/index-spykar.png); }
.index-icon-style12:before{background-image:url(../img/index-flying.png); }
.index-icon-style13:before{background-image:url(../img/index-blue-budhdha.png); }
.index-icon-style14:before{background-image:url(../img/index-us-polo.png); }
.index-icon-style15:before{background-image:url(../img/frenchisees.png); }
.index-icon-style15:hover{background-color:#6bcbd9;  opacity:0.7;}
.index-icon-style16:before{background-image:url(../img/index-and.png); }
.index-icon-style17:before{background-image:url(../img/index-global.png);}


.index-content1234{height: 120px; width: 120px;
transform: translate(20px, 20px)  rotate(45deg);
float:left;
-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	margin:30px 30px 0px  !important;
	border:1px solid #23b3c5;

	}
.index-content1234 div{

transform: rotate(-45deg);
margin-left:00px;
margin-top:20px;
width:120px;
text-align:center;
color:#23b3c5;
font-weight:bold;
font-size:1.5em;
letter-spacing:1px;
  font-weight:500;  }

.index-content12345 div{color:#23b3c5;
}


.index-triangle-1{
border:1px solid #eb5d87;

}
.index-triangle-1 div{color:#eb5d87;}

.index-triangle-2{
border:1px solid #e8db38;

}
.index-triangle-2 div{color:#e8c520;  font-weight:500; }



.index-triangle-3{
border:1px solid #52d5e8;
}
.index-triangle-3 div{color:#52d5e8;  font-weight:500; }

.index-traingle{width:540px; height:auto; padding:30px 0px 10px 0px; position:relative; margin:30px auto 0px auto!important;}

.brands li{padding:00px 15px 0px 0px ; background-image:url(../images/brand-frame.png); background-position:top; background-repeat:no-repeat;  height:180px; padding-top:40px;  }
.brands li img{cursor:pointer; }
.ruchi-brand-address-header{background-color:#f5f5f5; padding:2px; }

.ruchi-brand-address-content div div{padding:6px;  background-color:#FFF; margin:3px 0px; color:#464646; text-shadow:none;
}
.brand-content1 div  { padding:0px 5px 0px 0px ; }
.brand-content1 div div {background-color:#f5f5f5;  border-left:3px solid #4c470d; margin:5px 0px; padding:5px 10px; color:#504f4d; font-size:.9em; font-weight:300; line-height:160%; letter-spacing:normal;  }

.team-member-bg1{background-color:#ebec77;}
.team-member-bg2{background-color:#90ecf0;}
.team-member-bg3{background-color:#f3588b;}

.team-member-bg3{color:white;}
.team-member-bg3 .team-member-name1{color:white;}

.footer{background-color:#23b3c5; padding:8px 0px;}
.footer-line1{background-color:#e8db38; height:5px;}
.footer-line2{background-color:#eb5d87; height:5px;}


.button2 {

  background-color: #fbfbfb;
  border-color: #c6466b;
  color: #c6466b;
 }
.button2:hover, button2:focus, .button2:hover, .button2:focus {
    background-color: #000; color: #FFF;}


.ruchi-career li {font-size:0.9em; font-weight:400; line-height:80%; color:#FFF;}

.button3 {

  background-color: #ebde41;
  border-color: #c6466b;
  color: #000;
 }
.button3:hover, button2:focus, .button2:hover, .button2:focus {
    background-color: #000; color: #FFF;}
.button4 {
  background-color: #14a9bc;
  border-color: #1bb2c8;
  color: #FFF;
  font-size:1em;
  padding:0.8rem !important;
 }
.button4:hover, button2:focus, .button2:hover, .button2:focus {
    background-color: #000; color: #FFF;}
.pics {  padding:0; margin:0; overflow: hidden ; top:20px; right:20px;}
.pics img { width:100% !important;height: 365px !important;top:0; left:0; border:5px solid white; box-shadow:0px 0px 8px silver; }

.ruchi-logo-loading{margin-top:100px;}

.tabs .active {
	background:none!important;
}


#team {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 00px auto 00px auto;
	z-index: 90;
	padding: 00px 00px 00px 00px;
}

.team_member{
	width:100%; height:250px;  float:left; margin:00px 00px 00px 00pxs;}

.team_pic{
	width:90%; height:250px; position:relative; z-index:40; margin: 00 10px important; }



.team_pic:hover .hidden{
    opacity: 1;
}

.team_pic .hidden{

   background:url(../img/black-bg1.png);
    width:100%; height:250px;
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
    transition: all 1s ease;
}

.team_dis{ font-family: 'Roboto', sans-serif;
	width:100%; height:220px; position:absolute;  bottom:00; z-index:50; background-image:url(../images/blbg.png);   font-family: 'RobotoCondensed'; font-size:.95em; line-height:130%; text-align:left; padding:5px; color:white;}
	.team_dis div{ font-family: 'Roboto', sans-serif; font-size:.87em; line-height:130%; text-align:left; padding:5px;}
	.team_dis p{ font-family: 'Roboto', sans-serif;
	    margin:00; text-align:center; font-size:1.1em; line-height:140%;}


// Small screens
@media only screen {

} /* Define mobile styles */

@media only screen and (max-width: 40em) {
.s2{padding:20px!important;}
.ruchi-career li {text-align:center;}

.tabs li{

      display:inline-block;
	  width:50%;
	  padding:0px 0px;
	   text-align:center;
	   margin-top:3px;
      }



.brand-content1 div div {height:auto!important;  }
.ruchi-team ul li{text-align:center; padding:10px 5px; margin:5px px; }
.ruchi-team ul li div p {padding:10px 0px; font-size:0.8em;}
.ruchi-team ul li img{border:3px solid white; box-shadow:0px 0px 7px silver; }
.top-bar-section ul li{border-bottom:1px solid grey;}

.top-bar-section ul li:hover{background-color:#FF3!important; color:#333!important;}
.top-bar-section ul li a{background-color:#313131!important;}

.top-bar-section ul li a:hover{background-color:#FF3!important; color:#333!important;}

.skdslider{

 height:200px!important; padding-top:0px !important;
}

.sTop {
height:320px!important;
}

.subNavBtn {
	height:40px!important;
	padding:6px !important; border-bottom:1px solid  black;
}

.subMenu a{
	padding:8px!important;
	line-height:150%!important;
}

.index-slider{height:200px!important;}

.index-content{ padding:10px; height:350px; position:absolute;  width:300px;
z-index:93; bottom:60px; left:50%; margin-left:-150px;}

.ruchi-logo-loading{margin-top:10%;}

.font-2{font-size:1.6em!important;}
.font-1-only{font-size:.8em !important;}
.slider2{height:300px!important; background-image:url(images/loader.gif) ; background-repeat:no-repeat; background-position:50% 50%;}


.s5 {padding:0px 0px 100px 0px!important;}


.pics {position:relative; margin:10px auto; height:400px !important; overflow: hidden  !important;

	background-image:url(../images/bx_loader.gif); background-repeat: no-repeat; background-position: 50% 50%;

 padding:10px!important;  margin-bottom: 50px; padding-bottom:50px; top:20px!important; right:00px; position:relative!important; margin:0 auto!important; width:100%!important; text-align:center;}
.pics img {height:400px !important; width:100%!important;
	position:relative!important; margin:0 auto!important;
background-color: white;
}
.content-scroll{
	height: 300px;
}
.brand-content-height{padding:15px;}



.top-bar{ position:fixed; top:00; width:100%; z-index:100;}

.index-slider{margin-top:56px}


.section {
	margin-top: -120px !important;
}
.s4 {margin-top: -130px !important;}
.s2 {padding:0px 10px 35px 10px!important; padding-bottom: 100px!important; margin-top: -90px !important; }

.s1 {padding:20px 15px 60px 15px!important;}
.s3{
	padding-bottom: 80px!important; margin-top: -90px !important;
}

.s4 {padding:20px 15px 150px 15px !important; background-image:none!important; margin-top: -90px !important;}
.s5 {
	margin-top: -130px !important; padding-bottom: 170px!important;
}

.s6{
	margin-top: -140px !important;  padding-bottom: 120px!important;
}

.s7{
	margin-top: -165px !important; padding-bottom: 80px!important;
}

.s8{
	margin-top: -140px !important;
}

.sTop{margin-top: 50px!important;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.s5{padding:20px!important;}
.s2{padding:20px!important;}

.brand-content1 div div {height:50px !important;  }


.subNavBtn {

	font-size:.8em!important;
	padding:6px !important;
	text-align: center;
	color: #fff;
}

.subNavBtn {

	font-size:.8em!important;
	padding:6px !important;
	text-align: center;
	color: #fff;
}

.subMenu a{
	padding:20px 7px!important;
	font-size:.8em!important;

	text-align: center;
	color: #fff;
}

.ruchi-team ul li{text-align:center; padding:5px; margin:5px 0px; }
.ruchi-team ul li div p {padding:10px 0px; font-size:0.8em;}
.ruchi-team ul li img{border:3px solid white; box-shadow:0px 0px 7px silver; width:100%; }
.ruchi-team{padding:10px;}
	 }





 /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) {



} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {


.subMenu {
padding-left:5%;

}

.index-slider
{
	width:95%!important;
 position: relative!important;
 margin:00 auto!important;

}
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens