body{
	font-family: "Grafier Display";
	background-color: #fcfcfc;
}
a:hover,
a:focus,
a:active{
	outline: 0px;
}
p, span, small, ::placeholder{
	font-family: "Source Sans Pro";
}
p{
	font-weight: 400;
	font-size: 14px;
}

section.section {
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.home-page-heading,
.home-page-heading:hover,
.home-page-heading:focus {
	width: 100%;
	color: #222;
	text-decoration: none;
	font-size: 4rem;
	line-height: 5rem;
}
.sub-page-heading {
	width: 100%;
	color: #222;
	text-decoration: none;
	font-size: 3.3rem;
	line-height: 3.5rem;
	text-transform: uppercase;
}
.sub-page-heading.small {
	width: 100%;
	color: #222;
	text-decoration: none;
	font-size: 3.3rem;
	line-height: 3.5rem;
}

.columns-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.columns-middle {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
}
.hr-line {
	clear: both;
	float: left;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #000;
	overflow: hidden;
	display: block;
}
.dark-section {
	background-color: #000;
	color: #fff;
}
.mt-10 {
	margin-top: 10px;
}



/*Navbar CSS*/
.header-nav{
	height: 80px;
	display: block;
	box-sizing: border-box;
}
.header-nav .navbar{
	padding: 1.2rem 0;
}
.header-nav .bg-light{
	background: #ffffff !important;
}
.navbar-brand {
	width: 35%;
	display: block;
	overflow: hidden;
}
.navbar-brand span{
	font-family: "Grafier Display";
}
.navbar-brand .header-logo {
	width: 500px;
	max-width: 120%;
	height: auto;
	max-height: 60px;
	display: block;
	overflow: hidden;
}

.navbar-search-area {
	width: 25%;
	margin: 0 auto;
	display: inline;
	padding-left: 40px;
	box-sizing: border-box;
}
.navbar-search-area label {
	float: left;
	margin-top: 5px;
	color: #000;
	font-size: 20px;
	padding: 0px 10px;
}
.navbar-search-area .navbar-search {
	float: left;
	border: 0px;
	color: #000;
	border-bottom: 2px solid #000;
	box-shadow: none;
	padding: 0px;
	height: 20px;
	font-size: 16px;
	line-height: 20;
	width: 120px;
	margin-top: 10px;
}

.navbar-light .navbar-nav .nav-link {
	color: #000;
	font-size: 20px;
	padding: 0px 15px;
}
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
	color: #000;
}
/* Navbar CSS */


/* Common CSS */
.line{
	left: 0;
    height: 2px;
    position: absolute;
    background: #000;
    right: 0;
}
.sm-line{
	width: 20px;
    height: 0;
    bottom: 20px;
    border: 1px solid #000000;
    position: absolute;
}
.see-more,
.see-more:focus,
.see-more:hover {
	color: #000000;
	font-family: "Source Sans Pro";
	font-size: 25px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	padding: 7px 10px;
	box-sizing: border-box;
	text-decoration: none;
}
.see-more:after {
    width: 180px;
    position: absolute;
    background: #000;
    height: 2px;
    bottom: 0px;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-90px, 20px);
}

.navbar_text {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	font-weight: 700;
}
.logo_animation {
    position: relative;
    transition: all 3s;
}
.logo_animation::before {
    display: inline-block;
    content: "";
    height: 1px;
    width: calc(100% + 20px);
    background: rgba(0,0,0,.9);
    position: absolute;
    bottom: 6px;
    left: -10px;
    right: -10px;
    transition: all 3s;
}
.custom_nav_area {
	height: auto;
	width: 100%;
	border-bottom: 2px solid #000;
	overflow: hidden;
}
/* Common CSS */


