@charset "utf-8";
/* CSS Document */
body{
	/* [disabled]margin:0px; */
	padding:0px;
	overflow-y:auto;
	overflow-x: hidden;
	scrollbar-base-color:#369;
	
	
}
body, h1, h2, h3, h4, h5, p, li, a, #menu ul li a{font-family: 'Open Sans', sans-serif; }

#supersized{
	    position:fixed;
	}
	#supersized img{ -ms-interpolation-mode: bicubic; }
	#supersized img, #supersized a{
	    height:100%;
	    width:100%;
	    position:absolute;
	    z-index: -1;
	}
	
	#supersized .prevslide, #supersized .prevslide img{
	    z-index: 1;
	}
	#supersized .activeslide, #supersized .activeslide img{
	    z-index: 2;
	}
	
	
.sent-case{text-align:center; font-size:14px;}	
	@font-face {
	font-family: bodoni;
	src: url('../js/bodoni.ttf');
}

p.custom_font{
	font-family:bodoni; /* no .ttf*/
 }

p{
	text-align:left;
	font-family:bodoni;
	text-transform:uppercase;
	color:#58585a;
	font-size:13px;
	letter-spacing:1px;
	line-height:2em;

	
}

.style1{
	padding:42px;
	line-height:31px;
	color: #58585a;
	text-align:center;
	font-size:14px;

}
.style2{
	padding: 50px 10px 30px 50px;
	text-align:center;
	line-height:26px;
	color: #58585a;
	width:550px;	
}
.style3{padding:50px; text-align:left;  line-height:26px; color: #58585a;}
#logo{background:url(../images/logo.png) no-repeat; height:146px; width:230px; margin-bottom:7px; position:absolute; }

div#navigation {position: absolute; top: 671px; left:0;  width: 868px; height: 22px; font: 14px Verdana, sans-serif; z-index: 100; text-transform:uppercase; }
div#navigation a {display: block; 
   }
div#navigation a:hover {color: #faa61a; }
.page_active{position: absolute; top:520px; height: 22px; width: 930px;}
div#nav a img {height: 0; width: 0;  border-width: 0;}

div#nav a:hover img {position: absolute; top: -30px; left:0;   height: 22px; width: 930px;}

div#navigation ul {margin-left:10px; width: 868px; }
div#navigation ul li{display:inline; color:#faa61a; }

			

/* tabs */
			
.containerall {width: 860px; margin: 0px; padding:20px; padding-top:126px; }
ul.tabs {
	margin: 0;
	padding: 0;
	float:left;
	list-style: none;
	height: 66px;
	margin-left:28px;
	margin-top:50px;
	
	width: 172px; color:#000; font-family:"Trebuchet MS", Verdana, Arial, Georgia; text-align:left; font-size:12px;
}
ul.tabs li {
	
	margin: 0;
	padding: 0;
	width:172px;
	height: 66px;
	text-align:center;
	display:block;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 0px;
	outline: none;
}
ul.tabs li a:hover {
	background:url(../images/transparent.png);
	
	height: 66px;
}


/*
#t1 {background:url(../images/philosophy.png); height:93px; width:256px;}
#t1:hover {background:url(../images/transparent.png); height:93px; width:256px;}
#t1 a:active {background:url(../images/transparent.png); height:93px; width:256px;}

#t2 {background:url(../images/mission.png); height:93px; width:256px;}
#t2:hover {background:url(../images/transparentm.png); height:93px; width:256px;}
#t2 a:active {background:url(../images/transparentm.png); height:93px; width:256px;}


#t3 {background:url(../images/vision.png); height:93px; width:256px;}
#t3:hover {background:url(../images/transparentmm.png); height:93px; width:256px;}
#t3 a:active {background:url(../images/transparentmm.png); height:93px; width:256px;}
*/
#tab1{background:url(../images/transparent2.png)  no-repeat; height:479px; width:648px; }
#tab2{background:url(../images/transparent-mission.png) no-repeat;  height:420px;  width:648px; padding-top:0px; text-align:center; }
#tab3{background:url(../images/transparent2.png) no-repeat;  height:420px; padding-top:0px }

