@charset "utf-8";
/*===================================================================================================
1) Reset & basics
===================================================================================================*/
body {
	color: #696969;
	font: 13px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
}
fieldset, img, div, span {
	border: medium none;
}
.clear {
	clear: both;
	font-size: 0;
}
.leftfloat {
	float: left;
}
.rightfloat {
	float: right;
}
.lineheight {
	font-size: 0;
	line-height: 0;
}
.centalign {
	text-align: center;
}
.rightalign {
	text-align: right;
}
p {
	line-height: 20px;
	margin: 0;
	padding: 0;
}
a{text-decoration:none;}
.error-msg {
	color: #FF0000;
	font-size: 11px;
}
.success-msg {
	color: #009900;
	font-size: 18px;
	text-align: left;
}
.padtop10 {
	padding-top: 10px;
}
.padtop5 {
	padding-top: 5px;
}
h1 {
font-family: 'Open Sans Condensed', sans-serif;
	color: #CC1F20;
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-weight: 100 !important;
}
h2 {
	color: #272727;
	margin: 0;
	padding: 0;
font-family: 'Open Sans Condensed', sans-serif;

}

h3 {
	color: #DB241C;
	margin: 0;
	padding: 0;
font-family: 'Open Sans Condensed', sans-serif;

}
h6 {

	color: #272727;
	margin: 0;
	padding: 0;
}
h5 {
	
	color: #373737;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
/* end resate  */
/* main  */
/*slider start*/
#slideshow {
	position: relative;
	height: 420px;
	z-index: -1;
}
.slider-wrapper {
	height: 420px;
	margin: -60px 0 0;
	position: relative;
	z-index: -2;
}
#slideshow IMG {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}
#content-slider h1 {
	color: #5E921F;
	font-size: 72px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-weight: normal;
	margin: 0 0 0 80px;
	position: absolute;
	top: 120px;
	transition: all 0s ease 0s;
	z-index: 999;
}
#slideshow IMG.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow IMG.last-active {
	z-index: 9;
}
#slideshow img {
	/* Set rules to fill background */
	min-height: 420px;
	width: 100%;
	/* Set up positioning */
	top: 0;
	left: 0;
}
.map-size{width:600px; height:350px;}









