body{
	background-color: #FFF;
	font-family: "Lato",sans-serif !important; 
	font-size:15px!important;
}

p{
	line-height:18px!important;
}

h1{
	color: #333333;
	font-size: 30px;
	line-height: 30px;
	margin: 0;
	padding: 20px 0;
	font-family:"Lato";
	font-weight:bold;	
}

footer{
	width: 100%;
	height: auto;
	min-height:200px;
	background-color:#FFF; 
	padding:8px;
	font-family: "Lato",sans-serif !important; 
	box-shadow:-3px -3px 4px #DDD;
}

.guide{
	border:solid 1px #F00;
	min-height:50px;
	height:auto;
}

.white-bg{
	background-color:#FFF;	
}

.gray-bg {
    background-color: #f5f5f5;
}

.nopadding{	
	margin: 0 !important;
	padding:0 !important;
}

.logo-footer{
	position:relative;
	margin: 10px 5px;
	width:180px;
	height:40px;
	background:url("../images/logo.png")no-repeat;
	background-size:contain;
}

.footer-list{
	list-style-type:none;
	list-style-position: outside;
	margin:4px 3px 0 3px;
}

.foot-head{
	margin-top:8px;
	font-weight:bold;
}

.footer-list li{
	margin-left:-42px;
}

.footer-list li a{
	color:#333;
	text-decoration:none;
	font-size:0.8em;
}

.footer-list li a:hover{
	color:#F00;
	text-decoration:none;
}

.footer-list li:last-child{
	margin-bottom:15px;
}

.footer-print{
	margin-top:15px;
	font-size:0.8em;
}

.social-footer{
	position:relative;
	left:-30px;
}

.social-footer a{
	color: #333;
}

.social-footer a:hover{
	color: #F00;
}

.social-footer li{
	list-style-type:none;
	display:inline-block;	
	width:42px;
	border: solid 2px #333;
	border-radius:42px;
	background-color:#FFF;
	padding: 4px !important;
}

.social-icon i{
    font-size:1.6em !important;
    position:relative;
    left:2px;
}

