/*  Common CSS  */

body{
	font-family : Nunito, sans-sarif;
}
.brd{
	border: 1px solid #000;
}

/*  Header CSS  */
header{
	background: -moz-linear-gradient(left, rgba(5,59,121,1) 0%, rgba(25,164,51,0.48) 50%, rgba(5,59,121,1) 100%);
	background: -webkit-linear-gradient(left, rgba(5,59,121,1) 0%,rgba(25,164,51,0.48) 50%,rgba(5,59,121,1) 100%);
	background: linear-gradient(to right, rgba(5,59,121,1) 0%,rgba(25,164,51,0.48) 50%,rgba(5,59,121,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053b79', endColorstr='#053b79',GradientType=1 );
	background-color: #215997;
	position: relative;
	box-shadow: 0 0 8px rgba(0,0,0,.1)
}
header:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/header-bg.png) repeat;
}
.ml10{
	margin-left: 5px;
}
.header-info{color:#fff;}
.header-info a{
	color: #fff;
	text-decoration: none;
	font-family: Nunito;
	font-weight: 600;
	padding: 15px 0;
	display: inline-block
}
.header-info a .fas,
.header-info a .far,
.header-info a .fab{
	
}
.header-main-wrapper{
	background-color: #fff;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	margin: 8px 0 0;
	padding: 15px 10px
}
.logo-container{
	position: relative;
}
.navigation-container .navbar .navbar-nav{
	float: right;
	margin-left: auto;
	margin-right: 0
}
.navigation-container .navbar .navbar-nav .nav-item{
	padding: 15px 10px;
}
.navigation-container .navbar .navbar-nav .nav-item .nav-link{
	display: block;
	font-size: 14px;
	color: #404040;
	font-family: Nunito;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
.navigation-container .navbar .navbar-nav .nav-item .nav-link:hover,
.navigation-container .navbar .navbar-nav .nav-item.active .nav-link{
	color: #195497
}
.navigation-block{
	float: right;
	display: none;
	position: absolute;
	top: 25px; right: 10px;
}
.navigation-block .navbar-toggler-icon {
    background: #195497;
    display: block;
    width: 30px;
    height: 2px;
    position: relative;
    border-radius: 10px;
    margin: 8px 0;
    padding: 0;
}
.navigation-block .navbar-toggler {
    margin-left: auto;
}
.navigation-block .navbar-toggler-icon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #195497;
    left: 0;
    top: -8px;
}
.navigation-block .navbar-toggler-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #195497;
    left: 0;
    bottom: -8px;
}


/*  Home Page Category Section  */
#styleFinishesCategoriesSection{
	padding: 20px 0 35px
}
#styleFinishesCategoriesSection .cat-home-block{
	position: relative;
	padding-bottom: 25px
}
#styleFinishesCategoriesSection .cat-home-block a{
	display: block;
	position: relative
}
#styleFinishesCategoriesSection .cat-home-block .cat-dtl-block{
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}
#styleFinishesCategoriesSection .cat-dtl-block{
	color: #fff;
	font-family: Lexia-Regular;
	font-size: 29px;
	text-align: center;
	margin: 0; padding: 0;
}
#styleFinishesCategoriesSection .cat-dtl-block:before{
	content: "";
	position: absolute;
	width: 90%;
	height: 90%;
	border: 1px solid #fff;
	left:0; right:0; bottom:0;top:0;margin: auto
}
#styleFinishesCategoriesSection .cat-dtl-block h2{
	margin: 0;
	padding: 55px 0 0;
}
#styleFinishesCategoriesSection .cat-dtl-block .cat-btn{
	position: absolute;
	bottom: 45px;
	display: block;
	width: 60px;
	height: 60px;
	background-color: #195497;
	color: #fff;
	margin: 0 auto;
	left: 0; right:0;
	border-radius: 50%;
	text-align: center;
	padding: 15px;
	font-size: 20px;
}
#styleFinishesCategoriesSection .cat-dtl-block .cat-btn:hover{
	background-color: #fff;
	color:#8d1503;
}
#styleFinishesCategoriesSection .small-cat-block .cat-dtl-block:before{
	border: 1px solid rgba(255,255,255,.2);
}
#styleFinishesCategoriesSection .small-cat-block .cat-dtl-block:hover:before{
	border: 1px solid rgba(255,255,255,1);
}
#styleFinishesCategoriesSection .small-cat-block .cat-dtl-block h2{
	font-size: 17px;
	padding: 35px 0 0;
	display: none
}
#styleFinishesCategoriesSection .small-cat-block .cat-dtl-block .cat-btn {
    width: 40px;
    height: 40px;
    padding: 10px;
    font-size: 13px;
	display: none
}
#styleFinishesCategoriesSection .small-cat-block .cat-dtl-block:hover h2,
#styleFinishesCategoriesSection .small-cat-block .cat-dtl-block:hover .cat-btn{
	display: block
}