/* ---------------  Navigation CSS -----------------------*/




		#nav
		{
			
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			position: absolute;
			right:330px;
			
		}

			#nav > a
			{
				display: none; text-decoration:none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #111;
					display: block;
				}
				#nav li ul li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 50px; /* 60 */
				
			}
				#nav > ul > li
				{
					width:auto;
					height: 100%;
					float: left;
					padding:0 10px 0 10px;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 12px;
						font-weight:bold;
						line-height: 55px;
						text-align: center;
						text-transform:uppercase;
						text-decoration:none;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							
						}


				/* second level */

				#nav li ul
				{
					width:200px;
					display: none;
					position: absolute;
					top: 100%;
					 background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 12px; /* 20 */
							font-weight:bold;
							border-top: 1px solid #DB241C;
							padding: 0.75em; /* 15 (20) */
							text-decoration:none;
							text-transform:uppercase;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background: -moz-linear-gradient(#DB241C,  #A9110C);	
	                            background: -webkit-gradient(linear, left top, left bottom, from(#DB241C), to(#A9110C));
	                            background: -webkit-linear-gradient(#DB241C,  #A9110C);
	                            background: -o-linear-gradient(#DB241C,  #A9110C);
	                            background: -ms-linear-gradient(#DB241C,  #A9110C);
	                            background: linear-gradient(#DB241C,  #A9110C);
							}



		



/* -------------------------- Navigation CSS Ends ------------------------*/
#dl-menu{ display:none;}
 @media screen and (max-width: 850px) {
	#menu{ display:none !important;}
	#dl-menu{ display:block !important;}
 }

 @media screen and (max-width: 1024px) {
img.bg {
	left: 50%;
	margin-left: -512px;
}
}
#slideshow {
	margin: 0 auto;
}
.slidermain {
	width: 100%;
	background: url(../images/slider-bg1.jpg) no-repeat center 0;
	position: relative;
	top: -11px;
	transition: all 0.2s ease 0s;
}
/*slider end*/


#wrapper {
	width: 100%;
}
#header {
	background: none repeat scroll 0 0 rgba(255, 254, 254, 0.8);
	width: 100%;
	height: 60px;
	display:block;
	
}
#header-left {
	width: 137px;
	float: left;
}
#header-inner {
	width: 1024px;
	margin: 0 auto;
}
#header-right {
	float: right;
}
/* Main menu */

#menu
{
	width: 100%;
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;  
	/*background: #111;
	background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;*/
}

#menu li
{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}

#menu a 
{
  color: #000000;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 27px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
}

#menu li:hover > a
{
	color: #DB241C;
}

*html #menu li a:hover /* IE6 */
{
	color: #fafafa;
}

#menu li:hover > ul
{
	display: block;
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;

}

#menu ul ul
{
  top: 0;
  left: 150px;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a
{    
    padding: 10px;
	height: 10px;
	width: 130px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
	color:#fff !important;
    float: none;
	text-transform: none;
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#DB241C,  #A9110C);	
	background: -webkit-gradient(linear, left top, left bottom, from(#DB241C), to(#A9110C));
	background: -webkit-linear-gradient(#DB241C,  #A9110C);
	background: -o-linear-gradient(#DB241C,  #A9110C);
	background: -ms-linear-gradient(#DB241C,  #A9110C);
	background: linear-gradient(#DB241C,  #A9110C);
}

#menu ul li:first-child > a
{
/*    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;*/
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #DB241C; 
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}


#menu ul li:last-child > a
{
   /* -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;*/
}

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
.main-container {
	width: 100%; height:auto; padding-top:30px; padding-bottom:30px;
}
.first-container {
	width: 990px; margin-left:auto; margin-right:auto;
}
.first-container h1 {
font-family: 'Open Sans Condensed', sans-serif;
	  margin: -10px 0 0;
	text-align: center;
	width: 100%;
	font-size:30px;
	padding-bottom:10px;
}
#genius-logo {
	background: url("../images/genius-logo.png") no-repeat scroll 0 0 transparent;
	float: left;
	height: 70px;
	margin: 0 0 0 40px;
	width: 115px;
}
.first-container p {
	  font-size: 14px;
    line-height: 22px;
    margin: 0 0 0 153px;
    text-align: center;
    width: 708px;
}
.main-container2 { width: 100%; height:auto; padding-top:30px; padding-bottom:10px;  background:#EBEBEB; border-bottom:1px  solid #DB241C; }
#second-contanier {width:990px; display:block; height:337px; margin-left:auto; margin-right:auto;}

#second-contanier h1 { width:990px; text-align:center; font-family: 'Open Sans Condensed', sans-serif; padding:10px 0 0 0;  font-size:30px;}

.color {color:#000000;}
/*.first-service {width:318px; float:left; height:200px; margin:10px 0 0 11px;}
.icon-services {  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 50px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+
  border-radius: 50px; width:100px; height:100px; background:#DB241C; margin: 0 0 0 105px; }
.icon-services img  { margin: 22px 0 0 25px;} */

.homeBox {
	position: relative;
	float: left;
	display: block;
}

.homeBox {margin:0 0 0 54px;}



.homeBox .one_fourth {
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #FAFAFA) );
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: 250px;
	width: 260px;
	margin-top:20px;
	margin-right: 47px;
	
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}



.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {
	position: relative;
	margin: 0;
	margin-right: 3.8%;
	float: left;
}

.homeBox .one_fourth div, .homeBox .last div {
	padding: 10px;
}



.homeBox .one_fourth:hover{
	background:#B0AEAE;

}



.homeBox .one_fourth .boxImage {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover .boxImage {
	position: relative;
	-webkit-animation: moveFromTop 350ms ease;
	-moz-animation: moveFromTop 350ms ease;
	-ms-animation: moveFromTop 350ms ease;
}



.homeBox .one_fourth h2 {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
font-family: 'Open Sans Condensed', sans-serif;
}

.homeBox .one_fourth h2 .color{
	color: #FF0000;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
font-family: 'Open Sans Condensed', sans-serif;
}



.homeBox .one_fourth:hover h2 {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: moveFromTop 200ms ease;
	-moz-animation: moveFromTop 200ms ease;
	-ms-animation: moveFromTop 200ms ease;
}





.homeBox .one_fourth .boxDescription {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover .boxDescription {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: moveFromBottom 500ms ease-in-out;
	-moz-animation: moveFromBottom 500ms ease-in-out;
	-ms-animation: moveFromBottom 500ms ease-in-out;
}





@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }
    to {
      	top: auto;
    }

}

@-moz-keyframes moveFromTop {

    from {
        -moz-transform: translateY(-600%);
    }
    to {
        -moz-transform: translateY(0%);
    }

}

@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-600%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}



@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }
    to {
       	top: auto;
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(400%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

.readmore-butt { 
background: none repeat scroll 0 0 #CCCCCC;
    margin: 10px 0 0 9px;
    padding: 3px 0 3px 2px;
    width: 70px;}

.readmore-butt a { text-decoration:none; color:#fff; transition: all 0.3s ease 0s;}

.readmore-butt a:hover { color:#DB241C;}
.first-offer  {width:315px;  float:left; margin:0 15px 30px 0;}
.first-offer:last-child  { margin:0 0 20px 0;}
.video-frient {background:url(../images/video.jpg) no-repeat 0 0; width:309px; height:191px; float:right;}
.video-frient:hover {background:url(../images/video-hover.jpg) no-repeat 0 0; width:309px; height:191px; float:right;}

ul.list-style  {margin:10px 0 0 0; padding:0; list-style:none;}
ul.list-style li {  background: url("../images/list-style.png") no-repeat scroll 0 4px transparent;
    color: #DB241C;
    font-size: 15px;
    line-height: 20px;
    padding: 0 0 0 25px;}

#seprater {background:url(../images/seprater.jpg) no-repeat 0 0; width:980px; height:30px; margin:0 auto 0 auto;}
#testimonial {width:990px; margin:0 0 150px 0; height:80px;}
.left-testimonial {float:left; margin: 0 30px 0 0;}
.right-testimonial {float:right;}


.right-testimonial p {font-size: 20px;
    margin: 57px 133px 0 0;font-family: 'Open Sans Condensed', sans-serif;}
.testimonia-icon { background: url("../images/testimonia-icon.jpg") no-repeat scroll 0 0 transparent;
    float: right;
    height: 33px;
    margin: -12px 94px 0 0;
    width: 44px;}
blockquote {
	padding: 25px 0 0;
}
blockquote p {
	margin-bottom: 10px;
	font-style: italic;
	margin: 20px 0 0 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	
}
blockquote cite {
	color: #DB241C;
	display: block;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 15px 0 0;
	text-align: right;
	text-transform: uppercase;
}

.testimonial-butt { background: none repeat scroll 0 0 #CCCCCC;
    float: right;
    font-size: 16px;
    margin: 29px 35px 0 0;
    padding: 5px 0 5px 2px;
    text-align: center;
    width: 192px;}
.offer-butt { background: url("../images/offer-icon.png") no-repeat scroll 6px 9px #CCCCCC;
    margin: 17px 0 0 34px;
    padding: 6px 0 6px 43px;
    width: 150px;}
.offer-butt a { text-decoration:none;  transition: all 0.3s ease 0s; font-size:15px; color:#fff;}
.offer-butt a:hover { color:#DB241C;}
.main-testimonial  { margin:30px 0 0 0; } 
.testimonial-butt a {  transition: all 0.3s ease 0s; text-decoration:none; color:#FFF;}
.testimonial-butt a:hover { color:#DB241C;}
.name {position:relative;}

.testimonial-page p {text-align:left; /*   font-family: 'Open Sans Condensed',sans-serif;*/
    font-size: 20px; width:850px;
  /*  font-style: italic;*/ margin:55px 0 0 0; font-size:15px; line-height: 20px; float:right;
    }
.testi-icon {    left: -7px;
    margin: 0 !important;
    position: relative;
    top: -9px;}

.testimonial-page h1 {text-align:left;}
.name p { margin: 15px 0 0;}

/*footer css start*/
#main-footer {width:100%; display:block;}
#get-in-touchfooter  {background:#DB241C; width:100%; height:50px; }
#get-intouch-inner {width:990px; margin:0 auto; height:50px;}
#left-getin { float:left;margin: 0 0 0 0; color:#fff; color: #FFFFFF;
    font-size: 23px;
    line-height: 50px; font-family: 'Open Sans Condensed', sans-serif;}

#right-getin { background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
    float: left;
    height: 40px;
    margin: 6px 0 0 29px;
    text-align: center;
    width: 175px;}
#right-getin a { color: #FFFFFF;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 24px;
    text-align: center;
    text-decoration: none;}

#social-footer {width:100%; background:#444444; height:75px;}
#social-footer-inner {color: #FFFFFF; margin:0 auto 0 auto; width: 990px; }
#social-icon {float:left; width:990px; text-align:center; margin:0 auto 0 auto; }
#social-icon p {font-family: 'Open Sans Condensed',sans-serif; font-size: 23px; padding: 28px 0 0; }

#social-icon #facebook {
     background: url("../images/social-icon.png") no-repeat scroll 0 -29px transparent;
    float: left;
    height: 25px;
    margin: -23px 0 0 550px;
    padding: 0 3px 0 0;
    width: 25px;
}


#social-icon #tweetr {
    background: url("../images/social-icon.png") no-repeat scroll -29px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    width: 25px;
	margin:-23px 0 0 0;
}

#social-icon #lin {
    background: url("../images/social-icon.png") no-repeat scroll -59px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    margin:-23px 0 0 0; width:25px;
}


#social-icon #googep {
    background: url("../images/social-icon.png") no-repeat scroll -89px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    width: 25px;
   margin:-23px 0 0 0;
}

#copyright-main { background:#1E2221; width:100%; height:85px; border-top:1px solid #666666;} 
#copyright-inner {width:990px; margin:0 auto;}
#copyright-inner p { color: #A6A6A6;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 15px;
 
    padding: 42px 0 0;
    text-align: center;
    width: 990px;}
	
 /*footer css end*/
 
/*bg-header-wrapper css start*/ 
.bg-header-wrapper {height: 290px;
    margin: -60px 0 0;
    position: relative;
    z-index: -2; background:#000;}

.bg-header-wrapper .bgback.bg1 {
	background:url(../images/bg1.jpg) no-repeat center top; height:290px;

}
.breadcrume {margin: 0 auto;
    
    width: 990px;}

.breadcrumbs {
    background: none repeat scroll 0 0 #000000;
    float: left;
    list-style: none outside none;
    margin: 0 0 8px;
    padding: 0 10px;
}

.breadcrumbs li:first-child {
    background: none repeat scroll 0 0 transparent;
    margin-left: 0;
    padding-left: 0;
}
.breadcrumbs li {
    background: url("../images/breadcrumbs-arr.png") no-repeat scroll left center transparent;
    color: #EEEEEE;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.9;
    margin-left: 10px;
    padding-left: 10px;
}

.breadcrumbs li a {
    color: #FFFFFF;
	text-decoration:none;
	
}

.header-titles {
    text-align: right;
}


.header-titles h2 {
    color: #FFFFFF;
    line-height: 1.3;
    margin-top: 20px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.header-titles h4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    display: inline-block;
    font-weight: 500;
    line-height: 1.8;
    margin: 7px 0 0 0;
    padding: 0 10px;
}
 
/*bg-header-wrapper css end*/ 
 
 /*about  css start*/
 
.about-contant {width:990px; margin:0 auto;}
.about-contant h1 {color:#DB241C;  border-bottom: 1px solid #CBCBCB;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-bottom: 20px;}


.about-contant h1 {
    border-bottom: 1px solid #CBCBCB;
    color: #DB241C;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.left-img  {  border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;
    float: left;
    margin: 0 0 0 0;}
.about-rightcontant {float:right; width:600px; text-align:justify;}
#ourvision h3 {color:#DB241C; font-size:20px;}

ul.list-style-inner {  margin: 10px 0 0; padding:0; list-style:none;}
ul.list-style-inner li { line-height:20px;  background: url("../images/list-style1.png") no-repeat scroll 6px 4px transparent;padding:0 0 0 20px;}
ul.list-style-inner-con {margin:0; padding:0; list-style:none;}
ul.list-style-inner-con li {background: url("../images/list-style1.png") no-repeat scroll 34px 9px transparent;
    line-height: 20px;
    margin: 5px 0;
    padding: 0 0 0 47px;}
.ourvision {width:600px; float:left;}
 /*about  css end*/
 
/*Services  css start*/ 
.Services-page {width:990px; margin:0 auto;}

#left-service-page  {background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding: 24px 26px; float:left; width:290px;}
ul#menu-services-sidebar-menu {margin:10px 0 0 0; padding:0; list-style:none;}

ul#menu-services-sidebar-menu li:hover {background: url("../images/services-list-bg.png") no-repeat scroll 0 0 transparent;
    height: 33px; color:#fff !important;
    line-height: 33px;
    }
	
ul#menu-services-sidebar-menu li a:hover  { color:#FFF; }
ul#menu-services-sidebar-menu li a { text-decoration:none;border-radius: 0 0 0 0;
    color: #000;
	    height: 33px;
    line-height: 33px;
    padding: 0 0 0px 22px;  transition: all 0.3s ease 0s;
}

.services-page-right { float:right; width:615px; background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;   padding: 0 0 25px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}
.services-page-right h2 { padding: 24px 26px 5px; color:#DB241C;}

.services-page-right p { padding: 0 26px; text-align:justify;}
.left-haircareservices {float:left; width:425px;}
.left-haircareservices1 {float:left; width:615px;}
.right-haircareservices {    border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;
    float: left;
    margin: 27px 0 0;}
.right-haircareservices1 {    border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;
    float:right; margin:-160px 18px 0 0;}
.divide-line {width:615px;  border-bottom: 3px double #E5E5E5;
    clear: both;
    height: 15px;
    margin: 10px 0 0;
    overflow: visible;
    position: relative;}

.divide-line .icon {
    background-color: #FFFFFF;
    display: block;
    left: 50%;
    margin-left: -17px;
    position: absolute;
    top: 0;
}
.icons-divider-9 {   background: url("../images/page-divider.png") no-repeat scroll 6px 7px transparent;
    height: 33px;
    width: 33px;
}

.left-haircareservices .list-style {  margin: 11px 22px 0 30px;}

.left-haircareservices .list-style li { color:#696969;}

.left-haircareservices1 .list-style {  margin: 11px 22px 0 30px;}

.left-haircareservices1 .list-style li { color:#696969;}

/*Services  css end*/

/*offer-page  css start*/
#offer-page {width:990px; margin:0 auto;  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); height:500px;}
#offer-page h1 {padding: 24px 26px 5px;}
#offer-page h2 {padding: 0 26px 0;}
#offer-page .list-style {padding: 0 26px 0; }
.left-offer {width:350px; float:left; margin:0 0 0 0}
.right-offer {width:400px; float:left;}
.righr-offer .list-style li { background: url("../images/list-style.png") no-repeat scroll 300px 4px transparent;
    color: #DB241C;
    font-size: 15px;
    line-height: 20px;
   padding: 0 0 0 25px;}
   
.righr-offer .list-style ul {}
.offer-bottom-img  {    border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;
    height: 190px;
    margin: 0;
    width: 160px;

    margin: 0;}

#offer-page img {   border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;
 
     margin: 0 0 0 35px;} 
#left-offer-page {float:left; width:550px;} 
#right-offer-page {float:right; width:430px; }
  
/*offer-page  css end*/ 

/*franchiess page css start*/ 

#franchiess-mainpage {width:990px; margin:0 auto;  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); padding:0 0 45px 0;}
#franchiess-mainpage h1 {padding: 24px 26px 5px;}
#franchiess-mainpage p  {padding: 5px 26px 0}

#left-franchiess {float:left; width:500px;}
#left-franchiess p { text-align:justify;}

#right-franchiess {float:left; width:400px;}
#right-franchiess img {border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;}
#franchiess-second h2 {padding: 24px 26px 20px;}
#franchiess-second .list-style  {padding: 0 26px 5px;}
#left-pic { float:left; padding: 0 26px 5px;    }
#left-pic img {    border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;  }
.right-add {
    float: left;
  margin: -1px 0 0 4px;!important;
    /*width: 500px;*/
}
.right-add h1 {margin:0 15px;}
.right-add img{margin: 0 0 0 40px;}

/*franchiess page css end*/ 

/*training page css start*/ 

.left-tranning {float:left; width:210px; margin:0 0 0 28px;}
.tranning-img {  float: left;
    margin: 33px 0 0 28px;
    width: 207px; }
.tranning-img img {  border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;
    float: left; margin:0 0 10px 0; }
.img-text { font-size: 13px;}

/*training page css end*/ 

/*press-covrage page css start*/ 

#press-covrage-mainpage {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    padding: 26px 26px 45px 26px ; width:990px; height:1290px;}
#press-left	 {float:left; width:700px; margin:0 0 0 -22px;}

#right-press {width:300px; float:right; margin:19px 0 0 0;}
/**** PORTFOLIO STYLES*****/
.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; background:#FFFFFF;padding:5px;}
.image-block img:hover{border: 1px solid #DB241C;box-shadow:0 0 5px #DB241C;}
.portfolio-area li{float: left;margin:0 10px 0 0; overflow: hidden;/*width: 145px;*/padding:5px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline;}
.newpaper {font-size: 13px !important;
    font-weight: 100;
    text-align: center; color:#DB241C; } 
.post-subtitle-portfolio {text-align:center;}
/**** END PORTFOLIO STYLES*****/

/*press-covrage page css end*/ 
/*locatus-mainpage css start */

#locatus-mainpage  {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin: 0 auto 0 auto;
    padding: 26px 26px 45px 26px ; width:990px; height:620px;}

#locatus-mainpage h1 { padding: 0 26px;}
#left-locatus { width:600px; float:left;  margin: 12px 26px 0; }
.firstadd {float:left; width:300px; margin:10px 0;}
.left-add1 {float:left; width:300px;}
.right-add2 {float:left; width:300px;}
.left-icon { margin:0 10px 0 0;   float:left;}
.firstadd p {margin:0 0 0 50px;}
#right-locatus { float: left;
    margin: 0 0 0;
    width: 300px; }
#press-covrage-mainpage h1 {padding: 0 26px;}
#toggle ul{  margin: 20px 0 0;
   list-style:none;}
#toggle li:hover{   background: none repeat scroll 0 0 #C9C5C5;
    color: #FFFFFF;
    cursor: pointer;
    padding: 6px 0;}
.toggle li{list-style-type:none; cursor:pointer; -moz-border-radius:0 10px 0 10px; border:3px solid #666666; margin:2px; padding:6px 5px 6px 5px;}
#toggle ul div{  background: none repeat scroll 0 0 #EAE8E8;
    border: 1px solid #DDDDDD;
    color: #000000;
    cursor: auto;
    display: none;
    font-size: 12px;
    padding: 5px 20px;
    
    text-decoration: none; 
	 }
#toggle ul div a{color:#000000; font-weight:bold;}
#toggle li div:hover{text-decoration:none !important;}
#toggle li:before {content: "+"; padding:10px 10px 10px 8px; color:red; font-weight:bold;}
#toggle li.active:before {content: "-"; padding:10px 10px 10px 0; color:red; font-weight:bold;}
#toggle{ margin:0 auto;}

#left-locatus img {margin:30px 0 0 80px;}
/*locatus-mainpage css end */

/*fungallery css start */
.fungallery {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    padding: 26px 26px 45px 26px ; height:700px; 
  }
 .fungallery-1 {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    padding: 26px 26px 45px 26px ; height:810px; 
  } 
.fungallery h1 {text-align:left; }

.fungallery p {text-align:left; margin:0; width:inherit;}
.gallrey-devided img {    border: 5px solid #FFFFFF;
    box-shadow: 0 0 2px 1px #B1B1B1;  }
.gallrey-devided img:hover {  
    box-shadow: 0 0 2px 1px #DB241C;  }
.gallrey-devided:last-child {margin:0 0 0 0;}
.gallrey-devided { float: left;
    margin: 0 20px 0 0;
    text-align: center;
    width: 310px;}
.gallrey-devided p {   font-size: 15px;
    line-height: 16px;
    text-align: center;}
.gallrey-devided p:first-child { color:#DB241C;}
.color-gallery-hea {color:#DB241C;}

ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;
margin: -6px 0 0 -55px;
}


.gallery ul li {
  float: left;
    height: 200px;
    margin: 0 37px 50px 0;
    position: relative;
    width: 300px;
}

.holder {
position:absolute;
top:0;
left:0;
margin:-100px 0 0 -100px;
}
.gallery-text {left: -150px;
    position: absolute;
    top: 203px;}
.gallery-text p { text-align:center; width:400px; line-height:15px;}

.back-button {background:url(../images/back-button.jpg) no-repeat 0 0; width:150px; height:50px; float:right;}
/*fungallery css end */


#home {
    background: url("../images/6.jpg") no-repeat fixed 50% 0 / cover transparent;
    height: 1000px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}


#slider-header-headding {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.68);
    float: right;
    height: 130px;
    margin: 147px 0 0;
    width: 300px;
}

#slider-header-headding p {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 45px;
    padding: 17px 0 0 19px;
    text-align: left;
    color: #1F1F1F;
	
	
/* =============================================================================
  Media Queries Responsive css start
   ==========================================================================  */
}

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* iPad Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
  
  .zetaSlider:hover .zetaControls {
    opacity: 0; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

}


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

  #header, .main-container {
    width: 740px;
	overflow:hidden;
  }
  
  .wrapper, 
  .footer,
 {
    width: 720px;
  }
  
  .menu ul li a {
    padding: 35px 18px 30px;
  }
    
  .items li {
    width: 232px;
    height: auto;
  }
  
  .items li a .caption {
    padding: 25px 20px 0;
  }
  
  .latest-blog li {
    width: 345px;
    margin: 0 30px 30px 0;
  }
  
  .tparrows {
    display: none;
  }
  
  .posts-grid {
    margin-bottom: 24px;
    margin-right: -24px;
  } 
  
  .posts-grid .post {
    margin: 0 24px 24px 0;
    width: 348px;
    height: auto;
  } 
  
  .post-container {
    width: 480px;
  }
  
  .sidebar {
    width: 210px;
  }
  
  .post-container .related ul {
    width: 488px;
    margin-right: -8px;
  }
  
  .post-container .related ul li {
    margin-right: 8px;
  }
  
  .post-container .related ul li img{
    width: 114px;
    height: auto;
  }
  
  .zetaHolder {
    height:400px;
  }

  .zetaEmpty div {
    height:400px;
  }

  .zetaSlider:hover .zetaControls {
    opacity: 0; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

}


@media (min-device-width : 480px) and (max-device-width : 640px) {
	
/* ----------------- HOME PAGE  ---------------------- */	
	
#wrapper { min-width:480px;}
#header {
	background: none repeat scroll 0 0 rgba(255, 254, 254, 0.8);
	width: 100%;
	height: 60px;
	display:block;
	
}
#header-left {
	width: 137px;
	float: left;
}
#header-inner {
	width: 100%;
	margin: 0 auto;
}
#header-right {
	float: right;
}
.logo {
    float: none;
    margin: 0;
    padding: 10px 10px;
    text-align: center;
}
.logo img {
    display: inline;
}
.main-container {
	width: 90%;
	margin: 5px auto;
}
.main-container h1 { text-align:center; width:100%;}
.first-container {
	width: 100%;
	margin: 10px 0;
}
.first-container h1 {
font-family: 'Open Sans Condensed', sans-serif;
	  margin: -10px 0 0;
	text-align: center;
	width: 100%;
}
.first-container p {
	  font-size: 14px;
    line-height: 22px;
    text-align:justify;
	margin-left:0px;
    width: 100%;
}

.main-container2 { width: 100%; height:800px; padding-top:30px; padding-bottom:10px;  background:#EBEBEB; border-bottom:1px  solid #DB241C; }
#second-contanier {width:90%; display:block; height:900px; margin-left:auto; margin-right:auto;}

#second-contanier h1 { width:auto; text-align:center; font-family: 'Open Sans Condensed', sans-serif; padding:10px 0 0 0;}

.color {color:#000000;}
/*.first-service {width:318px; float:left; height:200px; margin:10px 0 0 11px;}
.icon-services {  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 50px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+
  border-radius: 50px; width:100px; height:100px; background:#DB241C; margin: 0 0 0 105px; }
.icon-services img  { margin: 22px 0 0 25px;} */

.homeBox {
	position: relative;
	float: left;
	display: block;
}

.homeBox {margin:0 0 0 0;}



.homeBox .one_fourth {
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #FAFAFA) );
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: auto;
	width: 100%;
	margin-top:20px;
	margin-right: 47px;
	padding:10px 0 10px 0;
	
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.first-offer  {width:100%;  float:left; margin:0 15px 30px 0;}
.first-offer img {width:100%; margin-top:15px;}
.video-frient {background:url(../images/video.jpg) no-repeat 0 0; width:100%; height:191px; float:right;}
.video-frient:hover {background:url(../images/video-hover.jpg) no-repeat 0 0; width:100%; height:191px; float:right;}
#seprater {background:url(../images/seprater.jpg) no-repeat 0 0; width:100%; height:30px; }
#testimonial {width:100%; margin:0 0 150px 0; height:130px;}
.testimonial-butt { background: none repeat scroll 0 0 #CCCCCC; float: right; font-size: 16px; margin: 80px 35px 0 0; padding: 5px 0 5px 2px; text-align: center; width: 192px;}
#get-in-touchfooter  {background:#DB241C; width:100%; height:50px; }
#get-intouch-inner {width:90%; margin:0 auto; height:50px;}
#left-getin {;margin: 0 0 0 0; color:#fff; color: #FFFFFF; font-size: 23px; line-height: 50px; font-family: 'Open Sans Condensed', sans-serif; width:100%;}

#slideshow {
	position: relative;
	height: 270px;
	z-index: -1;
	width:100%;
}
.slider-wrapper {
	height: 270px;
	margin: -60px 0 0;
	position: relative;
	z-index: -2;
	width:100%;
}
#slideshow img {
	/* Set rules to fill background */
	min-height: 270px;
	width: 100%;

	/* Set up positioning */
	top: 0;
	left: 0;
}
#main-footer {width:100%; display:block;}
#get-intouch-inner {width:100%; margin:0 auto; height:50px;}
.marque-width{ width:90%}
#social-footer {width:100%; background:#444444; height:75px;}
#social-footer-inner {color: #FFFFFF; margin:0 auto 0 auto; width: 90%; }
#social-icon {float:left; width:100%; text-align:center; margin:0 auto 0 auto; }
#social-icon p {font-family: 'Open Sans Condensed',sans-serif; font-size: 23px; padding: 28px 0 0 35px; float:left;}

#social-icon #facebook {
     background: url("../images/social-icon.png") no-repeat scroll 0 -29px transparent;
    float: left;
    height: 25px;
    margin: 25px 0 0 5px;
    padding: 0 3px 0 0;
    width: 25px;
}


#social-icon #tweetr {
    background: url("../images/social-icon.png") no-repeat scroll -29px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    width: 25px;
	margin:25px 0 0 0;
}

#social-icon #lin {
    background: url("../images/social-icon.png") no-repeat scroll -59px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    margin:25px 0 0 0; width:25px;
}


#social-icon #googep {
    background: url("../images/social-icon.png") no-repeat scroll -89px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    width: 25px;
   margin:25px 0 0 0;
}
#copyright-main { background:#1E2221; width:100%; height:85px; border-top:1px solid #666666;} 
#copyright-inner {width:100%; margin:0 auto;}
#copyright-inner p { color: #A6A6A6; font-family: 'Open Sans Condensed',sans-serif; font-size: 15px;  padding: 42px 0 0;  text-align: center; width: 90%;}

.column {
	float: right;
	width: 30%;
	padding: 0 2em;
	min-width: 480px;
	position: absolute;
}

/* ------------------ ABOUT US PAGE ------------------------ */

.breadcrume {margin: 0 auto; width: 100%;}
.left-img  {  border: 5px solid #FFFFFF; box-shadow: 0 0 2px 1px #B1B1B1; float:none; margin: 0 0 0 0;}
.for-all-img { width:100%; height:auto;}
.for-all-img-1 { width:80%; height:auto;}
.about-rightcontant {float:none; width:100%; text-align:justify; margin-top:5px;}
.ourvision {width:100%; float:none;}

/* -------------------- HAIR CARE PAGE ----------------- */
.Services-page {width:100%; margin:0 auto;}
#left-service-page  {background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); float:none; width:82%;}
ul#menu-services-sidebar-menu li:hover {background: url("../images/services-list-bg.png") no-repeat scroll 0 0 transparent; height: 33px; color:#fff !important; line-height: 33px; width:70%;}	
.services-page-right { float:right; width:100%; background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;   padding: 0 0 25px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin-top:20px;}
#haircut{width:100%;}	
.left-haircareservices {float:none; width:100%;}	
.right-haircareservices {border: 5px solid #FFFFFF; box-shadow: 0 0 2px 1px #B1B1B1; float: none; margin: 27px auto 0 auto; width:90%}	
#haircarecolor{width:100%;}	
.left-haircareservices1 {float:none; width:100%;}

/* --------------------- SKIN CARE PAGE -------------------*/
.right-haircareservices1 { border: 5px solid #FFFFFF; box-shadow: 0 0 2px 1px #B1B1B1; float:none; margin:10px 6px 0 6px;}

/* --------------------- OFFER PAGE --------------- */
#offer-page {width:100%; margin:0 auto;  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); height:890px;}
#offer-page h1 {padding: 24px 0 0 0;}
#offer-page h2 {padding: 0 26px 0;}
#left-offer-page {float:none; width:100%;} 
#right-offer-page {float:none; width:100%; }
.left-offer {width:100%; float:none; margin:0 0 0 0}
.right-offer {width:100%; float:none;}
#right-offer-page {float:none; width:100%; }

/* ---------------------- FRANCHISEE ------------------- */
#franchiess-mainpage {width:100%; margin:0 auto;  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); padding:0 0 45px 0;}
#franchiess-mainpage h1 {padding: 24px 0 0 0; text-align:center;}
#left-franchiess {float:none; width:100%;}
#left-franchiess p { text-align:justify;}
#right-franchiess {float:none; width:100%;}
#franchiess-second h2 { margin:0 auto 0 auto;}
.right-add {float: left; margin: -15px 0 0 20px;}



/*-------------------------- PRESS COVERAGE PAGE ---------------------------- */
#press-covrage-mainpage {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 26px 26px 45px 26px ; width:80%; height:4300px;}
#press-covrage-mainpage h1 { padding:20px 0 0 0; text-align:center;}
#press-left	 {float:none; width:100%; margin:0 0 0 -22px;}
.right-add {float: none; margin: -1px 0 0 4px;!important;}
.right-add h1 {margin:0 15px;}
.right-add img{margin: 20px 20px 0 20px;}
.portfolio-area{ width:100%;}
.portfolio-area li{float: left;margin:0 0 0 -20px; overflow: hidden;/*width: 145px;*/padding:11px;}
#right-press {width:100%; float:none; margin:19px 0 0 0;}


/*-------------------------- FUN AT WORK ---------------------------- */
.fungallery {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 26px 26px 45px 26px ; height:1200px; width:80%; }
.fungallery h1 {text-align:center; }
.fungallery p {text-align:justify; margin:0; width:100%;}
.gallrey-devided { float: none; margin: 20px 0 0 0; text-align: center; width: 100%;}

/*-------------------------- LOCATE US  ---------------------------- */
#locatus-mainpage  {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto 0 auto; padding: 26px 26px 45px 26px ; width:80%; height:auto;}
#locatus-mainpage h1 { padding:0; text-align:center;}
#left-locatus { width:100%; float:none;  margin: 12px 0 0 0; }
#left-locatus h2 { text-align:center;}
#left-locatus img {margin:30px 0 0 0;}
#right-locatus { float: none; margin:20px 0 0 0; width: 100%; }
#toggle ul{margin: 20px 0 0 -30px; list-style:none;}
.map-size{width:100%; height:auto;}

/*-------------------------- LOGIN  ---------------------------- */
#locatus-mainpage  {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto 0 auto; padding: 26px 26px 45px 26px ; width:80%; height:auto;}
#locatus-mainpage h1 { padding:0; text-align:center;}
#left-locatus { width:100%; float:none;  margin: 12px 0 0 0; }
#left-locatus h2 { text-align:center;}
#left-locatus img {margin:30px 0 0 0;}
#right-locatus { float: none; margin:20px 0 0 0; width: 100%; }
#toggle ul{margin: 20px 0 0 -30px; list-style:none;}
.map-size{width:100%; height:auto;}

/*-------------------------- FUN AT WORK GALLERY 1  ---------------------------- */
.fungallery-1 {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 26px 26px 45px 26px ; height:2100px; width:80%; }
.gallery ul li { float:none;  height: 200px; margin: 0 37px 50px 0;  position: relative; width: 100%;}
.gallery-text {left: 45px; position: absolute; top: 203px;}
.holder {position:absolute; top:0; left:0; margin:-100px 0 0 -115px;}
.back-button {background:url(../images/back-button.jpg) no-repeat 0 0; width:150px; height:50px; float:right; z-index:999999; margin-top:40px;}





.menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    padding: 0;
    text-transform: none;
}
.menu ul.tiny {
    display: none;
}
.selectnav {
    display: block;
}
.tparrows {
    display: none;
}
.tp-bullets.simplebullets .bullet {
    border-radius: 15px 15px 15px 15px;
    height: 15px;
    margin: 5px;
    width: 15px;
}
.tab {
    display: block;
    top: 0;
}
.latest-blog li {
    width: 440px;
}
#testimonials-container .tab {
    border-radius: 13px 13px 13px 13px;
    display: inline-block;
    height: 13px;
    margin: 0 3px;
    width: 13px;
}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
    float: none;
    margin: 0 0 20px;
    width: 100%;
}
.footer .one-half, .footer .one-third, .footer .two-third, .footer .three-fourth, .footer .one-fourth, .footer .one-fifth, .footer .one-sixth {
    margin-bottom: 40px;
}
.footer .last {
    margin-bottom: 0;
}
.pricing.three .plan, .pricing.four .plan {
    float: left;
    margin-bottom: 10px;
    margin-left: 2%;
    width: 47%;
}
.items li {
    height: auto;
    width: 214px;
}
.items li a .caption {
    padding: 25px 20px 0;
}
.filter li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 5px 10px;
}
.item-info .portfolio-meta {
    background: url("images/line.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    padding-top: 25px;
}
.post-container {
    float: none;
    width: 440px;
}
.sidebar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    margin: 0;
    padding: 0;
    width: 440px;
}
.post-container .related ul {
    margin-right: -8px;
    width: 448px;
}
.post-container .related ul li {
    margin-right: 8px;
}
.post-container .related ul li img {
    height: auto;
    width: 104px;
}
.posts-grid {
    margin-bottom: 20px;
    margin-right: -20px;
}
.posts-grid .post {
    height: auto;
    margin: 0 20px 20px 0;
    width: 210px;
}
.fancybox-title {
    display: none;
}
.zetaHolder {
    height: 200px;
}
.zetaEmpty div {
    height: 200px;
}
.zetaSlider:hover .zetaControls {
    opacity: 0;
}
}
@media (min-device-width : 320px) and (max-device-width : 479px) {
	
	
	
/* -------------- HOME PAGE ----------------*/	
	
#wrapper { min-width:320px;}
#header {
	background: none repeat scroll 0 0 rgba(255, 254, 254, 0.8);
	width: 100%;
	height: 60px;
	display:block;
	
}
#header-left {
	width: 137px;
	float: left;
}
#header-inner {
	width: 100%;
	margin: 0 auto;
}
#header-right {
	float: right;
}
.logo {
    float: none;
    margin: 0;
    padding: 10px 10px;
    text-align: center;
}
.logo img {
    display: inline;
}
.main-container {
	width: 90%;
	margin: 5px auto;
}
.main-container h1 { text-align:center; width:100%;}
.first-container {
	width: 100%;
	margin: 10px 0;
}
.first-container h1 {
font-family: 'Open Sans Condensed', sans-serif;
	  margin: -10px 0 0;
	text-align: center;
	width: 100%;
}
.first-container p {
	  font-size: 14px;
    line-height: 22px;
    text-align:justify;
	margin-left:0px;
    width: 100%;
}

