@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);
body{
	font-family: 'Source Sans Pro', sans-serif !important;
font-size:16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Source Sans Pro', sans-serif;
}

ul,li{
	margin:0;
	padding:0;
}
li{
	list-style-position:inside;
}

#header {
background: #f2f2f2;
padding:10px 0;
}
div#header.navbar-fixed-top{
box-shadow: 0px 0px 10px rgba(87, 87, 87, 0.6);
}
#header.navbar-fixed-top #logo-container{
width:180px;
}
div#header.navbar-fixed-top #logo-container img{
max-width:100%;
height:auto;
}
div#header.navbar-fixed-top #text-3 {
display: none;
}
div#header.navbar-fixed-top ul#main-menu{
margin:0;
}
#text-3 a{
color: #fff;
padding: 10px 20px;
font-size: 16px;
background: #ff664f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff664f 0%, #ef3713 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff664f), color-stop(100%,#ef3713));
background: -webkit-linear-gradient(top, #ff664f 0%,#ef3713 100%);
background: -o-linear-gradient(top, #ff664f 0%,#ef3713 100%);
background: -ms-linear-gradient(top, #ff664f 0%,#ef3713 100%);
background: linear-gradient(to bottom, #ff664f 0%,#ef3713 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff664f', endColorstr='#ef3713',GradientType=0 );
border: 3px solid white;
border-radius: 5px;
box-shadow: 0px 0px 10px #9E9E9E;
margin-top:-15px;
float: right;
}
#top .textwidget span {
font-size: 22px;
letter-spacing: 1px;
}
#navigation{
clear:both;
padding-top:10px;
}
#navigation:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

#main-menu li {
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
}
#main-menu li a{
display:block;
position:relative;
padding:10px 20px;
color:#4d4d4d;
}
#main-menu li.current_page_parent a,
#main-menu li:hover a,
#main-menu li.current-menu-item a,
#main-menu li a:hover{
color:#fff;
background:#ef3713;
}


#main-menu li ul.sub-menu {
display: none;
position: absolute;
top: 65px;
left: 0;
background: #ef3713;
margin: 0;
padding: 0;
width: 210px;
z-index:99;
}
#main-menu li:hover ul.sub-menu{
	display:block;
}
#main-menu li ul.sub-menu li,
#main-menu li ul.sub-menu li a{
	color:#fff;
	display:block;
	float:none;
}

#main-menu li ul.sub-menu li a{
padding: 6px 10px;
font-size: 13px;
}




#main-menu li a:before {
font-size: 22px;
display: block;
text-align: center;
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
}
/*------- Home --------*/
#main-menu li#menu-item-217 > a:before {
content: "\f015";
}
/*------- About --------*/
#main-menu li#menu-item-244 > a:before {
content: "\f129";
}
/*------- gallery --------*/
#main-menu li#menu-item-206 > a:before {
content: "\f03e";
}
/*------- product --------*/
#main-menu li#menu-item-213 > a:before {
content: "\f1b8";
}
/*------- Quality Policy --------*/
#main-menu li#menu-item-212 > a:before {
content: "\f043";
}
/*------- contact --------*/
#main-menu li#menu-item-32 > a:before {
content: "\f095";
}
/*-----------------------------------------------------------------*/
/*---------- Banner ----------*/

/*-----------------------------------------------------------------*/
/*---------- shadow and border radius Remove ----------*/
#banner{
overflow:hidden;
}
#banner .flexslider {
border:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
box-shadow:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
margin-bottom:0px;
}
/*---------- bottom pager ----------*/
#banner .flex-control-nav {
left: auto;
width: 30%;
right: 0;
bottom:0px;
}
#banner .flex-control-paging li{
}
#banner .flex-control-paging li a{
background:#fff;
}
#banner .flex-control-paging li a.flex-active {
background: #ef3713;
}
/*---------- Content ----------*/
#banner .slide-data {
width: 520px;
left: auto;
right: 0px;
bottom: 50px;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
}
#banner .slide-data h2 {
font-weight: normal;
}
.page-template-home-php .page-title {
display: none;
}
#banner div#text-4 {
position: relative;
top: -40px;
float: left;
}
.welcome h2 {
font-size: 24px;
}
.welcome h3 {
color: #DD3737;
font-weight: 900;
font-size: 30px;
}
.headingbg {
background: #F55739;
padding: 30px 30px 14px 10px;
}