.btn{
	border-radius: 30px;
	background-color: transparent; color: inherit;padding: 10px 25px;
}
.btn-primary{
	color: #195497;
	background-color: transparent;
	border-color: #195497;
}
.btn-primary:hover,
.btn-primary:focus{
	background-color: #195497;
	color: #fff;
	border-color: #195497;
}
.btn-style-finishes{
	font-size: 18px;
	font-family: Lexia-Regular;
	border-width: 2px;
	padding: 10px 55px;
	margin-top: 25px;
}


/*   About Us Page CSS  */

#aboutusContentSection{
	background: url(../images/about-bg.png) repeat #f3f3f3;
	padding: 35px 0;
}
#aboutusContentSection h2{
	text-align: center;
	color: #195497;
	font-size: 31px;
	font-family: Lexia-Regular;
	margin: 0;
	padding: 0 0 25px
}
#aboutusContentSection p{
	font-family: Nunito;
	font-weight: 600;
	font-size: 18px;
	color: #383838;
	line-height: 32px;
}
#aboutusContentSection .btn-style-finishes{
	padding: 8px 25px;
	min-width: 180px;
}

/*  Category Page Section  */

#categoryPageSection{
	padding: 45px 0;
	background-color: #f7f7f7
}
#categoryPageSection .category-block a{
	display: block;
	text-decoration: none;
	margin-bottom: 25px;
}
#categoryPageSection .category-block figure{
	margin: 0;
	padding: 0
}
#categoryPageSection .category-block h3{
	background-color: #fff;
	margin: 0;
	padding: 15px;
	font-size: 20px;
	text-align: center;
	color: #205897
}
#categoryPageSection .category-block a:hover h3{
	background-color: #205897;
	color: #fff;
}
#categoryPageSection .category-gallery .category-block h3{
	font-size: 16px;
	font-weight: 600;
	min-height: 80px;
}
.category-heading{
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	margin: 0;
	padding: 0 0 35px;
	color: #424242;
}
.category-heading a{
	float: right;
	padding: 10px 25px 8px;
	border: 1px solid #205897;
	color: #205897;
	font-size: 16px;
	border-radius: 25px;
}
.category-heading a:hover{
	background-color: #205897;
	color: #fff;
}







/*  Footer Section CSS  */

footer{
	background: -moz-linear-gradient(left, rgba(5,59,121,1) 0%, rgba(25,164,51,0.48) 50%, rgba(5,59,121,1) 100%);
	background: -webkit-linear-gradient(left, rgba(5,59,121,1) 0%,rgba(25,164,51,0.48) 50%,rgba(5,59,121,1) 100%);
	background: linear-gradient(to right, rgba(5,59,121,1) 0%,rgba(25,164,51,0.48) 50%,rgba(5,59,121,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053b79', endColorstr='#053b79',GradientType=1 );
	background-color: #215997;
	position: relative;
	padding: 25px 0 10px;
	display: block;
	color: #fff;
}
footer:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/header-bg.png) repeat;
	top: 0;
	opacity: .8;
	filter: alpha(opacity=80)
}

