@charset "utf-8";

@font-face{
	font-family:agency-fb;
	src:url(../fonts/AGENCYR.TTF);}


/* --------------------------------------
   GLOBAL STYLES
-----------------------------------------*/
html, body{
    font-size: 100%;
	font-family: 'Lato', sans-serif;
}
p{
	margin:0;
	font-size:15px;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Lato', sans-serif;
	margin:0;
}

ul{
	margin:0;
	padding:0;
}
label{
	font-weight:normal;}
body a:hover{
	text-decoration:none;
}
ul{
	list-style:none;}
a{
	text-decoration:none;
	color:#333;}
a:focus{
	text-decoration:none;
	border:0;}
	
	
/*Mobile Menu*/

.mobile-menu-area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 10px 0px ;
}
.mean-container .mean-bar::after {
    content: "";
    font-size: 21px;
    left: 5%;
    position: absolute;
    top: 12px;
    text-transform: uppercase;
    font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
    color:#252525
}
.mean-container .mean-nav ul {
    list-style-type: none;
    margin: 20px 0px;
    padding: 0;
    width: 100%;
}
.mean-container .mean-nav ul li a {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #444;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 13px 10px;
    text-align:center;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;
}
.mean-nav ul li.mean-last {
    margin-bottom: 0px;
}
.mean-container .mean-nav ul li a.mean-expand {
    color: #444;
    line-height: 17px;
}
.mean-container .mean-nav ul li {
    width: 100%;
}


/* --------------------------------------
   DEMO STYLES
-----------------------------------------*/

section{
	position:relative;
	}
	


.navbar-nav > li > a {
	background:none;
    padding:12px 25px;
	color:#FFF;
	text-align:center;
	display: block;
	margin-right: 2px;
	font-size:14px;
}
.navbar-nav > li > a:hover{
	background:none;
	color:#f7941d;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
     transition: 0.3s;}
