@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|PT+Serif:400,400i,700,700i|Crimson+Text:400,400i,600,600i,700,700i|Merriweather:300,300i,400,400i,700,700i');

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');

html, body{
margin:0;	
}

@font-face{
	font-family:"kiona";
	src:url(../fonts/Kiona-Regular.ttf);
}

@font-face{
	font-family:"Roboto";
	src:url(../fonts/Roboto-Regular.ttf);
}
.wrapper{
width:90%;
margin:0 auto;	
}


p{
font-family: 'Montserrat', sans-serif;	
}
a{
	text-decoration:none;
	color:inherit;
	outline:none;	
}

h1{
font-family:"kiona";
}
h3{
font-family: 'Montserrat', sans-serif;	
}
.clear:after{
  content: "";
  display: table;
  clear: both;
}
.header{
position:absolute;
z-index:6000;
width:100%;
}
.slider{
	height:700px;
}
.logo{
	width:30%;
	float:left;	
}
.top-contact{
    position:absolute;
    right:320px;
    top:-35px;
    padding:8px 5px 8px 40px;
    background:#104241 url('../images/whatsapp-icon-small.png') no-repeat 10px 3px;
    color:#fff;
    font-family: 'Montserrat', sans-serif;
    border-radius:5px;
}
.search{
    position:absolute;
    right:0;
    width:300px;
    top:-35px;
    padding-top:3px;
}

.menu{
	width:70%;
	float:left;
	margin-top:50px;
	text-align:right;
	position:relative;
}

.menu li{
	display:inline;
	padding:10px 20px;
	background-color:rgba(255,255,255,0.3);
	display:inline-block;
	border:1px solid #fff;
	border-right:none;
	transition:0.5s;
	position:relative;
	margin: 0 -4px 0 0;
}
.menu .active{
	background-color:#1f9cd7;
	border:none;
}
.menu .active a, .menu .active span{
color:#fff;
}


.menu li:hover{
	background-color:#1f9cd7;
	color:#fff;
	border:none;
}
.menu li:hover a{
	color:#fff;	
}

.menu li span{
	color:#1f9cd7;
}
.menu li:hover span{
	color:#fff;	
}
.menu li a span{
	color:#fff;
	font-size:16px;	
}
.menu li a{
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	color:#1f9cd7;
	font-size:12px;
	padding:10px 0;	
}
.menu li ul{
	position:absolute;
	right:0;
	top:38px;
	width:100%;
	z-index:6000;	
}
.menu li ul{
	display:none;	
}
.menu li:hover ul{
	display:block;
	width:100%;	
}
.menu li:hover ul li{
	width:100%;
	margin:0 0 0 0;
	color:#1f9cd7 !important;
	border:none;	
}
.menu li:hover ul li a{
	color:#000;
	font-size:10px;
}
.menu li:hover ul li a:hover{
	color:#fff;
}



.about-txt{
	width:50%;
	float:left;	
}
.about-icon{
	width:40%;
	float:left;
	padding:0 5%;	
}
.about-comfurn {
	padding:80px 0;	
}
.about-txt p{
	font-size:16px;
	line-height:35px;
	color:#666;
	text-align:justify;	
}
.about-txt img{
	display:block;
	margin:0 auto;	
}
.icon1, .icon2, .icon3, .icon4{
	width:50%;
	float:left;
	height:200px;	
}
.icon1{
	background:#296cb3 url(../images/icon1.png) center no-repeat;	
}
.icon2{
	background:#1f9cd7 url(../images/icon2.png) center no-repeat;	
}
.icon3{
	background:#1f9cd7 url(../images/icon3.png) center no-repeat;	
}
.icon4{
	background:#296cb3 url(../images/icon4.png) center no-repeat;	
}
.testimonial{
	padding:50px 0;
	text-align:center;
	display:none;
}
.testimonial h1{
	font-size:50px;
	padding:0;	
	color:#296cb3;
}
.testBx{
	width:60%;
	margin:0 auto;	
}
.item p{
	font-size:14px;
	line-height:30px;
	color:#333;	
}
.btm-social-links{
	height:100px;
	padding:25px 0;
	background:url(../images/social-bg.jpg) center no-repeat;
	background-attachment:fixed;
	text-align:center;	
}
.btm-social-links a{
	display:inline-block;
	width:50px;
	height:50px;
	background-color:#fff;
	border-radius:50px;
	-moz-border-radius:50px;
	line-height:50px;
	margin-top:25px;	
}
.footer-top{
	background-color:#09294b;
	padding:30px 0;	
}
.footer-top h3{
	text-transform:uppercase;
	color:#fff;	
}
.footer-top li{
	color:#8baccf;
	display:block;
	padding-left:0;
	margin-left:-40px;
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:25px;
}
.footer-logo, .btm-links{
	width:20%;
	float:left;	
}
.quick-enquiry{
	width:40%;
	float:left;	
}
.quick-enquiry input[type="text"]{
	border:none;
	padding:10px;
	margin-bottom:8px;
	background-color:#133d6a;
	color:#fff;
	width:45%;	
}
.quick-enquiry input[type="email"]{
	border:none;
	padding:10px;
	margin-bottom:8px;
	background-color:#133d6a;
	color:#fff;
	width:45%;	
}
.quick-enquiry textarea{
	border:none;
	padding:10px;
	margin-bottom:8px;
	background-color:#133d6a;
	color:#fff;
	width:95%;
	height:70px;	
}
.quick-enquiry input[type="button"]{
	background-color:#296cb3;
	border:none;
	color:#fff;
	padding:10px 15px;
	float:right;
}
.footer-mid{
	padding:15px 0;
	color:#fff;
	background-color:#061c34;
	text-align:center;
	font-size:13px;	
}
.footer-mid	strong{
	font-size:18px;	
}
.footer-mid img{
	padding-bottom:10px;
}
.footer-btm{
	background-color:#133d6a;
	padding:5px 0;
	font-size:12px;
	text-transform:uppercase;
	color:#598bc0;	
}
/*  about us   */
.inner-banner{
		height:200px;
		padding:25px 0;	
}

