/*
Name: Sreyas
Theme URI: https://www.sreyas.com/
Description: Wordpresss theme
Author: Sreyas
Author URI: https://www.sreyas.com/
Template: sreyas
Version: 0.1.0
*/
body {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
color: #56565A;
background: #fff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family:Arial, Helvetica, sans-serif;
}
a,
a:link,
a:active,
a:visited {
color: #ef3713;
text-decoration: none;
}
a:hover,
a.active,
.active a {
color: #004F6E;
}
.none {
display: none;
}
/*-------------- page -------------*/
#wrapper {
padding:0;
margin:0;
}
.sub-wrapper {
width: 960px;
margin: 0px auto;
}
#logo-container {
float:left;
}
#top {
float:right;
}
#navigation-container{
background:#333;
}
#main-container{
min-height:600px;
padding-top:30px;
}
.featured-thumbnail img{
max-width:100%;
height:auto;
}
#banner-container .sub-wrapper{
width:100%;
}
ul#main-menu:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
ul#main-menu:after {
padding:0;
margin:0;
}
#mobile-nav {
background: #333 url(images/mobile-nav.png) no-repeat 5px 5px;
overflow: hidden;
text-transform: capitalize;
font-size: 18px;
font-weight: normal;
color: #fff;
padding:5px 5px 5px 40px;
display: none;
width:100px;
cursor: pointer;
position:absolute;
left:208px;
}
div#main-container.left-side #main-content{
width:70%;
float:left;
}
div#main-container.left-side #left-sidebar{
width:30%;
float:left;
}
div#main-container.left-side #left-sidebar .widget-area{
margin-left:20px;
}
div#main-container.right-side #main-content{
width:70%;
float:left;
}
div#main-container.right-side #right-sidebar{
width:30%;
float:left;
}
div#main-container.right-side #right-sidebar .widget-area{
margin-left:20px;
}
div#bottom-container {
background: #313131;
color:#b8b8b8;
}
div#bottom-container h3{
color: #ef3713;
}
#footer-container{
background:#000;
padding:40px 0;
color:#b8b8b8;
}
/* ================= Fixed Header =================*/
div#header-wrap{
height:158px;
}
div#header.navbar-fixed-top {
z-index: 99;
}
/*---- fixed top ------*/
@keyframes topToBottom{
0% {top:-200px;}
100% {top:0px;}
}
@-webkit-keyframes topToBottom{ /* Safari and Chrome */
0% {top:-200px;}
100% { top:0px;}
}
div#header.navbar-fixed-top{
animation:topToBottom 1s;
-webkit-animation:topToBottom 1s; /* Safari and Chrome */
opacity: 1;
}

#bottom #googlemapswidget-2 img {
width: auto;
}

#main-content .post-content h2 {
font-size: 22px;
color: #333;
font-weight: bold;
}

div#text-9 {
position: absolute;
top: 70%;
left: 0;
}


.ngg-gallery-thumbnail{
	position:relative;
}

.ngg-gallery-thumbnail a {
  color: #900;
  text-decoration: none;
  display:block;
}

.ngg-gallery-thumbnail a:hover {
  color: red;
  position: relative;
}
#right-sidebar .ngg-gallery-thumbnail img ,
#main-content .ngg-gallery-thumbnail img {
border: none;
padding: 0;
margin: 0 0 10px;
}
#main-content .ngg-gallery-thumbnail-box {
margin-right: 10px;
}

body.page-id-709 #ngg-image-6:before{
	content:"Galvanised sheets";
	font-size:24px;
	clear:both;
	padding:10px 0;
	position:absolute;
	top:-40px;
	left:0;
	color:#ef3713;
	
}
body.page-id-709 #ngg-image-6{
	margin-top:50px;
	position:relative;
}

body.page-id-709 #ngg-image-7{
	clear:both;
}

body.page-id-709 #ngg-image-7:before{
	content:"Alu zinc sheets";
	font-size:24px;
	clear:both;
	padding:10px 0;
	position:absolute;
	top:-40px;
	left:0;
	color:#ef3713;
	
}


body.page-id-709 #ngg-image-7{
	margin-top:50px;
	position:relative;
}