.navbar-nav li.active a{
	color:#f7941d;}
ul.nav li ul.sub-menu {
    background: #262626;
    left: -36px;
    opacity: 0;
    position: absolute;
    top: 115%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: -99;
}
ul.nav li ul.sub-menu li {
    padding: 0;
    position: relative;
    width: 100%;
	border-bottom:1px solid #4A4A4A;
}
ul.nav li:hover ul.sub-menu{
    top:115%;
    opacity:1;
    z-index:999;
    visibility:visible;
}
ul.nav li ul.sub-menu li a {
    color: #FFF;
	border:none;
	border-radius:0;
    display: block;
    font-size: 15px;
    font-weight: 100;
	text-transform:none;
    padding: 10px 15px;

	
}
ul.nav li ul.sub-menu li:hover a{
	color:#f7941d;}
	
ul.nav li ul.sub-menu li ul.sub-menu2{
	 background: #262626;
    left: 220px;
    opacity: 0;
    position: absolute;
    top: 0%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: -99;
	}
ul.nav li ul.sub-menu li:hover ul.sub-menu2{
    top:0%;
    opacity:1;
    z-index:999;
    visibility:visible;
}
ul.nav li ul.sub-menu li ul.sub-menu2 li a{
    color: #FFF;
	border:none;
	border-radius:0;
    display: block;
    font-size: 15px;
    font-weight: 100;
	text-transform:none;
    padding: 10px 15px;	
}
ul.nav li ul.sub-menu li ul.sub-menu2 li{
    padding: 0;
    position: relative;
    width: 100%;
	border-bottom:1px solid #4A4A4A;
	border-left:1px solid #4A4A4A;
}
ul.nav li ul.sub-menu li ul.sub-menu2 li:first-child{
	border-left:none;
	}
ul.nav li ul.sub-menu li ul.sub-menu2 li:hover a{
	color:#f7941d;}
header{
	
	
	background-position:center;
	background-size:cover;
	position:relative;
	width:100%;
	}
.name-img img{
	width: 220px;
	height: 86px;
	margin-top: 22px;
	margin-left: 8px;
	position:relative;
}
.navbar-brand{
	margin-left: 4%;
	}
.navbar-brand img{
	display:block;
	width:450px;
	height:106px;
	
	}
.topbar{
	padding:5px 0;
	background:#111;
	text-align:center;
	}
.topbar p{
	color:#FFF;
	font-family: 'Fjalla One', sans-serif;
	letter-spacing:2px;}
.logo-bar{
	background:#FFF;}
.fa-phone{
	transform:rotate(90deg);}
.logo-bar .top-contact a{
	font-size:18px;
	}
.logo-bar .top-contact a:hover{
	color:#f7941d;}
.logo-bar .top-contact svg{
	width: 22px;
	font-size: 20px;
	color:#f7941d;}
.menu-bar{
	background:#111;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	}
.topbar ul li a{
	color:#FFF;}
.top-contact a{
	display:block;
	margin-right:10px;}
.top-contact{
	display:block;
	padding-top:30px;}
.top-contact{
	display:table;
	margin-bottom:10px;}
.top-contact .c-icon{
	display:table-cell;
	padding:5px;}
.top-contact .c-detail{
	display:table-cell;
	padding:5px;}
#menu{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12%;}
.c-name h2{
	color:#FFF;
	margin-top:35px;}
.c-name h5{
	color:#CCC;
	margin-top:5px;
	margin-left:195px;}
.about{
	padding:40px 0;
	background:#111;}
.about-us{
	padding:0 100px;}
.about-us h2{
	margin-bottom:30px;
	color:#FFF;
	text-align:center;}
.about-us h2:hover{
	color:#f7941d;}
.about-us p{
	color:#FFF;
	line-height:30px;
	text-align:center;}

.about-image img{
	width:100%;}
.main-products h2{
	text-align:center;
	color:#333;
	}
.main-products{
	padding:60px 0;}


.category{
	
	overflow:hidden;}
.col-left{
    z-index: 10;
    position:absolute;
	text-align:center;
	bottom:0;
	bottom: 30px;
	left: 0;
	width: 100%;
	color: #FFF;
	background:rgba(0,0,0,0.5);
	
}
.col-left h4{
	font-weight:bold;}
.col-left a{
	padding:10px 20px;
	display:inline-block;
	color:#FFF;}

.col-left a:hover{
	color:#F60;}
.col-left:hover ~ .cat-image img{
	transform:scale(1.2);
	}
.cat-image:hover img{
	transform:scale(1.2);
	}
.cat-image img{
	height:250px;
	width:100%;
	transition:all 0.5s ease-in;
	}
.cat-image{
	
	overflow:hidden;}
.owl-carousel .owl-item img{
	
	}
.next, .next2{
	position: absolute;
	right: -50px;
    top: 100px;
}
.prev, .prev2{
	position: absolute;
	left: -50px;
	top: 100px;}
.prev svg, .next svg, .next2 svg, .prev2 svg{
	color:#F60;
	font-size:30px;
	}
.prev svg:hover, .next svg:hover{
	color:#630;}
.prev2 svg:hover, .next2 svg:hover{
	color:#630;}
.home-gallery{
	padding:40px 0 0 0;}
.h-title{
	text-align:center;
	margin-bottom:60px;}
.h-title h2:hover{
	color:#f7941d;}
.gal-image{
	margin-bottom:30px;
	overflow:hidden;
	position:relative;}
.gal-image img{
	width:100%;}
.image-view{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);}
.image-view svg{
	color:#f7941d;
	font-size:55px;
	padding:15px;
	background-color:rgb(0,0,0);
	position:absolute;
	left: 40%;
	top: 35%;
	border-radius:50%;}
.gal-image:hover .image-view{
	opacity:1;
	transition:all 0.5s ease-in-out;
	}
.load-more{
	padding-bottom:40px;
	}
.load-more a{
	padding:8px 40px;
	border:1px dotted #333333; 
	color:#333;
	border-radius:5px;
	display:table;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;}
.load-more a:hover{
	background:#f7941d;
	border:1px solid #f7941d;
	color:#FFF;
	transition:all 0.3s ease-in-out;}




.wrapper1{
	background:url(../img/dbanner.jpg);
	background-position:center center;
	background-size:cover;
	padding:100px 0;
	text-align:center;
	color:#FFF;
	overflow:hidden;
	}
.wrapper1::after{
	background:rgba(0,0,0,0.4);
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:400px;}
.wrap1-text{
	position:relative;
	z-index:5;}
.wrapper1 .wrap1-text h2{
	font-weight:bold;
	margin-bottom:14px;}
.wrapper1 .wrap1-text h4{
	margin-bottom:14px;}
	

#testi{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
.services{
	text-align:center;
 }
.services img{
	display:block;
	width:100%;
	}
.services-bar{
	padding:60px 0 60px 0;}

.services-bar .h-title{
	margin-bottom:45px;}
.accordion .services a.active h4{
	color:#f7941d;}
.accordion-body{
	padding:30px 30px;}
.accordion-body p{
	margin-bottom:5px;
	color:#999;
	text-align:justify;
	text-justify:inter-word;}
footer{
	color:#FFF;
	background:#111;
	background-position:center;
	background-size:cover;
	}
.copyrightbar{
	color:#FFF;
	padding:15px 0;
	text-align:center;
	font-size:12px;}
.copyrightbar a{
	color:#f7941d;
	}
#address li{
	font-size:14px;
	padding:5px 0;}
#address li svg{
	width:18px;
	} 
#quick-links li{
	font-size:14px;
	padding:6px 0;}

#social-media{
	text-align:right;}
#social-media li{
	display:inline-block;
	border:1px solid #FFFFFF;
	padding:4px 10px;
	margin-left:10px;
	width:35px;
	height:35px;
	}
#social-media li:hover{
	background:#630;
}
#social-media li:hover a{
	color:#FC0;}
	
.bottombar{
	padding-top:30px;
	padding-bottom:20px;
	border-bottom:1px solid #4d4d4d;
	}
.bottombar hr{
	margin-top:20px;
	margin-bottom:10px;
	border-top: 1px solid #E8E8E8;}
.bottombar h3{
	margin-bottom:20px;
	margin-top:10px;
	color:#FFF;}
.bottombar p{
	line-height:30px;
	}
.bottombar ul li a{
	color:#FFF;}
.bottombar ul li{
	color:#FFF;}
.bottombar ul li:hover a{
	color:#f7941d;}

	
/*about us*/

.about-wrapper{
	background-image:url(../img/slider1.jpg);
	background-position:center;
	background-size:cover;
	padding:80px 0;
	text-align:center;
	overflow:hidden;}
.about-wrapper::after{
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;}
.about-wrapper h1{
	z-index:5;
	position:relative;
	color:#FFF;
	font-weight:700;
	margin-bottom:5px;
	}
.about-wrapper h4{
	z-index:5;
	position:relative;
	color:#FFF;
	letter-spacing:3px;
	}
.about-wrapper h4 a{
	color:#FFF;}
.about-about{
	padding:80px 0;}

.about-content h4{
	margin-bottom:40px;
	text-align:center;
	font-family: 'Meie Script', cursive;
	font-size:25px;
	}
.about-content h2{
	margin-bottom:6px;
	text-align:center;
	font-family:agency-fb;
	font-size:55px;
	}
.first-h3{
	text-align:center;
	margin-bottom:30px;}
.about-content p{
	margin-bottom:10px;
	text-align:center;
	}
.color1{
	color:#f7941d;}
.about-service{
	margin-top:15px;}
.about-service img{
	width:150px;}
.about-service h3{
	margin-bottom:20px;}
.about-service p{
	margin-bottom:6px;
	text-align:justify;
	text-justify:inter-word;}
	
/*contact us*/

.contact-wrapper{
	background-image:url(../img/Contact.jpg);
	background-position:center;
	background-size:cover;
	padding:80px 0;
	text-align:center;
	overflow:hidden;}
.contact-wrapper::after{
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;}
.contact-wrapper h1{
	z-index:5;
	position:relative;
	color:#FFF;
	font-weight:700;
	margin-bottom:5px;
	}
.contact-wrapper h4{
	z-index:5;
	position:relative;
	color:#FFF;
	letter-spacing:4px;
	}
.contact-wrapper h4 a{
	color:#FFF;}
#contact-contact li{
	padding:7px;
	font-size: 17px;}
#contact-contact li svg{
	color:#F60;
	width:20px;
	margin-right: 10px;
font-size: 22px;}
.contactpage-details{
	padding:80px 0;
	margin:0 auto;
	max-width:600px;}
.contactpage-details h3{
	margin-bottom:20px;}

/*request online*/

.request-wrapper{
	background-image:url(../img/request.jpg);
	background-position:center;
	background-size:cover;
	padding:80px 0;
	text-align:center;
	overflow:hidden;}
.request-wrapper::after{
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;}

.request-wrapper h1{
	z-index:5;
	position:relative;
	color:#FFF;
	font-weight:700;
	margin-bottom:5px;
	}
.request-wrapper h4{
	z-index:5;
	position:relative;
	color:#FFF;
	letter-spacing:5px;
	}
.request-wrapper h4 a{
	color:#FFF;}
.request-form{
	padding:80px 0;}
.form-request{
	text-align:center;
	margin:0 auto;
	max-width:500px;}
.form-request .row{
	margin-bottom:12px;}
.form-request h4{
	margin-bottom:5px;
	font-weight:bold;}
.form-request h5{
	margin-bottom:30px;}
.form-request .btn-primary{
	padding:10px 40px;
	background:#F60;
	border:0;}
.form-request .btn-primary:hover{
	background:#630;}

/*products*/

.products-wrapper{
	background:url(../img/products.jpg);
	background-position:center;
	background-size:cover;
	padding:80px 0;
	text-align:center;
	overflow:hidden;
	}
.products-wrapper::after{
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;}
.products-wrapper h1{
	z-index:5;
	position:relative;
	color:#FFF;
	font-weight:700;
	margin-bottom:5px;
	}
.products-wrapper h4{
	z-index:5;
	position:relative;
	color:#FFF;
	letter-spacing:4px;
	}
.products-wrapper h4 a{
	color:#FFF;}
.projects{
	padding:80px 0;
	background:#F5F5F5;}
.project-main h4{
	margin-top:20px;}
.project-main-image img{
	width:100%;
	height:200px;}
.project-main{
	padding-bottom:20px;
	text-align:center;
	margin-bottom:25px;
	background: #FFF;}
.project-main:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#category-list{
	list-style-position:inside;
	list-style-image:url(../img/arrow.png);
	
	}
#category-list li{
	padding:3px 0;
	font-size:16px;}

/*Gallery*/

.gallery-wrapper{
	background-image:url(../img/gallery.jpg);
	background-position:center;
	background-size:cover;
	padding:80px 0;
	text-align:center;
	overflow:hidden;}
.gallery-wrapper::after{
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;}
.gallery-wrapper h1{
	z-index:5;
	position:relative;
	color:#FFF;
	font-weight:700;
	margin-bottom:5px;
	}
.gallery-wrapper h4{
	z-index:5;
	position:relative;
	color:#FFF;
	letter-spacing:4px;
	}
.gallery-wrapper h4 a{
	color:#FFF;}
.gallery{
	padding:80px 0;}
.prod-image{
	margin-bottom:25px;}
.prod-image2{
	margin-bottom:30px;
	text-align:center;}
.prod-image h4{
	margin-top:5px;
	text-align:center;}


/*single category*/

.bed{
	background-image:url(../img/1FURNITURE/BEDS/BEDS/BED%2041.jpg);}
.sofa{
	background-image:url(../img/2SOFA/SOFA%20SETS/SOFA%2002.jpg);}
.curtning{
	background-image:url(../img/CURTNING/CURTNING/CRT%2003.jpg);}
.droom{
	background-image:url(../img/3DINNING-FURNITURE/DINNING%20TABLES%20AND%20CHAIRS/DT%2011.jpg);}
.kid{
	background-image:url(../img/kid.jpg);}
.pantry{
	background-image:url(../img/4PANTRY-CUPBOARDS/PANTRY%2006.JPG);}
.lampshade{
	background-image:url(../img/lampshades.jpg);
	}
.outdoor{
	background-image:url(../img/OUTDOOR-FURNITURE/OD%2009.jpg);}
.sc-wrapper{
	background-position:center;
	background-size:cover;
	padding:120px 0 120px 0;
	text-align:center;
	overflow:hidden;}
.sc-wrapper::after{
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;}
.sc-wrapper h2{
	z-index:5;
	position:relative;
	color:#FFF;
	font-weight:700;
	margin-bottom:5px;
	letter-spacing: 2px;
	}
.sc-wrapper h4{
	z-index:5;
	position:relative;
	color:#FFF;
	}

.products-list{
	padding:60px 0;}

.products-list h2{
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;}
.products-list .col-sm-4{
	margin-bottom:15px;}
.description{
	text-align:center;
	background:#EBEBEB;
	padding:40px 0;}
.description h2{
	margin-bottom:20px;}

#sub-cat-view{
	padding:60px 0;}	
#tab-list{
	text-align:center;}	
#tab-list li{
	display:inline-block;
	margin:0 8px;
	margin-bottom:10px;}
#tab-list li a{
	color:#FFF;
	padding:8px 40px;
	background:#f7941d;
	display:block;
	margin-bottom:10px;}
#tab-list li a:focus{
	text-decoration:none;}
#tab-list li.active a{
	color:#FFF;
	background:#333;
	transition:all 0.4s ease-in-out;

}
#tab-list li:hover a{
	color:#FFF;
	background:#333;
	transition:all 0.4s ease-in-out;
}
.tab-titles{
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:3px dotted #CCC;}
.tab-pane h2{
	margin-bottom:40px;
	margin-top:10px;
	}
/*single project page*/

.single-project-wrapper{
	background-position:center;
	background-size:cover;
	padding:350px 0 80px 0;
	text-align:center;
	overflow:hidden;
	}
.single-project-wrapper::after{
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;
	}
.single-project-wrapper h1{
	z-index:5;
	position:relative;
	color:#FFF;
	font-weight:700;
	margin-bottom:5px;
	}
.project1{
	background-image:url(../img/OUR%20PROJECTS/ASHBERNHAM%20ESTATE%20ELKADUWA/FRONT%20FOLDER%20IMAGE.jpg);}
.project2{
	background-image:url(../img/OUR%20PROJECTS/AVENR%20GARDEN%20NEGAMBO/FRONT%20FOLDER%20IMAGE.jpg);}
.project3{
	background-image:url(../img/OUR%20PROJECTS/AVENRA%20BEACH%20HIKKADUWA/05.jpg);}
.project4{
	background-image:url(../img/OUR%20PROJECTS/FULLMOOG%20DARDEN%20KATUNAYAKE/FRONT%20FOLDER%20IMAGE.jpg);}
.project5{
	background-image:url(../img/OUR%20PROJECTS/HOUSE%20BANDARAWELA/04.JPG);}
.project6{
	background-image:url(../img/OUR%20PROJECTS/HOUSE%20BERUWALA/01.JPG);}
.project7{
	background-image:url(../img/OUR%20PROJECTS/MANGO%20CRAVE%20BALAPITIYA/FOLDER%20FRONT%20IMAGE.jpg);}
.project8{
	background-image:url(../img/OUR%20PROJECTS/OLD%20EMPIRE%20KANDY/FRONT%20FOLDER%20IMAGE.jpg);}
.project9{
	background-image:url(../img/OUR%20PROJECTS/SHAKTHI%20VANI%20AYU%20PASIKUDA/06.jpg);}
.project10{
	background-image:url(../img/OUR%20PROJECTS/TAILOR_S%20HILL%20GALAHA/FOLDER%20FRONT%20IMAGE.jpg);}