.inner-banner h4{
	padding-top:150px;	
	font-family: 'Montserrat', sans-serif;
	padding-left:15px;
	font-size:12px;
	color:#333;
	font-weight:500;
	letter-spacing:1px;
}

.inner-banner h4 span{
	color:#09F;	
}
.about-banner{
	background:url(../images/about-banner.jpg) center no-repeat;
}


.vision-section{
	background-color:#296cb3;
	padding:85px 0;
	color:#fff;	
}
.vision-img{
	width:50%;
	float:left;
	text-align:center;	
}
.vision-section p{
	font-size:14px;
	line-height:25px;	
}
.vision-section h2
{
	font-family: "kiona";
	font-size:25px;	
}

.vision-txt{
	width:50%;
	float:left;	
}

.expertise-banner{
	height:200px;
	background:url(../images/expertise-banner.jpg) center no-repeat;
	padding:25px 0;	
}

.about-banner h4 span{
	color:#666;	
}

.product-banner{
	height:200px;
	background:url(../images/product-banner.jpg) center no-repeat;
	padding:25px 0;	
}
.contact-banner{
	height:200px;
	background:url(../images/contact-banner.jpg) center no-repeat;
	padding:25px 0;	
}
.outdoor-living-banner{
	height:200px;
	background:url(../images/outdoor-living-banner.jpg) center no-repeat;
	padding:25px 0;	
}
.outdoor-dining-banner{
	background:url(../images/outdoor-dining-banner.jpg) center no-repeat;	
}
.sun-lounger-banner{
	background:url(../images/sun-lounger-banner.jpg) center no-repeat;	
}
.shade-banner{
	background:url(../images/shade-banner.jpg) center no-repeat;	
}
.table-banner{
	background:url(../images/table-banner.jpg) center no-repeat;	
}
.balcony-set-banner{
	background:url(../images/balcony-set-banner.jpg) center no-repeat;	
}
.upholstered-furniture-banner{
	background:url(../images/upholstered-furniture-banner.jpg) center no-repeat;	
}
.soft-banner{
	background:url(../images/soft-furniture-banner.jpg) center no-repeat;	
}
.decor-banner{
	background:url(../images/decor-banner.jpg) center no-repeat;	
}

.day-bed-banner{
	background:url(../images/day-bed-banner.jpg) center no-repeat;	
}
.cooler-banner{
	background:url(../images/cooler-banner.jpg) center no-repeat;	
}
.contact-left{
	width:40%;
	float:left;
	padding:60px 0;	
}
.contact-right{
	width:60%;
	float:left;	
	padding:60px 0;	
}
.contact-right textarea{
	height:150px;	
}
.medium-form{
	position: relative;
    width: 45%;
    margin: 0 0 20px 10px;
    padding: 14px 18px;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: inherit;
    color: #282828;
    background-color: transparent;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
}

.full-form{
	position: relative;
    width: 92%;
    margin: 0 0 20px 10px;
    padding: 14px 18px;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: inherit;
    color: #282828;
    background-color: transparent;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: 'Montserrat', sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family: 'Montserrat', sans-serif;
}
.contact-right input[type="submit"]
{
position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0 0 0 13px;
    font-family: inherit;
    font-size: 13px;
    line-height: 2em;
    font-weight: 500;
    border-radius: 1px;
    outline: 0;
    box-sizing: border-box;
    -webkit-transition: background-color .35s,border-color .35s,color .1s cubic-bezier(.77,0,.175,1);
    -moz-transition: background-color .35s,border-color .35s,color .1s cubic-bezier(.77,0,.175,1);
    transition: background-color .35s,border-color .35s,color .1s cubic-bezier(.77,0,.175,1);
    padding: 10px 26px;
    color: #fff;
    background-color: #282828;
    border: 1px solid transparent;
    cursor: pointer;
	font-family: 'Montserrat', sans-serif;
}
.ad{
	line-height:28px;
	font-size:16px;	
}
.area-of-expertise{
	padding:100px 0;	
}
.products{
	padding:80px 0;	
}
.pro-intro{
	width:60%;
	text-align:center;
	margin:0 auto;
	font-size:16px;
	line-height:25px;	
}
.product-display{
	background-color:#f1f1f1;
	padding:80px 0 30px 0;
	margin:30px 0;	
}
.productBx{
	width:23%;
	margin:0 1% 20px 1%;
	float:left;
}	