/* Home Banner CSS */
.custom-jumbtron{
	padding: 1.2rem 1rem;
	background: transparent;
	margin-bottom: 0px;
}
.slide-image img{
	width: 100%;
	height: auto;
}
.home_banner {
	width: 100%;
	height: auto;
	min-height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.home_banner_h {
	width: 100%;
	height: auto;
	min-height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/* Home Banner CSS */


/* Section CSS */
.section{
	padding: .5rem 3.5rem 0rem 3.5rem;
}
.para-title {
	position: relative;
	padding: 3rem 0rem 0.5rem 0rem;
}
.para-title .title{
	font-size: 30px;
	left: 25px;
    position: relative;
    color: #202124;
    font-weight: 500;
}
/* Section CSS */


/* Stories CSS */
.stories_box {
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.stories-area {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 2px solid #000;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}
.stories-area .stories-header {
	float: left;
	width: 100%;
	height: 180px;
	overflow: hidden;
	border-bottom: 2px solid #000;
}
.stories-area .stories-img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}
.stories-area .stories-body {
	float: left;
	width: 100%;
	height: auto;
 	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
 }
.stories-area .news-title {
	float: left;
	color: #202124;
	font-family: "Source Sans Pro";
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	display: block;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: none;
}
.stories-area .news-content {
	float: left;
	color: #000000;
	font-family: "Source Sans Pro";
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 20px;
}
.stories-area .news-meta {
	float: left;
	color: #000000;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 400;
}
.stories-area .news-meta span {
	padding-right: 10px;
	box-sizing: border-box;
}
/* Stories CSS */


/* Sustainability Stories CSS */
/*.innovation_block,
.people_block {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}*/
.card_outer_box {
	overflow: hidden;
	padding-bottom: 15px;
}
.card_outer_box:last-child {
	padding-bottom: 0px;
}
.innovation-news-area {
	float: left;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	position: relative;
}
.innovation-news-area .carousel-control-next, 
.innovation-news-area .carousel-control-prev {
	z-index: 9;
}
.innovation-news-area .innovation-news-img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}
.innovation-news-area .innovation-news-overlay,
.innovation-news-area .innovation-video-overlay {
	background: rgba(0,0,0,0.5);
    position: absolute;
	width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index: 1;
}
.innovation-news-area .innovation-news-overlay {
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
}
.innovation-news-area .innovation-video-overlay {
	padding: 25px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}
.innovation-news-area .innovation-video-overlay .video-link {
	width: 100%;
	height: 100%;
}
.innovation-news-area .video-play-button {
	position: absolute;
	width: 60px;
    height: 80px;
    left: 0;
    top: 0;
	z-index: 5;
	border: 4px solid #fff;
	box-sizing: border-box;
	text-decoration: none;
}
.innovation-news-area .video-play-button span {
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	line-height: 80px;
	display: block;
}
.innovation-news-area .innovation-news-title {
	float: left;
	display: block;
	width: 100%;
	color: #ffffff;
	font-family: "Source Sans Pro";
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 10px;
	text-decoration: none;
}
.innovation-news-area .innovation-video-title {
	float: left;
	display: block;
	width: 100%;
	color: #ffffff;
	font-family: "Source Sans Pro";
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
	padding-left: 50px;
	margin-bottom: 10px;
	text-decoration: none;
}
.innovation-news-area .innovation-news-content {
	float: left;
	display: block;
	width: 100%;
	color: #ffffff;
	font-family: "Source Sans Pro";
	font-size: 17px;
	font-weight: 400;
	line-height: 22px;
}
.innovation-news-area .innovation-news-meta {
	float: left;
	display: block;
	width: 100%;
	color: #ffffff;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	margin: 0px;
}
.innovation-news-area .innovation-news-meta span {
	padding-right: 5px;
	box-sizing: border-box;
}
.footer-block {
	float: left;
	display: block;
	overflow: hidden;
	padding: 15px 10px;
	box-sizing: border-box;
}
/* Sustainability Stories CSS */


/* People Stories CSS */
.people-story-area {
	float: left;
	height: auto;
	width: 100%;
}
.people-story-area .people-story-img {
 	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
 }
.people-story-body {
	float: left;
	width: 100%;
	height: auto;
	padding: 5px 0px 10px 0px;
	box-sizing: border-box;
	overflow: hidden;
}
.people-story-body .people-story-title {
	float: left;
	margin-top: 10px;
	width: 100%;
	display: block;
	color: #202124;
	font-family: "Source Sans Pro";
	font-size: 17px;
	font-weight: 600;
	line-height: 24px;
	text-decoration: none;
}
.people-story-body .people-story-meta {
	float: left;
	width: 100%;
	display: block;
	color: #202124;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}
.people-story-body .people-story-meta span {
	padding: 2px;
	padding-right: 5px;
	box-sizing: border-box;
}
.people-story-body .people-story-meta a {
	color: #444;
	text-decoration: none;
}
.people-story-body .people-story-meta a:hover {
	text-decoration: underline;
}
/* People Stories CSS */


/* Editors Voice Block CSS */
.editors-voice-block {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 25px;
}
.editors-voice-block .editors-voice-image {
	float: left;
	width: 180px;
	height: auto;
	display: block;
	overflow: hidden;
	padding-left: 5px;
	box-sizing: border-box;
}
.editors-voice-block .editors-voice-image img {
	margin: 10px auto;
	width: 100%;
	max-width: 180px;
	height: auto;
	display: block;
	overflow: hidden;
}
.editors-voice-block .editors-voice-text {
	float: left;
	width: calc(100% - 180px);
	display: block;
	color: #202124;
	font-family: "Source Sans Pro";
	font-size: 20px;
	line-height: 26px;
	padding-left: 10px;
	box-sizing: border-box;
}
/* Editors Voice Block CSS */



/* Common Dark Layout CSS */
.dark-section .para-title .title, 
.dark-section .stories-area .news-title, 
.dark-section .stories-area .news-content, 
.dark-section .stories-area .news-read-more,
.dark-section .see-more, 
.dark-section .see-more:focus, 
.dark-section .see-more:hover, 
.dark-section .editors-voice-block .editors-voice-text, 
.dark-section .people-story-body .people-story-title, 
.dark-section .people-story-body .people-story-meta, 
.dark-section .people-story-body .people-story-meta a {
	color: #fff;
} 

.dark-section .para-title .sm-line,
.dark-section .stories-area {
	border-color: #fff;
}

.dark-section .see-more::after {
	background: #fff;
}
/* Common Dark Layout CSS */



/* Columns Blog CSS */
.columns-blog {
	float: left;
	margin-top: 30px;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}
.columns-blog p {
	float: left;
	width: 100%;
	display: block;
	color: #202124;
	font-family: "Source Sans Pro";
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 30px;
}
.columns-blog img {
	margin: 0 auto;
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}
.columns-blog article {
	float: left;
	width: 100%;
	display: block;
	color: #000000;
	font-family: "Grafier Display";
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 30px;
}
.blog-fotter-banner {
	float: left;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}
.blog-fotter-banner img {
	margin: 0 auto;
	width: 100%;
	display: block;
	overflow: hidden;
}
/* Columns Blog CSS */



/* Contact Page CSS */
.contact-page-subheading {
	float: left;
	width: 100%;
	height: auto;
}
.contact-page-subheading p {
	float: left;
	width: 100%;
	display: block;
	color: #000000;
	font-family: "Source Sans Pro";
	font-size: 20px;
	font-weight: 400;
	line-height: 2.0;
	padding: 0px;
	margin: 0px;
}
.contact-form-header {
	float: left;
	margin: 10px 0;
	width: 100%;
	height: auto;
	max-height: 100px;
	display: block;
	overflow: hidden;
}
.contact-form-header img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}
.contact-form-body {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.contact-form-body .form-row {
	margin-top: 20px;
}
.contact-form-body .form-control,
.contact-form-body .form-control:focus,
.contact-form-body .form-control:hover {
	width: 100%;
	height: 50px;
	display: block;
	color: #000000;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 400;
	line-height: 50px;
	border: 1px solid #000;
	border-radius: 0px;
	box-shadow: none;
}
.contact-form-body textarea.form-control {
	min-height: 200px;
}
.contact-form-body .btn {
	float: left;
	padding: 10px 35px;
	box-sizing: border-box;
	display: inline-block;
	color: #fff;
	background-color: #000;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 400;
	line-height: 1.0;
	border: 1px solid #000;
	border-radius: 0px;
	box-shadow: none;
}
/* Contact Page CSS */



/* Editor Page CSS */
.editor-voice-details {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}
.editor-voice-details .editor-voice-title {
	float: left;
	width: 100%;
	display: block;
	color: #000000;
	font-family: "Source Sans Pro";
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0px;
}
.editor-voice-details .editor-voice-subtitle {
	float: left;
	width: 100%;
	display: block;
	color: #000000;
	font-family: "Source Sans Pro";
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 10px;
}
.editor-voice-details .editor-voice-thumb {
	float: left;
	margin-top: 10px;
	width: 100%;
	max-width: 220px;
	height: auto;
	overflow: hidden;
	display: block;
}
/* Editor Page CSS */



/*start data page*/
.data_block .image-shadow{
	position: relative;
	overflow: hidden;
}
.data_block .image-overly{
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(0,0,0,0.4);
    position: absolute;
}
.data_block .card-img-overlay{
	color: #ffffff;
	z-index: 4;
	bottom: 0 !important;
	top: inherit;
	padding: 20px 20px 40px 40px;
	background: rgba(0,0,0, 0.0);
}
.data_block .card .title-link {
	font-family: "Source Sans Pro";
	font-size: 36px;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 20px
}

.data_block .card-text {
	max-width: 600px;
	font-family: "Source Sans Pro";
	font-size: 24px;
	font-weight: 400;
	line-height: 26px;
}
/*end data page*/


/*start article page*/
.article_banner {
	background-image:url('../web/images/article/header.png');
	width: 100%;
	height: auto;
	min-height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.single-article-block {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	padding: 20px 0px;
	box-sizing: border-box;
}
.single-article-block:first-child{
	padding-top: 40px;
}
.article-left ,
.article-right {
	float: left;
	width: 50%;
	display: block;
	height: auto;
	box-sizing: border-box;
}
.article-left {
	padding-right: 7px;
}
.article-right {
	padding-left: 7px;
}
.single-article-block p {
	float: left;
	width: 100%;
	display: block;
	color: #000000;
	font-family: "Source Sans Pro";
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	margin-top: -10px;
    margin-bottom: 1.2em;
}
.single-article-block .article-image {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.single-article-block .text-muted {
	color: #333333;
	font-family: "Source Sans Pro";
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	margin-top: 10px;
	display: block;
	width: 100%;
}

.single-article-block .article_slogan {
	float: left;
	width: 100%;
	display: block;
	color: #000000;
	font-family: "Grafier Display";
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 0.08rem;
	padding-left: 16%;
	margin-bottom: 30px;
	box-sizing: border-box;
}
.no-letter-spacing{
	letter-spacing: 0 !important;
}
.single-article-block .article_slogan::after {
	width: 14%;
	position: absolute;
	background: #000;
	height: 2px;
	content: "";
	left: 1%;
	bottom: 20%;
	transform: translate(0px, 0px);
}
.single-article-block .article_slogan.remove_after::after {
	content: none;
}
.video-btn{
	position: absolute;
	padding: 1px;
}
.video-btn img{
	float: left;
	position: relative;
}
.video-btn p{
	position: relative;
	transform: translate(17px, 30px);
	color: #fff;
	font-size: 15.7pt;
}
/*end article page*/


/*start newsletter page*/
.newsletter_block {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	height: auto;
	overflow: hidden;
}
.newsletter_title {
	width: 100%;
	max-width: 500px;
}
.single-newsletter-block {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	padding: 20px 0px;
	box-sizing: border-box;
}
.single-newsletter-block:first-child{
	padding-top: 10px;
}
.newsletter-left ,
.newsletter-right {
	float: left;
	display: block;
	height: auto;
	box-sizing: border-box;
}
.newsletter-left {
	width: 70%;
	padding-right: 7px;
}
.newsletter-right {
	width: 30%;
	padding-left: 7px;
}
.single-newsletter-block p {
	color: #202124;
	font-family: "Source Sans Pro";
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
}
.single-newsletter-block .newsletter-image {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.single-newsletter-block .newsletter-image img {
	width: 100%;
	height: auto;
}
.newsletter_block .newsletter-section-title {
	clear: both;
	float: left;
	width: 100%;
	max-width: 400px;
	height: auto;
	display: block;
	overflow: hidden;
	padding: 20px 0;
	box-sizing: border-box;
	margin-top: 30px;
}
.newsletter_block .newsletter-section-title h3 {
	color: #202124;
	font-family: "Grafier Display";
	font-size: 50px;
	font-weight: 400;
	line-height: 50px;
	text-transform: uppercase;
}
.newsletter_block .newsletter-single-blog{
	margin: 0 auto;
	width: 100%;
	max-width: 400px;
	height: auto;
	padding: 10px 0;
	box-sizing: border-box;
}
.newsletter_block .single-blog-image {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.newsletter_block .single-blog-image img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}
.newsletter_block .signle-blog-details {
	float: left;
	width: 100%;
	height: auto;
	padding-top: 20px;
	box-sizing: border-box;
}
.newsletter_block .signle-blog-details p {
	color: #202124;
	font-family: "Source Sans Pro";
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
}
.newsletter_block .hr_line {
	clear: both;
	float: left;
	margin: 20px 0;
	width: 100%;
	height: 2px;
	background: #000000;
	box-sizing: border-box;
}
/*end newsletter page*/


/*start footer*/
.footer.section {
	clear: both;
    background: #000;
    min-height: 95px;
    margin-top: 2px;
    padding-top: 50px;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.footer.section .footer-logo-area {
	float: left;
	width: 100%;
	max-width: 400px;
	height: auto;
	max-height: 80px;
	display: block;
}
.footer.section .footer-logo {
	float: left;
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
.newsletter, .newsletter:focus{
    background: #000;
    border: 1px solid;
    outline: 0px;
    box-shadow: none;
}
.social-icon{
	margin-top: 20px;
	padding: 0px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}
.social-icon li {
	float: left;
    padding: 0px 20px;
    display: inline-block;
}
.social-icon li a {
	outline: 0px;
	margin: 0 auto;
	width: 25px;
    height: 25px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.social-icon li a img {
	margin: 0 auto;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
}
.menu-one ul, .menu-two ul{
	list-style: none;
	color: #fff;
}
.menu-one ul li, .menu-two ul li {
	float: left;
	width: 100%;
	display: block;
	padding: 2px 0px;
	box-sizing: border-box;
}
.menu-one ul li a, .menu-two ul li a{
	float: left;
	width: 100%;
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	font-family: "Source Sans Pro";
}
.menu-one ul li a:hover, .menu-two ul li a:hover{
	text-decoration: none;
	color: #fff;
}
/*end footer*/