@import url(http://fonts.googleapis.com/css?family=Montserrat);
/*-------------------------
	General Styles
--------------------------*/

body, html{ height:100%; margin:0; padding:0; }
	
body{
	color:#FFF;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-size: 16px / 20px;
	width: 100%;
	font-weight:300;
	background:#333; 
}

/* Toggle Styles */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	height: 100%;
}
/*-----------------------------------
	Sidebar Styles 
------------------------------------*/
#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 0;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
	background:#FFF;
}
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
	border-bottom:thin solid #CCC;
	background:#FFF;
	
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #666;
	font-size:20px;
	font-weight:100;
	padding: 10px 0 10px 50px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background-color:rgba(0, 0, 0, 0.8);
}
.sidebar-nav li .active {
	color: #fff;
    background: #333333;
}

.sidebar-nav > .sidebar-brand {
    height: 138px;
	padding:10px 0 0 0;
}

.sidebar-nav > .sidebar-brand img {
	display:block;
	margin:0 auto;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: #333333;
}

/*-----------------------------------
	Main Picture 
------------------------------------*/

#wrapper .carousel { z-index: -99; } /* keeps this behind all content */
#wrapper .carousel .item {
    position: fixed;
    width: 100%; 
	height: 100%;
	  -webkit-transition: opacity .7s ease;
  -moz-transition: opacity .7s ease;
  -o-transition: opacity .7s easee;
  transition: opacity .7s ease;
}
#wrapper .carousel .one {
     background: url(../images/background/home-ss-01.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .two {
     background: url(../images/background/home-ss-02.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .three {
    background: url(../images/background/home-ss-03.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .four {
    background: url(../images/background/home-ss-04.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .active.left {
    left:0;
    opacity:0;
    z-index:2;
}
#wrapper .icon-next  {
	border:#FFF thin solid;
	width:85px;
	height:85px;
	padding: 12px;
	margin:0;
	right: 0;
}
#wrapper i{
	display:block;
	width:30px;
	height:57px;
	margin:0 auto;
	
	}
#wrapper .right-next-btn {
	background:url(../images/icons/right-arrow.png) no-repeat;
	
}
#wrapper .left-next-btn {
	background:url(../images/icons/left-arrow.png) no-repeat;
	
}
#wrapper .carousel-control {
    width: 85px;
}
#wrapper .icon-next:before {
    content: "";
}

/* ----- SPACE PLANNING ----- */
#wrapper .carousel .space-one {
     background: url(../images/space/1.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .space-two {
    background: url(../images/space/2.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .space-three {
     background: url(../images/background/home-ss-01.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .space-four {
     background: url(../images/space/4.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position: 35% 0;
}
#wrapper .carousel .space-five {
     background: url(../images/space/5.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .space-six {
     background: url(../images/furnishing/2.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position: 35% 0;
}
#wrapper .carousel .space-seven {
     background: url(../images/kitchen-bath/7.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
/* ----- FURNISHING & FINISHES ----- */
#wrapper .carousel .furn-one {
     background: url(../images/furnishing/1.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-two {
     background: url(../images/furnishing/3.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-three {
     background: url(../images/furnishing/5.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-four {
     background: url(../images/furnishing/6.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-five {
     background: url(../images/furnishing/7.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-six {
     background: url(../images/furnishing/8.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-seven {
     background: url(../images/furnishing/9.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-eight {
     background: url(../images/furnishing/10.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-living {
     background: url(../images/furnishing/living-room.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .furn-weiser {
     background: url(../images/furnishing/weiser.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
/* ----- KITCHEN & BATH DESIGN ----- */
#wrapper .carousel .k-one {
     background: url(../images/kitchen-bath/1.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .k-two {
     background: url(../images/kitchen-bath/9.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position:35% 0;
}
#wrapper .carousel .k-three {
     background: url(../images/kitchen-bath/2.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .k-four {
     background: url(../images/kitchen-bath/6.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position:35% 0;
}
#wrapper .carousel .k-five {
     background: url(../images/space/6.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position:35% 0;
}
#wrapper .carousel .k-six {
     background: url(../images/space/8.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position:35% 0;
}
#wrapper .carousel .k-seven {
     background: url(../images/kitchen-bath/4.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position: 35% 0;
}
#wrapper .carousel .k-bath {
     background: url(../images/kitchen-bath/bath.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position: 35% 0;
}
/* ----- LIGHTING DESIGN ----- */
#wrapper .carousel .l-one {
     background: url(../images/lighting/8.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position: 35% 0;
}
#wrapper .carousel .l-two {
     background: url(../images/lighting/5.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position: 35% 0;
}
#wrapper .carousel .l-three {
     background: url(../images/lighting/6.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .l-four {
     background: url(../images/lighting/2.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position: 35% 0;
}
#wrapper .carousel .l-five {
     background: url(../images/lighting/hanley.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
	background-position: 35% 0;
}
/* ----- ARCHITECTURAL DETAILING ----- */
#wrapper .carousel .arc-one {
     background: url(../images/arc/5.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .arc-two {
     background: url(../images/arc/9.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .arc-three {
     background: url(../images/arc/2.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .arc-four {
     background: url(../images/arc/3.jpg);
    background-size: contain;
    -moz-background-size: contain;
	background-repeat:no-repeat;
}
#wrapper .carousel .arc-five {
     background: url(../images/arc/6.jpg);
	 background-size: contain;
	 -moz-background-size: contain;
	 background-repeat:no-repeat;
}
#wrapper .carousel .arc-six {
     background: url(../images/arc/7.jpg);
	 background-size:contain;
	 -moz-background-size: contain;
	 background-repeat:no-repeat;
}
#wrapper .carousel .arc-kitchen {
     background: url(../images/arc/kitchen.jpg);
	 background-size:contain;
	 -moz-background-size: contain;
	 background-repeat:no-repeat;
}
#wrapper .carousel .arc-bathroom {
     background: url(../images/arc/bathroom.jpg);
	 background-size:contain;
	 -moz-background-size: contain;
	 background-repeat:no-repeat;
	 background-position:35% 0;
}
#wrapper .carousel .arc-pantry {
     background: url(../images/arc/pantry.jpg);
	 background-size:contain;
	 -moz-background-size: contain;
	 background-repeat:no-repeat;
	 background-position: 35% 0;
}
#wrapper .carousel .arc-stairs {
     background: url(../images/arc/4.jpg);
	 background-size:contain;
	 -moz-background-size: contain;
	 background-repeat:no-repeat;
	 background-position:35% 0;
}

/*-----------------------------------
	page  
------------------------------------*/
#wrapper.toggled {
    padding-left: 300px;
}
#page-content-wrapper.toggled {
	margin-left: -45%;
}

#wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

#page-content-wrapper {
    width: 45%;
    padding: 15px;
	min-height:100%;
	height:auto;
	background-color:rgba(0, 0, 0, 0.8);
	float:left;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -300px;
}
.close-btn {
	background:url(../images/icons/close-btn.png) left top no-repeat;
	height:30px;
	width:30px;	
}
.nav-tog {
	position:fixed;
	height:24px;
	width:30px;
	margin: 10px;
	display:none;
}
/*-----------------------------------
	about page  
------------------------------------*/
#page-content-wrapper .thumbnail {
	margin: 0 auto;
	max-width: 237px;	
}
/*-----------------------------------
	contact page  
------------------------------------*/
#page-contact-wrapper {
    background-color: rgba(0, 0, 0, 0.8);
    float: left;
    height: auto;
    min-height: 100%;
    padding: 15px;
    transition: all 0.8s ease 0s;
    width: 90%;
}
#page-contact-wrapper .text-con{
	 height: 120px;
	 margin-top: 40px;
	
}
#page-contact-wrapper .contact-form{
	padding-top: 40px;
}
.btn {
    -moz-user-select: none;
    background: none;
    border: 2px solid #FFF;
    border-radius: 0;
	background:#666;
	color:#FFFFFF;
	float:right;
	margin-top: 10px;
	padding: 16px 40px;
}
#page-contact-wrapper .contact-form .form-control,
#page-contact-wrapper .contact-form input,
#page-contact-wrapper .contact-form textarea {
	border-radius: 0px;
	background:none;
	border: 1px solid #999;
	font-size:22px;
}
textarea {
    resize: none;
	height:310px;
	padding:10px !important;
	width:48%;
	float:left;
	position:relative;
	/*top:-320px;*/
}
input {
    width: 48%;
	float:left;
	position:relative;
	height:70px;
	margin:0;
	padding: 0 10px !important;
}
textarea.form-control {
    height: 380px;
}
.input-group .form-control {
	height: 70px;
}
.fsSubmit { width:100%; height:100px !important; }
.fsSubmit input.fsSubmitButton { 
	display: block;
	padding:20px;
	color: #999 !important;
	float: right !important;
	left: -39px;
}
/*-----------------------------------
	sub page  
------------------------------------*/
#page-sub-wrapper {
	height: 100%;
}
#page-sub-wrapper section header {
	width:100%;
	position:absolute;
	
	}
#page-sub-wrapper section header h2{
	margin:20px 0 0 50px;
	height: 120px;
	border-left:thin solid #FFF;
		
	}
#page-sub-wrapper section {
    background-attachment: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    height: 100%;
    width: 100%;
	position:relative;
}

#page-sub-wrapper .section-pannel {
    display: table-cell;
    vertical-align: middle;
	background-color:rgba(0, 0, 0, 0.6);
	
}
#page-sub-wrapper section .inner {
	max-width:800px;
	margin:0 auto;	
}
#page-sub-wrapper section .nextsec{
	width:100%;
	height:85px;
	position:absolute;
	bottom:0;
	max-width:800px	
	}
#page-sub-wrapper section ul {
    list-style: none outside none;
	margin: 40px auto;
	width: 230px;
	padding: 0;
}
#page-sub-wrapper section ul li {
    display: inline-block;
    padding-bottom: 20px;
}
#page-sub-wrapper section ul li a {
	background:#fff;
    color: #666;
    display: block;
    font-size: 24px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 230px;
	border-radius: 20px;
}
 #page-sub-wrapper section ul li a:hover{
	background:#666;
	color:#FFF;
	
}

#page-sub-wrapper section i.icon.down-arrow{
	background:url(../images/icons/down-arrow.png) left top no-repeat;
	display:block;
	height:30px;
	width:57px;
	margin:20px auto;
}


#page-sub-wrapper #slide1 {
    background-attachment: fixed;
    background-image: url("../images/space/1.jpg");
}
#page-sub-wrapper #slide2 {
    background-attachment: fixed;
    background-image: url("../images/furnishing/weiser.jpg");
}
#page-sub-wrapper #slide3 {
    background-attachment: fixed;
    background-image: url("../images/background/home-ss-03.jpg");
}
#page-sub-wrapper #slide4 {
    background-attachment: fixed;
    background-image: url("../images/background/home-ss-02.jpg");
}
#page-sub-wrapper #slide5 {
    background-attachment: fixed;
    background-image: url("../images/arc/5.jpg");
}

/*-----------------------------------
	gallery page  
------------------------------------*/
#page-gallery-wrapper {
    width: 100%;
	min-height:100%;
	height:auto;
	height: 100%;
	position:relative;
}
#page-gallery-wrapper .btn{
	float:none;
	
}
.back-btn{
	background-color:rgba(0, 0, 0, 0.8);
	height:40px;
	width: 200px;
	color:#FFF;
	display:block;
	padding:7px 42px;
	font-size:18px;
	
}
.back-btn:hover{
	color:#999;
	text-decoration:none;
	
	
}
.project-tag {
	position:absolute;
	bottom:15px;
	left: 20px;
	font-weight:300;
	font-size:18px;	
}
.nopadding{
	padding:0;
}
#page-gallery-wrapper .gallery-item i{
	border:#FFF solid 1px;
	border-radius: 15px;
	font-size: large;
	font-style:normal;
    height: 30px;
    width: 30px;
	padding: 2px 2px 2px 0;

}
.gallery-item {
  	cursor: pointer;
    height: 45%;
	max-height: 45%;
    margin: -0.135em;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
	background-color:rgba(0, 0, 0, 1);
}
  

.gallery-item img{ 
   	display: block;
    min-height: 100%;
    position: relative;
  	opacity: 0.6;
	transition: opacity 0.5s ease;
}
.gallery-item ul {
	padding:0;
	
}
.gallery-item img:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.gallery-item .gallery-txt {
position:absolute;
	top: 40%;
	width:100%;
	color:#FFFFFF;
}
.gallery-item h2{
	font-weight:100;
	margin-top:0;
	
}
/*-----------------------------------
	text  
------------------------------------*/
.text-con {
	margin-top: 118px;
	border-left:thin #FFF solid;
}
.text-con h1{
	margin-top:0;
}
.text-con p{
	line-height: 30px;
}


/*-----------------------------------
	helper class  
------------------------------------*/
.img-responsive{
	width: 100%;
	
	
	}
@media(max-width:1200px) {
	textarea {
	width:100%;
	float:none;
	top:0px;
}
input {
    width: 100%;
	float:none;
}
.fsSubmit input.fsSubmitButton { 
	top:0px;
	left:-5px;
}
}
@media(max-width:768px) {
	
	#wrapper .carousel .item {
		left:0px !important;
	-webkit-transition: opacity .7s ease,
    left 0.5s ease;
  -moz-transition: opacity .7s ease,
    left 0.5s ease;
  -o-transition: opacity .7s ease, left 0.5s ease;;
  transition: opacity .7s ease, left 0.5s ease;;

		
		
	}
	#page-content-wrapper {
		width: 100%;
		margin:0;
		transition: all 0.5s ease 0s;
	}
	#page-content-wrapper.toggled {
		margin:0;
		transition: all 0.5s ease 0s;
	}
	.gallery-item {
		width: 100%;
	}
	#wrapper{
		padding:0px;
		transition: all 0.5s ease 0s;
	}
	#sidebar-wrapper {
		
		left: -300px;
		margin-left: 0;
		-webkit-transition: left 0.5s ease;
		-moz-transition: left 0.5s ease;
		-o-transition: left 0.5s ease;
		transition: left 0.5s ease;
		background:none;
		
	}
	.sidebar-nav li a {
		padding:0;
		-webkit-transition: padding 2s ease;
		-moz-transition: padding 2s ease;
		-o-transition: padding 2s ease;
		transition: padding 2s ease;
		
	}
	#sidebar-wrapper.toggled {
		background:none;
		left:0;
		width:100%;
	}
	.sidebar-nav > .sidebar-brand {
		height: 80px;
		padding: 10px 0 0;
	}
	.sidebar-nav > .sidebar-brand img{
		height: 75%;
		height: 75%;
		
	}
	.sidebar-nav {
		height: 96px;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.close-btn {
		display:none;
	}
	.nav-tog {
		display:block;
		z-index:1001;
	
	}
	
	}
@media(min-width:768px) {
    #wrapper {
        padding-left: 300px;
		
    }
	#page-content-wrapper {
		margin-left: 0;
	}
    #wrapper.toggled {
        padding-left: 0;
    }
  
    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
	#wrapper .carousel .item {
		left:300px !important;
	}
	
}
.fsboxshadow .fsBody .fsForm{
    box-shadow:none !important;
    border:0px !important;
}