#tab4{background:url(../images/transparentm.png)  no-repeat; height:479px; }
#tab5{background:url(../images/transparentm.png) no-repeat;  height:420px; padding-top:80px }
#tab6{background:url(../images/transparentm.png) no-repeat;  height:420px; padding-top:140px }
#tab7{background:url(../images/service-bg.png) no-repeat;  height:420px; padding-top:140px }
#tab8{background:url(../images/service-bg.png) no-repeat;  height:420px; padding-top:140px }
img{border:0; }
a{border:0;}
html ul.tabs li.active, html ul.tabs li.active   {
	background:url(../images/transparent.png);
	height:66px; 
	
}
}
.tab_container {
	float: right; 
	width: 646px;
	height:372px;
}
.tab_content {
	float: left; 
	width: 646px;
	height:372px;
		
color:#000; font-family:"Trebuchet MS", Verdana, Arial, Georgia; text-align:left; font-size:12px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

#navigation-bar{background:url(../images/navigation-bar.png) no-repeat; height:6px; width:100%; position:absolute; margin-left:50px; }
#menu-box{ position:absolute; height:30px; width:931px;  top:628px; }

img {
		outline:0; 
		border:0;
	}
	
	#menu {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:left; 
		width:950px; 
		height:50px;

	}
	
	#menu ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
			border-top: 5px solid #faa61a;		
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:50px; 
		top:0px; 
		
	}	#menu ul li {
		
		/* give some spaces between the list items */
		margin:0 0px; 
		
		/* display the list item in single row */
		float:left;
		padding-top:3px;
		margin-right:15px;
	}
	
	#menu ul li a {/* font-family:Arial, Helvetica, sans-serif;*/ text-transform:uppercase;  text-decoration:none; color:#58585a; font-size:14px;font-weight:bold;}
	#menu ul li a:hover{color:#faa61a;}
	#menu ul li a.active{color:#faa61a;}
	#menu #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:200; 
 
		/* image of the right rounded corner */
		height:35px;
 
 
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:5px;
		
	}
	
	#menu #box .head {
		/* image of the left rounded corner */
		background:url(../images/active.png) no-repeat 0 0;
		height:24px;
		color:#eee;
		width:89px;
		position:absolute;
		top:-33px;
		left:-20px;
		
		/* force text display in one line */
		white-space:nowrap;
 
		/* set the text position manually */
	}
	
	#social-media{width:150px; height:25px; margin-left:50px;}
/* demo thumbnail scroller - horizontal liquid size 100% */
#tshf_container{ top:0px; left:245px;  width:220px; }
#tshf_container .thumbScroller{position:relative; width:220px; overflow:hidden;}
#tshf_container .thumbScroller, #tshf_container .thumbScroller .container, #tshf_container .thumbScroller .content{height:168px;}
#tshf_container .thumbScroller .container{position:relative; left:0;}
#tshf_container .thumbScroller .content{float:left;}
#tshf_container .thumbScroller .content div{padding:0px; margin:0px; height:100%;}
#tshf_container .thumbScroller img{border:none; margin:0px; padding:0px;}
#tshf_container .thumbScroller .content div a{display:block;}
#tshf_container .thumbScroller .content div a:hover{border-color:#fff;}



div.visible {
display: visible;
}
div.hidden {
display: none;
}
p.tabstyle{margin-left:20px; font-family:bodoni}

