/* cmsms stylesheet: blog modified: 11/08/19 16:38:55 */
/* CGBlog 
------------------------------------------------- */


.CGBlogSummaryLink h4 {
	font-size: 20px;
	margin: 10px 0;
	}
	.CGBlogSummaryLink h4 a {
          color: rgb(209, 149, 0);
          font-size: 24px;
	}
	.CGBlogSummaryLink h4 a:hover {
		text-decoration: none;
		border-bottom: 2px solid #333;
	}
.CGBlogSummaryField {
	position: relative;
	text-align: center;
}
.CGBlogSummaryField img {
	width: 100%;
}
.CGBlogSummaryField .image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	opacity:0;
	overflow:hidden;
	}
	.CGBlogSummaryField:hover .image-overlay {
		opacity:1;
		background-color: rgba(0,0,0,.6);
	}
	.CGBlogSummaryField .image-overlay .overlay-icon {
			width:70px;
			height:70px;
			display:block;
			border-radius: 50%;
			margin: -70px auto 0;
			opacity:0;
			background-color: ;
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			-ms-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
			}
			.CGBlogSummaryField:hover .image-overlay .overlay-icon {
				opacity:0.85;
				margin: 70px auto 0;
				}
		.CGBlogSummaryField .image-overlay .overlay-icon i {
			font-size: 28px;
			color:white;
			margin: 20px 0 0 2px;
			}
.CGBlogSummaryInfo {
	width: 100%;
	padding: 10px 0 0;
	overflow: hidden;
}
.CGBlogSummaryPostdate,
.CGBlogSummaryCategory,
.CGBlogSummaryAuthor {
	font-size: 12px;
	color: #aaa;
	float: left;
	display: inline-block;
	margin-right: 6px;
}

/* CGBlog main blog page */
.blog .CGBlogSummaryField:hover .image-overlay .overlay-icon {
	margin: 100px auto 0;
}
.blog .CGBlogSummary {
	margin-bottom: 40px;
	border-bottom: 1px solid #aaa;
}
.blog .CGBlogSummarySummary {
	margin: 20px 0 30px 0;
}
.blog .CGBlogSummarySummary p:last-child {
	margin-bottom: 0;
}
.blog .CGBlogSummaryLink h4 {
	font-size: 30px;
	margin: 0 0 10px 0;
	line-height: 110%;
}
.blog .CGBlogSummaryInfo {
	padding: 0;
}
.blog .CGBlogSummaryInfo + .CGBlogSummaryField {
	margin-top: 30px;
}
.blog section.mainContent {
	padding: 40px 0;
}
.browsecat {
	margin-bottom: 30px;
}
.browsecat ul {
	list-style-type: none; 
	margin: 0;
	padding-left: 20px;
	line-height: 200%;
	}
	.browsecat > ul {
		margin: 0;
		padding: 0;
		}
	.browsecat ul li {
		padding: 0;
	}

.browsecat h4 {
	font-size: 18px;
}
/* Blog detail page */
.blog h3.CGBlogPostDetailTitle {
          color: rgb(209, 149, 0);
          font-size: 24px;	
	font-weight: 400;
	border-bottom: 1px solid #aaa;
	padding-bottom: 12px;
	line-height: 110%;
	margin-bottom: 30px;
}
.blog .CGBlogPostDetailSummary {
	margin-bottom: 30px;
	font-weight: 600;
}
.blog .CGBlogPostDetailSummary p:last-child {
	margin-bottom: 0;
}
.blog .CGBlogDetailInfo {
	margin: 20px 0 10px 0;
	overflow: hidden;
}
.blog .CGBlogDetailField {
	margin-bottom: 30px;
}
.blog .CGBlogDetailField img{
	max-width: 100%;
}

.blog .CGBlogPostDetailContent {
	margin-bottom: 30px;
}
.blog .CGBlogPostDetailContent h3 {
	margin-bottom: 10px;
}
.blog .prevblogarticle {
	float: left;
}
.blog .nextblogarticle {
	float: right;
}
.blog-pagination {
	text-align: center;
	padding: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}
.blog-pagination span {
	width: 30px;
	height: 30px;
}
.blog-pagination span a,
.blog-pagination span.first-nolink,
.blog-pagination span.prev-nolink,
.blog-pagination span.next-nolink,
.blog-pagination span.last-nolink {
	color: #fff;
	position: relative;
	width: 30px;
	height: 30px;
	display: inline-block;
}
.blog-pagination .left {
	float: left;
}
.blog-pagination .right {
	float: right;
}
.blog-pagination span a:hover {
	color: #fff;
}
.blog-pagination span a:before,
.blog-pagination span.first-nolink:before,
.blog-pagination span.prev-nolink:before,
.blog-pagination span.next-nolink:before,
.blog-pagination span.last-nolink:before {
	position: absolute;
	top: 0px;
	left: 6px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 24px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	color: #ddd;
	}
	.blog-pagination span a:before {
		color: #666;
	}
	.blog-pagination span a:hover:before {
		color: ;
	}
	.blog-pagination span.prev a:before,
	.blog-pagination span.prev-nolink:before {
		content: "\f104";
	}
	.blog-pagination span.first a:before,
	.blog-pagination span.first-nolink:before {
		content: "\f100";
	}
	.blog-pagination span.next a:before,
	.blog-pagination span.next-nolink:before {
		content: "\f105";
	}
	.blog-pagination span.last a:before,
	.blog-pagination span.last-nolink:before {
		content: "\f101";
	}
/* cmsms stylesheet: res-white modified: 11/08/19 11:42:18 */
.gasafetop img {
   margin-top: 15px;
margin-right: 10px;
}

.bloghometitle
{
text-align:center;
}
.bloghome h2,.bloghome h4 {
    color: rgb(209, 149, 0);
    font-size: 24px;
}


body {
    background: rgb(238, 238, 238) none repeat scroll 0 0;
    color: rgb(35, 35, 35);
  
}
body .wrapper {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
color: rgb(68,68, 68)
}
p {
    color: rgb(68,68, 68);
    
}
.toplinks p {
    color: rgb(209, 149, 0);
    font-size: 16px;
}
.footer-v1 .footer p {
    color: rgb(68, 68, 0);
}
h1 {
    color: rgb(209, 149, 0);
    font-size: 24px;
}
.navbar-default, .navbar-collapse {
    background-color: rgb(0, 0, 0);
}
.content {
background-color: rgb(255, 255, 255);
}

#social
{    
height: 60px;
}

.header .dropdown-menu .active > a, .header .dropdown-menu li > a:hover {
    background: rgb(0, 0, 0) !important;
 }

.caret {
    display: none;
}

.dropdown-menu {
    background: rgb(0, 0, 0) !important;
 }

@media (min-width: 992px){

.header .dropdown-menu li a {
    color: #ccc;
  }
.header .dropdown-menu {
    border-top-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0); 
  }
.header .dropdown-menu li a {
    border-bottom: none;
   }

.header .navbar-default .navbar-nav > li:hover > a {
    color: #ccc;
    }
}

@media (max-width: 991px){
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #cccccc;
  }
}