.headingbg h2 {
color: white;
font-size: 15px;
margin:0px;
}
.headingbg h3 {
font-size: 24px;
color: white;
margin: 10px 0px;
}
.callimg {
width: 100%;
}
.callimg img {
width: 100%;
}
.headingbg i.fa.fa-phone {
font-size: 60px;
text-shadow: 10px 11px 0px rgba(41, 41, 41, 0.27);
float: right;
color: white;
position: relative;
margin-top:-22px;
}
.news {
background: url(../images/blur.jpg);
background-size: contain;
padding: 30px 30px 14px 10px;
min-height: 330px;
}
.news h2 {
margin: 0px;
color: rgba(255, 255, 255, 1);
padding-left: 20px;
font-size: 26px;
}
.display-posts-listing li {
list-style-type: none;
}
.news ul.display-posts-listing {
margin-top: 20px;
}
.news a.title {
font-size: 18px;
color: rgba(255, 255, 255, 0.65);
}
.news p.excerpt {
color: rgb(223, 223, 223);
font-size: 14px;
}
div#text-3 {height: 44px;}
#socialblock {
clear: both;
padding: 10px 0;
text-align:center;
margin-top:50px;
}
#socialblock span.title {
font-size: 28px;
margin-right: 100px;
color: rgb(111, 111, 111);
}
#socialblock span.fa {
font-size: 36px;
padding: 23px;
width: 80px;
height: 80px;
border-radius: 50px;
color: #929292;
background: #EEE;
margin-right: 45px;
transition-duration: .3s;
}
#socialblock span.fa:hover {
background: #EB5235;
color: white;
}
.news .excerpt a {
float: right;
margin-top: 20px;
color: #A4BACF;
}
/*------------------- Product list -----------------*/
.products_display h2 {
text-align: center;
margin-top: 57px;
font-size: 28px;
}
.products_display ul.display-posts-listing:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.products_display ul.display-posts-listing{
padding:10px 0;
}
.products_display ul.display-posts-listing li img{
	width:100%;
	height:100%;
}
.products_display ul.display-posts-listing li{
width:340px;
height:250px;
float:left;
background:#000;
margin: 30px;
position:relative;
overflow:hidden;

}
.products_display ul.display-posts-listing li a.title {
position: absolute;
z-index: 5;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
font-size: 16px;
text-transform: capitalize;
opacity: 0;
text-align: center;
padding: 110px 30px 20px;
color: #fff;
top:-300px;
left:0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity:0;

}
.products_display ul.display-posts-listing li:hover a.title{
opacity:1;
top:0;



}
#bottom:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#bottom .widget{
float:left;
}
#socialblock {
clear: both;
padding: 25px 0;
text-align: center;
margin-top: 50px;
border-top: 1px solid #888888;
border-bottom: 1px solid #FFA290;
}
/* li.listing-item:hover img {
opacity: .7;
-moz-transform: scale(2,2);
-webkit-transform: scale(1.2,1.2);
-o-transform: scale(2,2);
-ms-transform: scale(2,2);
transform: scale(2,2);
}
li.listing-item img {
transition: ease-in;
overflow: hidden;
z-index: -999;
}

*/
#bottom-container h3 {
color: #FF8044 !important;
font-size: 22px;
font-weight: normal;
margin-bottom: 20px;
margin-top: 30px;
}
#googlemapswidget-2 img {
width: 100%;
border-radius: 3px;
border: 5px solid white;
box-shadow: 1px 6px 8px #0A0A0A;
}
.sml_subscribe p.sml_email {
float: left;
}
input.btn.sml_submitbtn {
border-radius: 0px;
padding: 4px 12px;
background: #000;
font-size: 12px;
width: 70px;
height: 32px;
}
input.btn.sml_submitbtn:hover {
color: #C0C0C0;
}
.viewall {
text-align: center;
text-transform: lowercase;
padding: 20px;
}
.viewall a:hover {
color: #FF6F54;
}
.viewall a {
color: #838383;
font-size: 18px;
}
.news span.excerpt {
color: rgb(141, 141, 141);
font-size: 16px;
clear: both;
}
.socialfooter {
float: right;
}
.socialfooter i.fa {
font-size: 20px;
padding: 8px 10px;
width: 35px;
height: 35px;
border-radius: 50px;
color: #929292;
background: #555;
margin-right: 5px;
}
.socialfooter i.fa:hover {
background: #FF5838;
color: white;
}
.get_a_quote {
position: fixed;
top: 540px;
left: 0px;
z-index: 99;
}
#text-2 {
width: 30%;
margin-right: 90px;
}
#googlemapswidget-2 {
width: 60%;
}
.featured-thumbnail {
float: left;
margin-right: 30px;
}
.featured-thumbnail img{
	border:5px solid #eee;
}



