@charset "utf-8";
/* CSS Document */

html{padding:0px;margin:0px;width:100%; min-height:100% !important;position:relative !important;}
body {/* Margin bottom by footer height */margin-bottom: 60px;}
.container-fluid{margin:0px !important;padding:0px !important;}


::selection {
    background: #7d354a;
    color: white;
}


p{padding:0px; margin:0px;}

.locationx{display: none;}

a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;color:inherit;}
@font-face { font-family:"adobe garamond Pro"; src:url(font/Garamond3LTStd.otf)}
@font-face { font-family:"DejaVu Serif"; src:url(font/DejaVuSerif.ttf)}
@font-face { font-family:antonio; src:url(font/ANTONIO-REGULAR.TTF)}
@font-face { font-family:oswald; src:url(font/Oswald-Light.ttf)} 
@font-face { font-family:oswaldr; src:url(font/Oswald-Regular.ttf)}
@font-face { font-family:gnu; src:url(font/gnuolane%20rg.ttf)}

.tableclass{display:table;margin:auto;}

pre{font-family:inherit !important;:0px !important}

*{outline:none !important}
.space5{height:5px;}
.space10{height:10px;}
.space20{height:20px;}
.space30{height:30px;}

.padd10px{padding:10px;}
.padd0px5px{padding:0px 5px;}
.padd0px10px{padding:0px 10px;}
.paddleft30px{padding-left:30px;}
.padd0px20px{padding:0px 20px;}
.paddleft5px{padding-left:5px;}
.paddleft10px{padding-left:10px;}
.paddleft15px{padding-left:15px;}
.paddleft30px{padding-left:30px;}
.paddright5px{padding-right:5px;}
.paddright10px{padding-right:10px;}
.paddright15px{padding-right:15px;}
.paddright30px{padding-right:30px;}


.absolute_div{width:100%;height:100%;top:0px;left:0px;position:absolute;}
.text_table{display:table;height:100%;width:100%;}
.text_cell{display:table-cell; vertical-align:middle;text-align:center;}

@font-face { font-family:Candara; src:url(font/Candara.ttf)}


/*
@font-face { font-family:"marker Felt"; src:url(font/Marker%20Felt.ttf)}
*/

.inputformc1::-webkit-input-placeholder {color: #FFF;}

.grayscale {
	-webkit-filter: saturate(0%) grayscale(100%) brightness(69%) ;
	-moz-filter: saturate(0%) grayscale(100%) brightness(69%) ;
	-o-filter: saturate(0%) grayscale(100%) brightness(69%) ;
	-ms-filter: saturate(0%) grayscale(100%) brightness(69%) ;
    
    
    
}
.grayscale:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
}


.grayscale2 {
	-webkit-filter: saturate(0%) grayscale(100%) brightness(200%) ;
	-moz-filter: saturate(0%) grayscale(100%) brightness(200%) ;
	-o-filter: saturate(0%) grayscale(100%) brightness(200%) ;
	-ms-filter: saturate(0%) grayscale(100%) brightness(200%) ;
    
    
    
}
.grayscale2:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
}





/*................. HOME CSS....................*/