#right-sidebar .ngg-gallery-thumbnail-box {
	width:50%;
	float:left;
	margin:0;
	padding:2px;
}
#right-sidebar .ngg-gallery-thumbnail img {
	width:100%;
	height:auto;
}
#right-sidebar .ngg-galleryoverview{
	margin-top:0;
	margin-bottom:10px;
}
div#right-sidebar .sidebar.sub-content {
padding: 8px;
background: #eee;
}
#right-sidebar .ngg-gallery-thumbnail img{
margin:0px;
}

#main-content .home-gallery .ngg-gallery-thumbnail-box {
width: 50%;
float: left;
margin: 0;
padding: 2px;
}
.home-gallery .ngg-gallery-thumbnail img {
width: 100%;
height: auto;
}

#main-content .home-gallery .ngg-gallery-thumbnail:hover a:before,
#main-content .home-gallery .ngg-gallery-thumbnail:hover a:after {
	display:none;
}


#main-content .home-gallery .ngg-gallery-thumbnail-box img {
margin: 0px;
}



.page-id-719 #main-content .ngg-gallery-thumbnail:hover a:after,
.page-id-722 #main-content .ngg-gallery-thumbnail:hover a:after,
.page-id-712 #main-content .ngg-gallery-thumbnail:hover a:after,
.page-id-709 #main-content .ngg-gallery-thumbnail:hover a:after {
  content: attr(data-title);
  padding: 2px 8px;
  color: #333;
  position: absolute;
  left: 0px; 
  top:0px;
  z-index: 20x;
  background:#ef3713;
  color:#fff;
  width: 100%;
  text-transform:capitalize;
  font-size:18px;
font-weight:bold;
}
.page-id-719 #main-content .ngg-gallery-thumbnail:hover a:before,
.page-id-722 #main-content .ngg-gallery-thumbnail:hover a:before,
.page-id-712 #main-content .ngg-gallery-thumbnail:hover a:before,
.page-id-709 #main-content .ngg-gallery-thumbnail:hover a:before {
content: attr(data-description);
color: #333;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
z-index: 20px;
background: #ef3713;
z-index:9;
color: #fff;
text-transform: capitalize;
font-size: 16px;
}

#sub-container img{
	max-width:100%;
	height:auto;
}



ul.list-cat{
	margin:0;
	padding:0;
	display:block;
}
ul.list-cat:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.list-cat li{
	list-style:none;
	width:48%;
	float:left;
	margin:.5%;
	border:1px solid #ccc;
	text-align:center;
	min-height:280px;
}
ul.list-cat li a{
	display:block;
	padding:10px;
}
ul.list-cat li a:nth-child(1) {
	background:#ccc;
	color:#fff;
	font-weight:bold;
	padding:6px;
}

ul.list-cat li:hover a:nth-child(1) {	
	background:#ef3713;
	color:#fff;
}
ul.list-cat li:hover{
	border:1px solid #ef3713;
}

#sub-container .featured-thumbnail img{
	border:none;
}

.postid-1096 .featured-thumbnail{
	display:none;
}

@media (max-width:540px){
ul.list-cat li {
min-height: 190px;
}	
}

@media (max-width:490px){
ul.list-cat li {
min-height: 160px;
width: 100%;
float: none;
margin: 0 0 10px;
}	
}

.headingbg {
text-shadow: 5px 3px 3px rgba(0, 0, 0, 0.5);
}
#main-content .post-content .headingbg h2{
	color:#fff;
}
#main-content .headingbg h3{
	color:#fff;
	font-size:18px;
}

.page-id-30 #main-content h3 {
line-height: 32px;
font-size: 22px;
font-weight: bold;
margin: 0 0 30px;
color: #333;
background: #f2f2f2;
padding: 20px;
border: 1px solid #E0E0E0;
}

.page-id-30 #main-content h3 b {
font-size: 36px;
color: #ef3713;
display:block;
margin-bottom:20px;
}
.page-id-30 #main-content table{
	font-size:20px;
}
.page-id-30 #main-content table td{
	padding:10px ;
	vertical-align:top;
}
.page-id-30 #main-content table td:nth-child(1) {  
color: #ef3713;
font-weight:bold;
}
#text-2 table td {
    vertical-align: top;
}