/*home element*/
	.sd-hero-section{
		width:100%;
		height:auto;
		min-height: 400px;
		background:url("../images/slides/estate-1.jpg")no-repeat;
		background-size:cover;
		background-position:center;
	}
	
	@media screen and  (min-width:1000px) and (max-width:1200px){
		.sd-hero-section{
			min-height: 580px;
		}
	}
	
	@media screen and (max-width:1000px){
		.sd-hero-section{
			min-height: 700px;
		}
	}
	
	@media screen and (max-width:640px){
		.sd-hero-section{
			min-height: 995px;
		}
	}
	
	@media screen and (max-width:480px){
		.sd-hero-section{
			min-height: 980px;
		}
	}
	
	.sd-hero-section-pre{
		width:100%;
		height:auto;
		min-height: 400px;			
		position: relative;
		overflow: hidden;
	}
	
	#slide-wrap{
		position:absolute;
		margin:0 auto;
		width:100%;
		height:auto;
		min-height: 400px;
		background-position:center;
		background:url("../images/slides/estate-1.jpg")center center no-repeat;
		background-size:cover;
		-webkit-animation:zoom 35s infinite;
		animation:zoom 35s infinite;	
	}
	
	#slide-wrap-vid{
		position:absolute;
		margin:0 auto;
		width:100%;
		height:auto;
		min-height: 400px;
		background-position:center;
		/*background:url("../images/slides/estate-1.jpg")center center no-repeat;
		background-size:cover;
		-webkit-animation:zoom 35s infinite;
		animation:zoom 35s infinite;	*/
	}

	@-webkit-keyframes zoom{
		0% {
        -webkit-transform: scale(1,1);
		}
		50% {
			-webkit-transform: scale(1.3,1.3);
		}
		100% {
			-webkit-transform: scale(1.1,1.1);
		}
	}
	@keyframes zoom{
		0% {
        -webkit-transform: scale(1,1);
		}
		50% {
			-webkit-transform: scale(1.3,1.3);
		}
		100% {
			-webkit-transform: scale(1.1,1.1);
		}
	}
	
	@media screen and  (min-width:1000px) and (max-width:1200px){
		.sd-hero-section-pre{
			min-height: 580px;
		}
	}
	
	@media screen and (max-width:1000px){
		.sd-hero-section-pre{
			min-height: 700px;
		}
		#slide-wrap{
			min-height: 700px;
		}
		#slide-wrap-vid{
			min-height: 700px;
		}
	}
	
	@media screen and (max-width:640px){
		.sd-hero-section-pre{
			min-height: 995px;
		}
		#slide-wrap{
			min-height: 995px;
		}
		#slide-wrap-vid{
			min-height: 995px;
		}
	}
	
	@media screen and (max-width:480px){
		.sd-hero-section-pre{
			min-height: 980px;
		}
		#slide-wrap{
			min-height: 980px;
		}
		#slide-wrap-vid{
			min-height: 980px;
		}
	}
	
	.sd-head-title{
		margin: 0 auto;
		color: #ffaa05;
		text-transform:uppercase;
		font-weight:bold;
		font-size: 1.8em;
		margin:15px 5px 0 5px;
		text-shadow: 2px 2px 3px #000;
	}
	
	.sd-tagline{
		margin: 0 auto;
		color: #FFF;
		font-size: 1.4em;
		margin:0 5px;	
	}
	
	.sd-desc{
		max-width:600px;
		margin: 10px auto;
		color: #FFF;
		font-size: 16px;
		text-shadow: 2px 2px 3px #000;
	}
	
	.sd-desc-rev{
		max-width:602px;
		margin: 0 auto;
		color: #333;
		font-size: 14px;
		padding:5px 3px;
	}
	
	.sd-desc hr{
		width: 80px;
		font-weight:bold;
		border :solid 1px #ffaa05;
	}
	
	.sd-black-panel{
		width:70%;
		height:auto;
		min-height:70px;
		margin:30px auto 80px auto;
		background-color:#000;
		padding:8px 3px 2px 3px;
		background:url("../images/black-square.png")repeat;
		/* opacity:0.6;
		-webkit-opacity:0.6;
		-moz-opacity:0.6; */		
	}
	
	.sd-black-panel ul{
		position:relative;
		left:-25px;
	}
		
	.sd-black-panel li{
		display:inline-block;
		color:#FFF;
		line-height:0.6em;
		min-width:23%;
		font-size: 1.5em;
		text-align:center;
		border-right:1px dotted #FFF;
		vertical-align:top;
		height: 50px;
		margin: 18px 0;
		padding: 8px 10px 0 15px;
	}
	
	.cPoint{
		font-size: 32px !important;
		font-weight:bold;
		color:#F00 !important;
	}
	
	.csPoint{
		font-size: 18px;
		font-weight:bold;
		color:#F00 !important;
	}
	
	.hPoint{
		font-size: 1.1em;
		font-weight:bold;
	}
	
	@media screen and (max-width:480px){
		.sd-black-panel li{
			width:100%;
			display:list;
			border-right: none;
			border-bottom: 1px dotted #FFF;
			margin: 10px 0 10px 0;
			padding-bottom:60px;
			height: 85px;
		}
	}
	
	@media screen and (min-width:480px) and (max-width:640px){
		.sd-black-panel li{
			width:80%;
			display:list;
			border-right: none;
			border-bottom: 1px dotted #FFF;
			margin: 10px 0 10px 0;
			padding-bottom:80px;
		}
	}
	
	@media screen and (min-width:640px) and (max-width:1000px){
		.sd-black-panel li{
			width:45%;
			display:list;
			border-right: 1px dotted #FFF;
			margin: 10px 0 10px 0;
			padding-bottom:60px;
		}
		
		.sd-black-panel li:nth-child(2n+0){
			border-right: none;
		}
	
	}
	
	@media screen and (min-width:1000px) and (max-width:1200px){
		.sd-black-panel li{
			width:33%;
			display:list;
			border-right: 1px dotted #FFF;
			margin: 10px 0 10px 0;
			padding-bottom:60px;
		}
		
		.sd-black-panel li:nth-child(3n+0){
			border-right: none;
		}
	
	}	
	
	.sd-black-panel li:first-child{
		border-left:none;
		margin-left:0px !important;
	}
	
	/* .sd-black-panel li:last-child{
		border-right:none;
		margin-right:0px !important;
	} */
	
	.sd-black-panel li:nth-of-type(4n+0){
		border-right:none;
		margin-right:0px !important;
	}
	
	.sd-metric-title{
		margin:8px 0;
		font-size: 0.6em;
		color: #ffaa05;
		line-height:15px;

	}
	
	.sd-metric-span{
		position:relative;
		display:inline-block;
		margin : 0 5px;
	}
	
	.sd-main-iconwrap{
		position:relative;
		top:-50px;
		width:70%;
		height:auto;
		min-height:80px;
		margin:0 auto;
	}
	
	.sd-main-widget{
		position:relative;
		width:70%;
		height:auto;
		min-height:80px;
		margin:0 auto;
		border-top:solid 1px #b3002d;
		border-bottom:solid 1px #b3002d;
		padding: 30px 0 10px 0;
	}
	
	@media screen and (max-width:1200px){
		.sd-main-iconwrap{
			width:80%;
		}
		.sd-main-widget{
			width:80%;
		}		
	}
	
	@media screen and (max-width:480px){
		.sd-main-iconwrap{
			width:100%;
			left:-12px;
		}
		
		.sd-main-widget{
			width:100%;
		}	
	}
	
	.sd-round-icon{
		width:160px;
		background-color:#FFF;
		height:auto;
		min-height:120px;
		border-radius:100px;
		-moz-border-radius:100px;
		margin:0 auto;
		box-shadow:-1px -5px 5px #000;
	} 
	
	.sd-icon-env{
		width:155px;
		height:155px;
		background:url("../images/icon-env-mgt.png")no-repeat;
		background-position:center;
		background-size:contain;
		margin:0 auto;
	}
	
	.sd-icon-mkt{
		width:155px;
		height:155px;
		background:url("../images/icon-mkt-spc.png")no-repeat;
		background-position:center;
		background-size:contain;
		margin:0 auto;
	}
	
	.sd-icon-social{
		width:155px;
		height:155px;
		background:url("../images/icon-social-comm.png")no-repeat;
		background-position:center;
		background-size:contain;
		margin:0 auto;
	}
	
	.sd-icon-work{
		width:155px;
		height:155px;
		background:url("../images/icon-work-env.png")no-repeat;
		background-position:center;
		background-size:contain;
		margin:0 auto;
	}