h2{font-family:HelveticaNeueLTPro-Lt; letter-spacing:1px; text-transform:uppercase; color:#58585a; font-size:11px; margin-right:15px;}
h2 a{ text-decoration:none;color:#58585a; }
h2 a:hover{ text-decoration:none;color:#faa61a; }
h2 a.active{ text-decoration:none;color:#faa61a; }

.stylist-left{width:212px; float:left; height:280px; padding-left:20px; text-align:center; font-size:18px; }
.stylist-left img{margin-top:50px; margin-bottom:10px;}
.stylist-left p{margin:0px; padding:0px;}
.stylist-right{
	width:370px;
	padding-left:28px;
	float:left;
	margin-left:15x;
	margin-top:50px;
	height:230px;
	color: #58585a;
	height:210px; overflow-x:hidden; overflow-y:auto;
	text-align:left; line-height:29px; font-size:16px;
	background:url(../images/stylist-line.png) no-repeat;
}

h3{font-family:bodoni; margin:0px; padding:0px;  color:#58585a;  font-size:12px; text-transform:uppercase; }

ul.stylist-nav  {
	height:62px;
	border:0;
	padding-top:80px;
	
}
ul.stylist-nav a{text-decoration:none;}
ul.stylist-nav h2 {
        border-bottom: 2px solid transparent;
    color: #58585a;
    font-family: 'Open Sans', sans-serif;
    line-height: 10px;
    font-size: 14px;
    font-style: normal;
}
ul.stylist-nav h3 {
        border-bottom: 2px solid transparent;
    line-height: 20px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-right: 0px !important;
    
}
ul.stylist-nav h3:hover, ul.stylist-nav li.active h3 {
    border-bottom: 2px solid #faa61a;
}
ul.stylist-nav li {border:0px; margin-bottom:30px; }
ul.stylist-nav li:hover{
	background:url(../images/stylist-active.png);
	
}
.stylist-nav img.active{
	background:url(../images/stylist-active.png);
		
}
ul.belief-nav li h3{ border-bottom: 2px solid transparent; color:#58585a;  font-family: 'Open Sans', sans-serif;   line-height: 10px; font-size:14px; font-style:normal;}
ul.belief-nav li h2{border-bottom: 2px solid transparent;     line-height: 20px; font-size: 15px; text-transform:uppercase; font-family: 'Open Sans', sans-serif;margin-right: 0px !important;}
ul.belief-nav li a{text-decoration:none;}
ul.belief-nav li.active h2, ul.belief-nav li h2:hover {
    border-bottom: 2px solid #faa61a;
}
ul.belief-nav  {
	height:54px;
	border:0;
	padding-top:80px;
	padding-left:30px;
	
}

ul.belief-nav li {margin-bottom:30px; }


input{margin-left:40px;  width:300px; border: thick #fff solid; color:#58585a; border:#faa61a thin solid;}
textarea{height:70px; width:300px; margin-left:47px; border:thick #fff solid; color:#58585a;border:#faa61a thin solid; overflow:hidden}


.out{ width:500px;  height:20px; color:#58585a; margin-bottom:30px; text-align:left }
.out1{ width:500px ;   height:70px; color:#58585a; margin-bottom:30px; text-align:left; margin-bottom:20px; }

.out-left{ width:70px; padding-top:10px; height:20px;  float:left;}
.out-left1{ width:70px; padding-top:10px; height:70px;  float:left;}

.out-right{ width:350px;  float:left; height:20px; color:#58585a; text-align:right;}
.out-right1{ width:300px; float:left; height:70px; color:#58585a; text-align:right; }
.button{background:#faa61a; width:310px; border:0; height:30px; margin-left:40px; margin-top:20px; font-family:botani; text-transform:uppercase; color:#58585a; letter-spacing:1px;}
.button:hover{color:#58585a;}
.style4{padding-left:40px;  font-size:13px;  font-family:bodoni; text-transform:uppercase; color:#58585a;}
ul#prtyphot li{display:inline;}
ul.gallery li img{border:0; margin:0; padding:0px;}


.jcarousel-skin-tango .jcarousel-container {
   
	}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 216px;
    padding: 0px 25px;
	
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 216px;
    height: 32px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  216px;
    height: 72px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  216px;
    height: 72px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 72px;
    height: 72px; margin:0px; padding:0px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 5px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
	
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango img{border:none;}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
	z-index:999;
    top: 20px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png)  no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
		z-index:999;

    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../images/next-horizontal.png);
}
ul.mycarousel{width:auto;}
ul.mycarousel li{margin:0px; padding:0px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}     


/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/



ul#mycarousel li {
    margin: 0 1px;
}

@media (min-width:769px){
	.show-on-desktop{display:block;}
	.show-on-mobile{display:none;}
	}
@media (max-width:768px){
	.show-on-desktop{display:none;}
	.show-on-mobile{display:block;}
	}

@media (max-width:768px){
.smartmodal-modal{
    top: 20% !important;
    left: 0%!important;
right: 20% !important;
width:35% !important;
}
a.close {
    display: block !important;
    top: 5px !important;
    right: 6px !important;
    height: 10px !important;
    width: 10px !important;
    padding: 8px !important;
    line-height: 10px !important;
    font-size: 22px !important;
}
}