.productBx img{
	width:95%;
	opacity:1;
	transition:0.5s;	
}
.productBx h3{
	color:#333;
	padding-top:5px;
	margin-top:5px;
	transition:0.5s;
	z-index:2000;		
}
.productBx:hover img{
	opacity:0.5;	
}
.productBx:hover h3{
	color:#000;
	margin-top:-30px;	
}
.products-box{
	
	margin:0 0 80px 0;	
}
.proBx{
	width:30%;
	float:left;
	margin:0 1.5% 30px 1.5%;

}
.cooler .proBx{
	width:47%;
	float:left;
	margin:0 1.5% 30px 1.5%;
	font-family:"Roboto";
}
.proBx img{
	width:100%;	
}
.lb-number{
	display:none !important;	
}
.lb-caption{
	font-family:"kiona";
	font-size:20px !important;
}
.proBx h3{
	margin-bottom:0;
	padding-bottom:0;
	font-family:"Roboto";
}
.proBx p{
	font-size:14px;
	padding-top:0;
	margin:0;
	font-family:"Roboto";
}
.proBx p span{
	color:#666;
	padding:5px 0;
	display:block;
	border-top:1px dotted #cdcdcd;
	font-size:14px;		
}
.proBx p span:last-child{
	border-bottom:1px dotted #cdcdcd;
}
.proBx p span strong{
	color:#333;	
}

.knowBtn{
    display:block;
    width:25%;
    text-align:center;
    padding:7px;
    margin-top:10px;
    background-color:#296cb3;
    color:#fff;
    font-size:14px;
}
.knowBtn:hover{
    background-color:#1f9cd7; 
}
.menu-toggle {
	display:none;
}
 .inputBx{
			position: absolute;
			width: 10px;
			border: 0;
			height: 38px;
			padding: 0 10px;
			box-shadow: 0 0 5px 1px #b6bbc0;
			outline: none;
			font-size: 12px;
			color: #333;
			transition: all 0.5s linear;
			right: 8px;
			top:-4px;
			font-weight:bold;
		}
		.inputBx::-webkit-input-placeholder{
		    color:#cdcdcd;
		    font-weight:normal;
		    font-style:italic;
		}
		.searchBtn{
			position: absolute;
			top: -4px;
			left:0;
			background: #fff;
			width: 35px;
			height: 38px;
			cursor: pointer;
			transition: all 0.5s linear;
				color:#1f9cd7;
		}
		.searchBtn .sicon{
			position: absolute;;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			transition: all 0.5s linear;
		
		}
		.bg-blue{
			background: #1f9cd7;
			color:#fff;
		}
		.active-width{
				width:300px;
		}
		
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1024px) {
.menu{
	text-align:left;	
}
.menu li{
	padding:10px 15px;	
}
}
/* Mobile Portrait SIze to Mobbile Landsscape Size (devices and browers) */
@media only screen and (max-width: 479px) {
	.menu-toggle {
	display:block;	
	}
	.menu{
		display:none;	
	}
	.menu ul{
		margin:-50px 0 0 -20px;
	}
	.menu ul li{
		display:block;
		text-align:center;
				background-color:#fff;		
	}
	.logo{
	width:100%;
	float:none;
}
.top-contact{
    display:none;
}
.knowBtn{
	width:40%;	
}
.menu{
	width:100%;
	float:none;
	margin-top:50px;
	text-align:right;	
}
.menu li ul{
	position:static;
	margin:15px 0 0 -20px;
	background-color:#fff;
	
}
.menu li ul li{
	text-align:center;	
}
.menu li:hover ul li {
    width: 75%;
}
.about-txt, .about-icon{
	width:100%;
	float:none;
	padding:0;
}
.proBx{
	width:97%;
	float:none;	
}
.footer-logo, .btm-links {
    width: 100%;
    float: none;
	text-align:center;
}
.quick-enquiry{
	width:100%;
	float:none;
	text-align:center;	
}
.quick-enquiry input[type="text"] {
	width:95%	
}
.contact-left, .contact-right{
	width:100%;
	float:none;	
}


}
.submit_new{
background-color: #296cb3;
    border: none;
    color: #fff;
    padding: 10px 15px;
    
}
.cat-btn{
	position: absolute;
		left: 30%;
		top: 33%;
		padding: 10px 20px;
		background-color: rgb(31 156 215);
		display: inline-block;
		border-right: none;
		transition: 0.5s;
		color: #fff;
		border-radius: 30px;
		box-shadow: 3px 1px 4px 3px #33333314;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
		z-index: 9999;
	}
	.cat-txt{
		  font-weight: bold;
		font-size: 15px;
	}
	@media only screen and (max-width: 768px){
		.cat-btn {
			position: relative !important;
			left: 55% !important;
            top: 90px !important;
		}
		}