/*end home element*/

.sd-icon-title{
	text-transform:uppercase;	
	margin-bottom:20px;
}

.text-icon-work a{
	color: #248ab0 !important;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.text-icon-env a{
	color: #01aaad !important;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.text-icon-mkt a {
	color: #c7b343 !important;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.text-icon-social a{
	color: #9a6b59 !important;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.sd-btn-rounded{
	border-radius:30px;
	min-width:100px;
}

.pages-header{
	position: relative;
	width:100%;
	height: 90px;
	background: url('../images/headers/wide-header.jpg')no-repeat;
	background-position:center;
	background-size:cover;
}

.sd-pages-header-title{
	position: relative;
	top: 33px;
	left: 0;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 2px 2px 3px #333;
}

.sd-header-wrapper{
	margin:0 auto;
	width: 1024px;
	height:auto;
}

.sd-page-wrapper{
	margin:15px auto;
	width: 1024px;
	height:auto;
	min-height:150px;
}

.sd-page-wrapper a{
	color:#F00;
	text-decoration:none;	
}

@media screen and (max-width:1024px){
	.sd-header-wrapper{
		width:100%;
	}
	
	.sd-page-wrapper{
		width:100%;
	}
}

.sd-sidebar-content{
	margin: 40px 0;
	padding:8px 15px;
	height:auto;
	min-height:120px;
}