.main-container2 { width: 100%; height:940px; padding-top:30px; padding-bottom:10px;  background:#EBEBEB; border-bottom:1px  solid #DB241C; }
#second-contanier {width:90%; display:block; height:900px; margin-left:auto; margin-right:auto;}

#second-contanier h1 { width:auto; text-align:center; font-family: 'Open Sans Condensed', sans-serif; padding:10px 0 0 0;}

.color {color:#000000;}
/*.first-service {width:318px; float:left; height:200px; margin:10px 0 0 11px;}
.icon-services {  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 50px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+
  border-radius: 50px; width:100px; height:100px; background:#DB241C; margin: 0 0 0 105px; }
.icon-services img  { margin: 22px 0 0 25px;} */

.homeBox {
	position: relative;
	float: left;
	display: block;
}

.homeBox {margin:0 0 0 0;}



.homeBox .one_fourth {
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #FAFAFA) );
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: auto;
	width: 100%;
	margin-top:20px;
	margin-right: 47px;
	padding:10px 0 10px 0;
	
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.first-offer  {width:100%;  float:left; margin:0 15px 30px 0;}
.first-offer img {width:100%; margin-top:15px;}
.video-frient {background:url(../images/video.jpg) no-repeat 0 0; width:100%; height:191px; float:right;}
.video-frient:hover {background:url(../images/video-hover.jpg) no-repeat 0 0; width:100%; height:191px; float:right;}
#seprater {background:url(../images/seprater.jpg) no-repeat 0 0; width:100%; height:30px; }
#testimonial {width:100%; margin:0 0 150px 0; height:130px;}
.testimonial-butt { background: none repeat scroll 0 0 #CCCCCC; float: right; font-size: 16px; margin: 80px 35px 0 0; padding: 5px 0 5px 2px; text-align: center; width: 192px;}
#get-in-touchfooter  {background:#DB241C; width:100%; height:50px; }
#get-intouch-inner {width:90%; margin:0 auto; height:50px;}
#left-getin {;margin: 0 0 0 0; color:#fff; color: #FFFFFF; font-size: 23px; line-height: 50px; font-family: 'Open Sans Condensed', sans-serif; width:100%;}

#slideshow {
	position: relative;
	height: 270px;
	z-index: -1;
	width:100%;
}
.slider-wrapper {
	height: 270px;
	margin: -60px 0 0;
	position: relative;
	z-index: -2;
	width:100%;
}
#slideshow img {
	/* Set rules to fill background */
	min-height: 270px;
	width: 100%;
	/* Set up positioning */
	top: 0;
	left: 0;
}
#main-footer {width:100%; display:block;}
#get-intouch-inner {width:100%; margin:0 auto; height:50px;}
.marque-width{ width:90%}
#social-footer {width:100%; background:#444444; height:75px;}
#social-footer-inner {color: #FFFFFF; margin:0 auto 0 auto; width: 90%; }
#social-icon {float:left; width:100%; text-align:center; margin:0 auto 0 auto; }
#social-icon p {font-family: 'Open Sans Condensed',sans-serif; font-size: 23px; padding: 28px 0 0 35px; float:left;}

#social-icon #facebook {
     background: url("../images/social-icon.png") no-repeat scroll 0 -29px transparent;
    float: left;
    height: 25px;
    margin: 25px 0 0 5px;
    padding: 0 3px 0 0;
    width: 25px;
}


#social-icon #tweetr {
    background: url("../images/social-icon.png") no-repeat scroll -29px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    width: 25px;
	margin:25px 0 0 0;
}