.amazingslider-nav-1{top:auto !important;bottom:10px  !important}
.row_i1{background-color:#000;}
.logo_index{ padding:20px 0px; }
.logo_index img{ max-width:200px; margin:auto;}

.menuouter{margin-top:50px; }
.menutext{color:#fff;font-family:oswaldr;font-size:22px; text-align:center; cursor:pointer;position:relative; padding:15px 0px; letter-spacing:1px;}
.menutextsel{color:#92886a} 

/*.submenutext{font-size:27px;}
.sub_submenutext{font-size:22px;color:#b2b2b1;}
.shadow_left{box-shadow: -11px 7px 5px 0px rgba(0,0,0,0.75);position:relative}
.bottomslider{height:30px;border-top:solid 1px rgba(255,255,255,0.3);}
.submenuouter{padding-left:30px;display:none;}
.submenutext:hover{color:#a84863}
.sub_submenuouter{padding-left:30px;display:none;}
.sub_submenutext:hover{color:#a84863}*/

.title{color:#92886a;font-family:oswaldr;font-size:26px;display:table;margin:auto; letter-spacing:1px; font-weight:bold;}
.text{text-align:center;color:#000;font-family:oswald;font-size:20px; line-height:26px;}

.jarallax {height: 560px;background-image:url(images/home/para.jpg);position: relative; background-size: cover;background-repeat: no-repeat; background-position: 50% 50%;position:relative}
.hair_product{font-family:"DejaVu Serif";font-size:36px;color:#f7edf0;background-image:url(images/home/hair_product.png);text-align:right;padding-left:210px;background-repeat:no-repeat;background-position:left center;
				display:inline-block;height:98px;padding-top:60px;cursor:pointer}
.hair_product:hover{background-image:url(images/home/hair_producth.png);}
.text_parallax{font-size:21px;color:#d3a4b1;font-family:"DejaVu Serif";text-align:right;font-weight:bold;}
.cosmetic{font-family:"DejaVu Serif";font-size:36px;color:#f7edf0;padding-top:60px;display:inline-block;vertical-align:top}
.img_cosm{display:inline-block;vertical-align:top;cursor:pointer;}
.carousel_home{padding:0px 50px;}

.jarallax2 {height:100%;background-image:url(images/home/para2.jpg);position: relative; background-size: cover;background-repeat: no-repeat; background-position: center;position:relative}
.salon_loc_outer{background-color:rgba(255,255,255,0.8);padding:20px;transition:all 0.4s;cursor:pointer; margin:10px 0px;}
.salon_loc_outer:hover{background-color:rgba(255,255,255,0.8)}
.where_we_are{font-family:oswald;font-size:26px;color:#000;text-align:right;border-bottom:solid 2px #fff;line-height:37px;padding-right:7px;}
.area_loc{font-family:oswald;font-size:26px;color:#92886a;background-image:url(images/home/location.png);background-repeat:no-repeat;background-position:center left;text-align:right;padding-right:7px;;
			min-height:51px;}
.mapdiv{height:280px;position:relative}
.map_loc{position:absolute;left:-15px;top:-20px;}

.where_we_are2{font-family:oswald;font-size:26px;color:#000;}
.where_we_are2 span{color:#92886a;}

.location_title{font-family:oswald;font-size:22px;color:#000;display:inline-block;vertical-align:top;margin-right:15px;border-bottom:solid 1px;border-color:transparent;cursor:pointer}
.location_title:hover{border-bottom:solid 1px #000;color:#000}
.location_text{font-family:oswald;font-size:18px;color:#000;}
#salon_locator{}
.sub_location_title{font-family:oswald;font-size:22px;color:#fff; background-color:#000; text-align:center; padding:5px 10px;}
.customername{font-family:oswald;font-size:18px;color:#fff; background-color:#000; text-align:center; padding:5px 10px;}
.customerdesc{font-family:oswald;font-size:16px;color:#000; padding:5px 10px; text-align:center;}

.formdivc1{height:45px;line-height:45px;}
.inputformc1{border:0px;background-color:#000;color:#ffffff;padding-left:10px;width:100%;height:100%;font-family:oswaldr;font-size:18px;resize:none; }
.textareac1{height:160px;}
.submitc1{width:100px;display:inline-block;height:45px;}
.submitc1 input{background-color:transparent;font-size:18px; }
.contact_text{font-size:26px;font-family:oswaldr;color:#000; padding:0px 20px; }
.contact_text span{font-size:18px; }
.location_img{display:inline-block;}
.social{display:inline-block;vertical-align:top;margin:0px 2px;transition:all 0.5s;cursor:pointer;}
.social:hover{transform:rotate(20deg)}




/*................. PRODUCTS CSS....................*/


.row_prod{padding: 0px 60px }
.title_prod{font-size:36px;font-family:Candara;color:#fff;display:inline-block;vertical-align:top;padding-top:45px;padding-right:6px;}
.img_prod{display:inline-block;vertical-align:top;}
.top_prod{display:table;margin:auto;background-color:#190a0f;}
.title_prod2{color: #8b7156;font-size: 80px;    text-transform: uppercase;font-family:oswald}
.title_prod2 span{font-size: 130px;position: relative;letter-spacing: -2px;text-align: left;padding-top: 15px;color:#190a0f;}

.fontgnu32{font-family:gnu;font-size:32px;color:#555555;line-height:39px;font-weight:}
.fontgnu32 span{font-weight:bold}

.fontgnu20{font-family:gnu;font-size:20px;color:#555555;line-height:26px;padding-right:40px;padding-left:10px;}
.fontgnu20 span{font-weight:bold}

.jarallax3 {height:560px;background-image:url(images/products/1.jpg);position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;position:relative;z-index:1}
.inside_prod{position:absolute;top:0px;left:0px;padding-left:290px;width:100%;}
.row_in1{padding-top:100px;}
.amazingslider-arrow-left-1{display:none !important;}
.amazingslider-arrow-right-1{display:none !important;}



/*................. FOOTER CSS....................*/

.footer {position: absolute;bottom: 0;width: 100%;/* Set the fixed height of the footer here */
		height: 60px;background-image:url(images/footer.jpg);;box-sizing:border-box;left:0px;background-position:top left;
		background-size:contain;background-repeat:no-repeat;background-color:#000;box-shadow: 0px -4px 18px 2px rgba(0,0,0,0.75);}	
.outerf1{height:60px;}
.outerf2{height:100%;display:table;}
.copyright{font-family:Helvetica;font-size:19px;color:#fff;display:table-cell; vertical-align:middle;font-weight:bold;height:100%;text-align:right;}
.horizont1{display:table-cell;vertical-align:bottom;}
.horizont1 img{margin:15px auto;}
.performance_about{padding:10px;min-height:80px;background-color:#009445;}
.prod_view{display:table;margin:auto;font-family:Helvetica;font-size:20px;color:#000;border:solid 2px #5d5d5d;padding:5px 15px;cursor:pointer;transition:all 0.4s;}
.prod_view:hover{background-color:#5d5d5d;color:#fff;}
.prod_name{font-family:Helvetica;font-size:22px;color:#8b7f8e;text-align:center;}


.heightp1{height:200px;}


.socialmedia{
  width:47px;
  height:282px;
  position: fixed;
  top: 150px;
  right:-47px;  
  z-index:10000;
  text-indent: -9999px;transition:all 0.5s;	
}

.socialmedia div{width:47px; height:47px; background-repeat:no-repeat; background-size:cover; border:solid 1px #CCC; border-bottom:0px; cursor:pointer;}
 
.f1{ background-image:url(images/f1.png);}
.f1:hover{ background-image:url(images/f2.png);}

.t1{ background-image:url(images/t1.png);}
.t1:hover{ background-image:url(images/t2.png);}


@media screen and (max-width: 1500px){

/*................. HOME CSS....................*/
 
/*
.submenutext{font-size:24px;}
.sub_submenutext{font-size:20px;color:#b2b2b1;}*/
 
.jarallax {height: 360px;}
.hair_product{font-size:24px;background-size:35%;padding-left: 94px;height: 46px;    padding-top: 20px;margin-top:15px}
.cosmetic{font-size:24px;    padding-top: 38px;}
.img_cosm img{width:60%}
.text_parallax{font-size:13px;}
.where_we_are{font-size:24px;}
.area_loc{font-size:24px;}

.title_prod{font-size:24px;padding-top: 20px;}
.img_prod img{width:108px;}



/*................. PROD CSS....................*/

.title_prod2{font-size: 60px;}
.title_prod2 span{font-size: 100px;}
.fontgnu32{font-size:25px;line-height:31px;}

.fontgnu20{padding:30px 50px;}
	
	
}
@media screen and (max-width: 1200px){	

/*................. HOME CSS....................*/
 
.menutext{font-size:20px;padding:12px;}
/*.submenutext{font-size:18px;}
.sub_submenutext{font-size:15px;color:#b2b2b1;}*/
.salon_loc_outer{padding:10px;}
.where_we_are{font-size:20px;}
.area_loc{font-size:20px;}


/*................. PROD CSS....................*/


.title_prod2{font-size: 40px;}
.title_prod2 span{font-size: 60px;}
.fontgnu32{font-size:20px;line-height:26px;}

	

}	
			
@media screen and (max-width: 990px){
	
/*................. HOME CSS....................*/

.menuouter{ margin-top:20px;}
.menutext{font-size:18px;padding:8px;}

.where_we_are{font-size:18px;}
.area_loc{font-size:18px;}
.contact_text{font-size:22px;}



/*................. PROD CSS....................*/


.title_prod2{font-size: 30px;}
.title_prod2 span{font-size: 40px;}
.fontgnu32{font-size:15px;line-height:21px;}
.fontgnu20{font-size:17px;}
	
	
}



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


.container{padding:0px 15px !important;}		
	
	
/*................. HOME CSS....................*/


.top_prod{padding:0px 15px;}	


.title{font-size:24px;}
.text{font-size:18px; line-height:24px; padding:10px;}

.hair_product{font-size:20px;}
.cosmetic{font-size:20px}
.img_cosm img{width:60%}
	
	
.logo_index{ padding:10px 0px; }
.logo_index img{ max-width:150px; margin:auto;}
 	
.menuouter{margin-top:10px; }
.menutext{padding:3px 0px;text-align:center}	
/*.submenuouter{margin:10px 0px;}
.sub_submenuouter{margin:10px 0px;}*/
.amazingslider-nav-1{display:none !important}	
.jarallax .text-right{display:table;margin:20px auto;margin-top:5px; }	
.jarallax {height: 460px;}
.amazingcarousel-prev{display:none !important}	
.amazingcarousel-next{display:none !important}


.jarallax2 {height: auto;background-image:url(images/home/para2.jpg);position: relative; background-size: cover;background-repeat: repeat; background-position: center;position:relative}


.gallerySelectorList li{float:none !important;display:block !important;text-align:center !important;width:100% !important}	
.gallerySelector{height:auto !important;}
.row_prod{padding:0px 20px;}	

.fontgnu20{padding: 10px;}
#amazingslider-wrapper-1{padding-right:0px !important}

.amazingslider-arrow-left-1{display:block !important;}
.amazingslider-arrow-right-1{display:block !important;}


.contact_text span{font-size:16px;}

.heightp1{height:20px;}

/*................. FOOTER CSS....................*/

.footer{background-size:200%}
.outerf2{width:100%}
}

@media screen and (max-width: 430px){
	
/*................. HOME CSS....................*/	

.amazingcarousel-image img{width:200px !important;margin:auto}	



}