.leftAddress address{
	font-family: Nunito;
	font-size: 15px;
	color: #fff;
	font-weight: 400
}
.leftAddress ul{
	margin: 0;padding: 0
}
.leftAddress ul li{
	list-style: none;
}
.leftAddress ul li .fas,
.leftAddress ul li .fab,
.leftAddress ul li .far{
	position: absolute;
	top: 10px; left:0
}
.leftAddress ul li a{
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 6px 0 6px 30px;
	text-decoration: none
}
.centerNav{
	position: relative;
}
.centerNav:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 1px;
	background: rgba(255,255,255,.1)
}
.centerNav:after{
	position: absolute;
	content: "";
	top: 0;
	right: -15px;
	height: 100%;
	width: 1px;
	background: rgba(255,255,255,.1)
}
.centerNav nav{
	margin: 0;padding: 0;text-align: left;
}
.centerNav nav ul{
	margin: 0;padding: 0
}
.centerNav nav ul li{
	display: inline-block;
	width: 150px;
}
.centerNav nav ul li a{
	color: #fff;
	font-family: Nunito;
	font-size: 15px;
	text-decoration: none;
	font-weight: 600;
	padding: 12px 0;
	display: block;
	text-align: center
}

.rightSocialCopyPoweredBy{}
.rightSocialCopyPoweredBy .social-icon{
	display: inline-block;
	margin: 0; padding: 0
}
.rightSocialCopyPoweredBy .social-icon ul{
	margin: 15px 0 0; padding: 0
}
.rightSocialCopyPoweredBy .social-icon ul li{
	list-style: none;
	display: inline-block;
	margin: 0 0 0 8px;
}
.rightSocialCopyPoweredBy .social-icon ul li a{
	display: block;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 50%;
	text-align: center;
	padding: 5px 0 0;
	color: #fff;
}
.rightSocialCopyPoweredBy .social-icon ul li a:hover,
.rightSocialCopyPoweredBy .social-icon ul li a:focus{
	color: #195497;
	border: 1px solid #fff;
	background-color: #fff
}
.copyright-text{
	font-family: Nunito;
	font-size: 14px;	
	margin-top: 15px;
}
.poweredby{
	font-family: Nunito;
	font-size: 14px;	
	margin-top: 10px;
}

#homePageBannerSection .bx-wrapper .bx-controls-direction a{
	visibility: hidden;
	transition: all .10s ease-in-out;	
}
#homePageBannerSection  .bx-wrapper:hover .bx-controls-direction a{
	visibility: visible;
}
.bx-wrapper .bx-controls-direction a{
	top: 45%;	
}
#homePageBannerSection  .bx-wrapper .bx-prev,
#homePageBannerSection  .bx-wrapper .bx-next{
	height: 73px;
	width: 35px;	
}
#homePageBannerSection  .bx-wrapper .bx-prev{
	background-position: 0px 1px;
	opacity: .5;
	filter: alpha(opacity=50);
}
#homePageBannerSection  .bx-wrapper .bx-next{
	background-position: -41px 1px;
	opacity: .5;
	filter: alpha(opacity=50);	
}
#homePageBannerSection  .bx-wrapper .bx-prev:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
#homePageBannerSection  .bx-wrapper .bx-next:hover{
	background-position: -41px 1px;
	opacity: 1;
	filter: alpha(opacity=100);	
}


/*  About Us Page CSS  */

#aboutusPageSection{
	background-color: #f7f7f7;
	padding: 35px 0 50px
}
#aboutusPageSection h2{
	text-align: center;
	font-size: 38px;
	font-weight: 300;
	margin: 0;
	padding: 35px 0 30px
}
.content-block{
	padding: 30px 0 0;
	font-size: 18px;
}