.sd-sidebar-list > li{
	margin:10px 5px 10px 0;
	list-style-type:none;
	min-height:30px;
	height:auto;
}

 li.sd-sidebar-active{
	border-left: solid 2px #F00;
	padding-left:38px;
	margin-left:-40px;
}

 li.sd-sidebar-active a{
	 color:#333  !important;
 }

.sd-breadcrumb{
	color:#333;
	margin-bottom:30px;
	font-size:14px;
}

.sd-breadcrumb a{
	text-decoration:none;
	color:#F00 !important;
}

.sd-breadcrumb a:hover{
	text-decoration:none;
	color:#333 !important;	
}

/* Style for Wysiwyg IMG alignment*/

img.sd-img-full{
	width:100%;
	margin:0 auto;
}

img.sd-img-half{
	width:50%;
	display:block;
	margin-left: auto;
    margin-right: auto;
}

img.sd-img-center{
	display:block;
	margin-left: auto;
    margin-right: auto;
}

img.sd-img-quarter-left{
	width:40%;
	float:left;
	margin: 3px 15px 3px 0;
}

@media screen and (max-width:480px){
	
	img.sd-img-quarter-left, img.sd-img-half, img.sd-img-center{
		width:100%;
		clear:both;
		margin:5px auto;
	}

}

.sd-caption{
	color:#ddd;
	font-size: 12px;
	text-align:center;	
}

/* end of Style for Wysiwyg IMG alignment*/
.sd-page-content{
		padding: 0;
}

.sd-map-legend{
	width:100%;
	padding:0;
}

#map {
	margin:0 auto;
    width: 100%;
    height: 500px;
	border:solid 5px #FFF;
 }
 
 #refinery-list{
	 width:100%;
	 margin-left: -35px;
 }
 
#refinery-list li{
	width:22.5%;
	display:inline-block;
	list-style-type:none;
	position:relative;
	left:10%;
	margin:5px 5px 8px 5px;
	text-align:left;
 }
 
 @media screen and (max-width:540px){
	 #refinery-list li{
		width:45% !important;
	 }
 }
 
 .tab-container{
	 width:100%;
	 height:auto;
	 min-height:100px;
	 margin: 35px 0 0 0;
 }
 
 .report-btn{
	 font-size:25px;
	 font-weight:bold;
	 width:auto;
	 max-width:120px;
 }
 
  .report-btn:hover{
	cursor:pointer;
  }
 
  .report-btn i{
	 font-size:15px;
	 font-weight:bold;
	 position:relative;
	 top:-4px;
	 margin-right:10px;
 }
 
 .tabs{
	 display:none;
	 
 }
 
 .pagination a.active {
    background-color: #F00 !important;
    color: white;
}

.gar_milestone{
	width:95%;
	height:500px;
	margin:20px auto 10px auto;
	background:url("../images/sustainability-milestone.jpg")no-repeat center;
	background-size:contain;
}

@media screen and (max-width:540px){
	.gar_milestone{
		width:100%;
	}
}

.gpoplist{
	list-style-type: none;
	position:relative;
	left:-28px;
	top:-15px;
}

a span.whiteLink{
	color:#FFF !important;
}

a:hover span.whiteLink{
	color:#d9d900 !important;
}

.modal-dialog{
    overflow-y: initial !important
}

.modal-body{
    height: 350px !important;
    overflow-y: auto !important;
}

.frs-list{
	position:relative;
	left:-35px;
	font-size:13px;
	font-weight:bold;
}

.box-legend{
	width:16px;
	height:16px;
	border:solid 1px #ddd;
	display:inline-block;
}

.frs-list li{
	list-style:none !important;
	list-style-type:none;
}

.list-group-item{
    padding: 0  15px!important;

}

.list-group-item p{
    margin:0 0 4px 0 !important;

}