body.admin-bar div#header.navbar-fixed-top {
top: 30px;
}

.post-content li .coloured_sheets_material{
	color:#ef3713;
	font-weight:bold;
}
.col-3 ul:after,
.col-3:after,
.display-posts-listing:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.col-3 li {
width: 29%;
float: left;
margin:2%;
}
.col-3 ul li ul{
	padding-left:0px;
}
.col-3 li ul li{
	width:100%;
	margin:0;
}
.col-3 li a.title{
	font-weight:bold;
}
.col-3 li  img{
	width:100%;
	height:auto;
}
.col-3 li a.title{
	clear:both;
	display:block;
}

.cont-1, .cont-2 {
width: 300px;
float: left;
margin-right: 20px;
}
.sidebar.sub-content {
padding: 20px;
background: #eee;
}

.page-title h2.title{
	margin-bottom:30px;
	margin-top:0;
	font-weight:bold;
}

.fadebox.col-3 li{
	position:relative;
	overflow:hidden;
}
.fadebox.col-3 li:hover img{
	opacity:.5;
}
.fadebox.col-3 li a{
	display:block;
}
.fadebox.col-3 li a.title{
position: absolute;
background: rgba(255, 255, 255, 0.8);
z-index: 5;
padding:10px 0;
width:100%;
font-size: 16px;
text-transform: capitalize;
opacity: 0;
text-align: center;
top:-100px;
left:0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity:0;
}
.fadebox.col-3 li:hover a.title{
opacity:1;
top:0px;
}

.fadebox.col-3 li .content{
position: absolute;
z-index: 5;
width:100%;
background: rgba(255, 255, 255, 0.8);
font-size: 16px;
text-transform: capitalize;
opacity: 0;
text-align: center;
bottom:-300px;
left:0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity:0;
}
.fadebox.col-3 li:hover .content{
opacity:1;
bottom:0;
}

.col-md-6 h3{
	font-size:18px;
	color:#ef3713;
	font-weight:bold;
}
.col-md-6 p{
	margin-bottom:10px;
}
.clearfix.col-row {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
}
.clearfix.colum-3 > ul{
width: 29%;
float: left;
margin: 2%;
}
.clearfix.colum-3 > ul img{
	width:100%;
	height:auto;
}
.clearfix.colum-3 a.title{
	font-weight:bold;
}
div#bottom-container {
padding: 20px 0;
margin-top:20px;
}



ul.wslist, ul.wslist-a {
	display: block;
	padding: 0 0 0 48px;
	list-style: none;
	counter-reset: numList;
}

ul.wslist li {
	background: #f2f2f2;
	margin-bottom:1px;
	padding:10px 15px;
	position:relative;
	list-style:none;
}

ul.wslist li:before, ul.wslist-a li:before {
    counter-increment: numList;
    content: counter(numList);
    position: absolute;
    left: -45px;
    font-weight:bold;
    text-align: center;
    color: #fff;
    background: #808080;
    padding: 10px;
    top:0;
    width: 44px;
    -webkit-transition: all .1s ease-in-out 0s;
    -moz-transition: all .1s ease-in-out 0s;
    -ms-transition: all .1s ease-in-out 0s;
    -o-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s;
}

ul.wslist li:hover:before, ul.wslist-a li:hover:before  {
	background: #ef3713;
}

ul.wslist-a li {
	background: #f2f2f2;
	margin-bottom:20px;
	padding:0;
	position:relative;
}

#socialblock:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.col-3.all-product li a.title{
	display:block;
	padding:10px;
	color:#eee;
	font-weight:normal;
	background:#333;
}
	
	
body.page-id-207 .col-3 li{
	background:url(../images/bg.jpg) no-repeat center 50px;
	min-height:250px;
	position:relative;
}
body.page-id-207 .col-3.all-product li a.title{
	position:absolute;
	bottom:0;
	width:100%;
}