#enquiryPageSection{
	padding: 25px 0;
	background-color: #f7f7f7;
}
#enquiryPageSection h2{
	font-size: 35px;
	text-align: center;
	margin: 0;
	padding: 25px 0;
}
#enquiryPageSection .form-container{
	padding: 25px 45px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.1)
}
#enquiryPageSection .form-container .field-block{
	margin-bottom: 15px;
}
#enquiryPageSection .form-container .field-block label{
	font-size: 16px;
}
#enquiryPageSection .form-container .field-block textarea{
	min-height: 100px;
}
#enquiryPageSection .form-container .field-block .btn{
	min-width: 150px;
	font-size: 18px;
	font-weight: 400;
	margin-top: 15px;
	padding: 6px 25px;
}
#enquiryPageSection .form-container .field-block .btn.btn-warning{
	color: #e0a800
}
#enquiryPageSection .form-container .field-block .btn.btn-warning:hover,
#enquiryPageSection .form-container .field-block .btn.btn-warning:focus{
	color: #fff
}
#enquiryPageSection .form-container .field-block .btn + .btn{
	margin-left: 20px;
}
input.error,
textarea.error{
	border-color: #f00
}
label.error{
	color: #f00;
	font-size: 15px;
	display: none
}


#contactusPageSection{
	background-color: #f7f7f7;
	padding: 25px 0
}
#contactusPageSection address{
	color: #333;
	font-size: 18px;
	background-color: #fff;
	padding: 35px 35px;
	min-height: 475px;
}
#contactusPageSection address h3{
	font-size: 30px;
}
#contactusPageSection address .address-text{
	margin: 15px 0 30px;
}
#contactusPageSection address .address-phone-email{
	margin: 0 0 15px;
}
#contactusPageSection address .address-phone-email .fas,
#contactusPageSection address .address-phone-email .far{
	margin-right: 10px;
}
#contactusPageSection address .address-phone-email a{
	color: #333;
}
.mapblock{
	border: 1px solid #efefef;
	padding: 10px;
	background-color: #fff;
}



/*  Media CSS  */

@media(max-width: 991px){
	.logo-container a{
		max-width: 300px;
		margin: 0;
		display: block
	}	
	.navigation-container .navbar .navbar-nav{
		margin-left: 0;
		margin-right: auto;
		float: none
	}
	.navigation-container .navbar .navbar-nav .nav-item {
		padding: 4px 10px;
		text-align: center;
	}	
	.navigation-container .navbar .navbar-nav .nav-item .nav-link{
		font-size: 15px;
	}
	.navigation-block{
		display: block
	}
}

@media(max-width: 768px){
	.header-info{
		text-align: center !important;
	}
	.header-info a{
		padding: 13px 0 0
	}
	#styleFinishesCategoriesSection .cat-home-block .img-fluid {
		object-fit: cover;
		width: 100%;
	}	
	.small-cat-block{
		padding: 0;
		margin: 0
	}
	#styleFinishesCategoriesSection .small-cat-block .cat-dtl-block h2,
	#styleFinishesCategoriesSection .small-cat-block .cat-dtl-block .cat-btn{
		display: block
	}	
	.centerNav:before{
		top: 0;
		left: 0
	}
	.centerNav:before,
	.centerNav:after{
		width: 100%;
		height: 1px;
	}
	.centerNav:after{
		bottom: 0; left: 0; top: auto
	}
	.rightSocialCopyPoweredBy{
		text-align: center !important
	}
	.leftAddress{
		text-align: center !important
	}
	.about-img-block img{
		margin: 0 auto; display: block;
	}
	#aboutusContentSection h2{
		margin-top: 15px;
	}
	#enquiryPageSection .form-container .field-block .btn{
		margin: 15px 0 0;
		display: block; width: 100%;
	}
	#enquiryPageSection .form-container .field-block .btn + .btn{
		margin-left: 0
	}
	#contactusPageSection address{
		min-height: auto;
	}
}

@media(max-width: 430px){
	.logo-container a{
		padding-right: 53px;
	}
	.navigation-block{
		top: 30%;
	}
}





@font-face {
  font-family: 'Lexia-Regular';
  src: url('../fonts/Lexia-Regular.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Lexia-Regular.woff') format('woff'), 
	   url('../fonts/Lexia-Regular.ttf')  format('truetype'), 
	   url('../fonts/Lexia-Regular.svg#Lexia-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}