#social-icon #lin {
    background: url("../images/social-icon.png") no-repeat scroll -59px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    margin:25px 0 0 0; width:25px;
}


#social-icon #googep {
    background: url("../images/social-icon.png") no-repeat scroll -89px -29px transparent;
    float: left;
    height: 25px;
    padding: 0 3px 0 0;
    width: 25px;
   margin:25px 0 0 0;
}
#copyright-main { background:#1E2221; width:100%; height:85px; border-top:1px solid #666666;} 
#copyright-inner {width:100%; margin:0 auto;}
#copyright-inner p { color: #A6A6A6; font-family: 'Open Sans Condensed',sans-serif; font-size: 15px;  padding: 42px 0 0;  text-align: center; width: 90%;}



.column {
	float: right;
	width: 30%;
	padding: 0 2em;
	min-width: 220px;
	position: absolute;
}

/* ------------------ ABOUT US PAGE ------------------------ */

.breadcrume {margin: 0 auto; width: 100%;}
.left-img  {  border: 5px solid #FFFFFF; box-shadow: 0 0 2px 1px #B1B1B1; float:none; margin: 0 0 0 0;}
.for-all-img { width:100%; height:auto;}
.for-all-img-1 { width:80%; height:auto;}
.about-contant {width:100%; margin:0 auto;}
.about-rightcontant {float:none; width:100%; text-align:justify; margin-top:5px;}
.ourvision {width:100%; float:none;}

/* -------------------- HAIR CARE PAGE ----------------- */
.Services-page {width:100%; margin:0 auto;}
#left-service-page  {background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); float:none; width:82%;}
ul#menu-services-sidebar-menu li:hover {background: url("../images/services-list-bg.png") no-repeat scroll 0 0 transparent; height: 33px; color:#fff !important; line-height: 33px; width:70%;}	
.services-page-right { float:right; width:100%; background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;   padding: 0 0 25px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin-top:20px;}
#haircut{width:100%;}	
.left-haircareservices {float:none; width:100%;}	
.right-haircareservices {border: 5px solid #FFFFFF; box-shadow: 0 0 2px 1px #B1B1B1; float: none; margin: 27px auto 0 auto; width:90%}	
#haircarecolor{width:100%;}	
.left-haircareservices1 {float:none; width:100%;}

/* --------------------- SKIN CARE PAGE -------------------*/
.right-haircareservices1 { border: 5px solid #FFFFFF; box-shadow: 0 0 2px 1px #B1B1B1; float:none; margin:10px 6px 0 6px;}

/* --------------------- OFFER PAGE --------------- */
#offer-page {width:100%; margin:0 auto;  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); height:890px;}
#offer-page h1 {padding: 24px 0 0 0;}
#offer-page h2 {padding: 0 26px 0;}
#left-offer-page {float:none; width:100%;} 
#right-offer-page {float:none; width:100%; }
.left-offer {width:100%; float:none; margin:0 0 0 0}
.right-offer {width:100%; float:none;}
#right-offer-page {float:none; width:100%; }

/* ---------------------- FRANCHISEE ------------------- */
#franchiess-mainpage {width:100%; margin:0 auto;  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); padding:0 0 45px 0;}
#franchiess-mainpage h1 {padding: 24px 0 0 0; text-align:center;}
#left-franchiess {float:none; width:100%;}
#left-franchiess p { text-align:justify;}
#right-franchiess {float:none; width:100%;}
#franchiess-second h2 { margin:0 auto 0 auto;}
.right-add {float: left; margin: -15px 0 0 20px;}



/*-------------------------- PRESS COVERAGE PAGE ---------------------------- */
#press-covrage-mainpage {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 26px 26px 45px 26px ; width:80%; height:4300px;}
#press-covrage-mainpage h1 { padding:20px 0 0 0; text-align:center;}
#press-left	 {float:none; width:100%; margin:0 0 0 -22px;}
.right-add {float: none; margin: -1px 0 0 4px;!important;}
.right-add h1 {margin:0 15px;}
.right-add img{margin: 20px 20px 0 20px;}
.portfolio-area{ width:100%;}
.portfolio-area li{float: left;margin:0 0 0 -20px; overflow: hidden;/*width: 145px;*/padding:11px;}
#right-press {width:100%; float:none; margin:19px 0 0 0;}


/*-------------------------- FUN AT WORK ---------------------------- */
.fungallery {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 26px 26px 45px 26px ; height:1200px; width:80%; }
.fungallery h1 {text-align:center; }
.fungallery p {text-align:justify; margin:0; width:100%;}
.gallrey-devided { float: none; margin: 20px 0 0 0; text-align: center; width: 100%;}

/*-------------------------- LOCATE US  ---------------------------- */
#locatus-mainpage  {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto 0 auto; padding: 26px 26px 45px 26px ; width:80%; height:auto;}
#locatus-mainpage h1 { padding:0; text-align:center;}
#left-locatus { width:100%; float:none;  margin: 12px 0 0 0; }
#left-locatus h2 { text-align:center;}
#left-locatus img {margin:30px 0 0 0;}
#right-locatus { float: none; margin:20px 0 0 0; width: 100%; }
#toggle ul{margin: 20px 0 0 -30px; list-style:none;}
.map-size{width:100%; height:auto;}

/*-------------------------- LOGIN  ---------------------------- */
#locatus-mainpage  {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto 0 auto; padding: 26px 26px 45px 26px ; width:80%; height:auto;}
#locatus-mainpage h1 { padding:0; text-align:center;}
#left-locatus { width:100%; float:none;  margin: 12px 0 0 0; }
#left-locatus h2 { text-align:center;}
#left-locatus img {margin:30px 0 0 0;}
#right-locatus { float: none; margin:20px 0 0 0; width: 100%; }
#toggle ul{margin: 20px 0 0 -30px; list-style:none;}
.map-size{width:100%; height:auto;}

/*-------------------------- FUN AT WORK GALLERY 1  ---------------------------- */
.fungallery-1 {  background: -moz-linear-gradient(left center , #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 26px 26px 45px 26px ; height:2100px; width:80%; }
.gallery ul li { float:none;  height: 200px; margin: 0 37px 50px 0;  position: relative; width: 100%;}
.gallery-text {left: 45px; position: absolute; top: 203px;}
.holder {position:absolute; top:0; left:0; margin:-100px 0 0 -115px;}
.back-button {background:url(../images/back-button.jpg) no-repeat 0 0; width:150px; height:50px; float:right; z-index:999999; margin-top:40px;}

	
.menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    padding: 0;
    text-transform: none;
}
.menu ul.tiny {
    display: none;
}
.selectnav {
    display: block;
}
.latest-blog li {
    width: 280px;
}
.tparrows {
    display: none;
}
.tab {
    display: block;
    top: 0;
}
#testimonials-container .tab {
    border-radius: 13px 13px 13px 13px;
    display: inline-block;
    height: 13px;
    margin: 0 3px;
    width: 13px;
}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
    float: none;
    margin: 0 0 20px;
    width: 100%;
}
.footer .one-half, .footer .one-third, .footer .two-third, .footer .three-fourth, .footer .one-fourth, .footer .one-fifth, .footer .one-sixth {
    margin-bottom: 40px;
}
.footer .last {
    margin-bottom: 0;
}
.pricing.three .plan, .pricing.four .plan {
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
}
.post-container {
    float: none;
    width: 280px;
}
.sidebar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    margin: 0;
    padding: 0;
    width: 280px;
}
.post-container .related ul {
    margin-right: -8px;
    width: 288px;
}
.post-container .related ul li {
    margin-bottom: 8px;
    margin-right: 8px;
}
.post-container .related ul li img {
    height: auto;
    width: 136px;
}
#comments .user {
    display: none;
}
#comments ul.children {
    padding: 0 0 0 20px;
}
.posts-grid {
    margin-bottom: 20px;
    margin-right: 0;
}
.posts-grid .post {
    height: auto;
    margin: 0 0 20px;
    width: 280px;
}
.fancybox-title {
    display: none;
}
.items li {
    height: auto;
    width: 134px;
}
.items li a .caption {
    opacity: 0;
}
.filter li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 5px 10px;
}
.item-info .portfolio-meta {
    background: url("images/line.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    padding-top: 25px;
}
.copyright {
    float: none;
    margin-bottom: 20px;
    max-width: 100%;
    text-align: center;
}
.social {
    float: none;
    max-width: 100%;
    text-align: center;
}
.social li {
    display: inline-block;
    float: none;
    margin: 0 2px;
}
.social li a {
    display: inline-block;
}
.zetaHolder {
    height: 200px;
}
.zetaEmpty div {
    height: 200px;
}
.zetaSlider:hover .zetaControls {
    opacity: 0;
}
}


/* =============================================================================
  Responsive css end
   ==========================================================================  */