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


#furniture, #cap, #downloads {
	background-size:100%;
	padding: 29.75% 0;
	background-repeat: no-repeat;
}

#furniture{	
	background-image: url(../img/furniture-tagline.jpg);
	background-position-y:120px;	 
}

#downloads{
	background-image: url(../img/downloads.jpg);
}

#cap{
	background-image: url(../img/capability.jpg);
}

.curated a{
background-color:#e75524;
}

.curated a:hover{
	background-color: #FF6E19;
	text-decoration:none;
}

.navbar-default .navbar-nav .curated a:hover{
text-decoration:none;
}

/*.navbar-default .navbar-nav .curated a{
	background-color: #FF6E19;
	text-decoration:none;
}*/

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:0;
}


section.parallax{
	padding:0;
	background-color: #f1f1f1; 
	background:#f1f1f1;
}

.info{
margin:1% 1% 0 1%;
}

.info-cap{
width:95%;
margin:2% 3% 0% 3%;
padding-bottom:3%;
}

.info-cap p{
width:100%;
}

.kk-refrence, .furn-info{
width:50%;
float:left;
}

.furn-reference {
	padding:0 0 0 7%;
	width:50%;
	float:left;
}

.on-reference h1, furn-info h1, .furn-reference h1 {
	font-size: 120%;
	background-color: none;
	background: none;
	text-align: left;
	color: #000000;
	font-weight: normal;
	font-family:'Roboto', sans-serif;
}

.furn-reference h1 {
text-align:center;	
}
.on-reference span, .furn-reference span{
		color:#069;
		font-size:150%;
	}
.kk-refrence img{
	width: 65%;
	margin-left:15%;
}
.info h2, .form-box h2, .info-cap h2 {
	font-family: 'Roboto', sans-serif;
	border-bottom:1px dotted #333;
	color: #069;
	padding-bottom:1px;
	font-size:130%;
	margin:2% 0 0 0;
	float:left;
	width:100%;
}



.info h3{
	margin-bottom:0;
	font-family: 'Roboto', sans-serif;
	color:rgba(65,59,59,1.00);
	font-size:1.2em;
	font-weight:bold;
	float:left;
	width:100%;
}

.conatiner .clearfix{
background-color:#fff;	
background:#fff;	
}


.furn-box  {
	width: 100%;
	float:left;
}
.furn-box img {
	width: 100%;
}


.furn-reference img{
	width: 60%;
	margin-left:10%;
}

.fabric-box  {
	width: 100%;
}
.fabric-box img {
	width: 100%;
}

.carpet-box  {
	width: 100%;
}
.carpet-box img {
	width: 100%;
}

.trim-box  {
	width: 100%;
}
.trim-box img {
	width: 100%;
}

.wallpaper-box  {
	width: 100%;
}
.wallpaper-box img {
	width: 100%;
}

.info p{
	float:left;
	padding:0 0 2% 0;
}
div.error{
margin: 20% 0 0 0;
    padding-bottom: 50px;
    text-align: center;
    font-size: 20px;
	}
.contactus {
width:100%;
float:left; 
padding:22% 3% 0 3%;
background-color:#ffffff;
}

.form-box{
width:50%;
float:left;
font-size:100%;	
background-color:#ffffff;
padding-right:5%;
line-height:130%;
}

.formbox form p{
line-height:130%;	
}


.formbox input {
	color: #666666;
	margin-top:5px;
}
#fabrics-products .product-swatch-inner img{
	width: 100%;
	max-width: 177px;
}

@media (max-width: 1240px){
.contactus {
width:100%;
float:left; 
padding:24% 3% 0 3%;
background-color:#ffffff;
}	
}

@media (max-width: 1024px){


.info h2 {
display:block;
width:100%;	
float:left;
font-size:120%;
margin-bottom:0%;
}

.info p{
font-size:90%;
}

.on-reference h1, .furn-reference h1{
font-size:100%;
background-color:none;
background:none;
}	

}

@media (max-width: 980px){
.contactus {
width:100%;
float:left; 
padding:20% 3% 0 3%;
background-color:#ffffff;
}	
}




@media (max-width: 800px) {
.furn-reference h1, .furn-reference span {
font-size:100%;
}
.contactus {
padding:22% 3% 0 3%;
}
#furniture,
#downloads,
#cap{
	background-repeat: no-repeat;
	background-size:100%;
	padding:65% 0 0 0; 
	background-position-y:10%;
}

.kk-refrence img{
	width:90%;
	margin-top:3%; 
	margin-left:3%;
}
}

@media (max-width: 600px) {
 .slide{
	  background-position-y: 6%;	
}
#furniture,
#downloads,
#cap {
	padding:30.75% 0;
}

.info h2{
font-size: 100%;	
}
p{
font-size: 80%;
float:left;	
margin:0;
}
.on-reference span, .furn-reference span {
font-size:130%;	
}

.on-reference h1, .furn-reference h1 {
font-size:95%;	
}
.furn-info{
width:100%;	
}
.furn-reference {
	width:100%;
	float:left;
	padding-bottom:2%;
}
.furn-reference img {
	width:40%;
	float:left;
	margin:0 3% 0 0;
}
.kk-refrence img{
	width:80%;
	margin-top:3%; 
}

.see-all a {
float:left;
padding:2%;
font-size:100%;
}

}
@media (max-width: 465px) {
 #furniture, 
 #downloads,
 #cap {
	padding:38.75% 0;
}
 
 .slide{
	  background-position-y: 15%;	
}


.on-reference span {
font-size:130%;
}

.furn-reference span {
font-size:110%;
}

h1{
font-size:100%;	
}

.on-reference h1{
	font-size:80%;
}

 .furn-reference h1 {
font-size:90%;
}

.furn-reference {
	width:100%;
	float:left;
	padding-bottom:0;
	margin-bottom:3%;
}

.furn-reference img {
	width:60%;
	margin:0 3% 0 0;
}
.kk-refrence img{
	width:90%;
	margin-top:3%; 
	margin-left:3%;
}


.info p{
font-size: 80%;
float:left;	
margin:0;
padding: 0 0 2% 0;
}

.see-all a {
float:left;
padding:2%;
font-size:110%;
}

.contactus {
width:100%;
float:left; 
padding:25% 3% 0 3%;
background-color:#ffffff;
}

}
@media (max-width: 360px) {

.contactus {
width:100%;
padding:36% 3% 0 5%;
background-color:#ffffff;
}

.info-cap h2{
font-size: 100%;	
margin:0;
}

.info-cap h3{
font-size: 90%;
margin: 5% 0 0 0;
}
 .furn-reference h1 {
font-size:80%;
}
}

.cat-break{
font-size:115%;
font-weight:600;
width:100%;
}

.kgov-login {
    text-align: right;
    padding: 8px 5% 0;
    font-size: 12px;
    background: #FFFFFF;
}
.kgov-login a {
    color: #333333;
    opacity: 0.9;
}