@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'proximanova-light';
    src: url('/assets/fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('/assets/fonts/proximanova-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'proximanova-medium';
    src: url('/assets/fonts/proximanova-medium-webfont.woff2') format('woff2'),
         url('/assets/fonts/proximanova-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body {
	box-sizing:border-box;
	height:100%;
	margin:0;
	padding:0;
}

*, *:before, *:after {
	box-sizing: inherit;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background: #fff;
	color: #000;
	font-family: 'proximanova-light';
	font-size: 17px;
	line-height: 1.65;
	overflow-x: hidden;
}


/*  ANCHOR TAGS  */

a:hover, a:active, a:focus {
	color: #777;
	text-decoration: none;
}

a:visited {
	color:#00529c;

}
a:link {
	color: #00529c;
	text-decoration: none;
}
.content a {
    color: #5e9732;
}

/*  BASICS  */

p {
    margin: 0 0 1.5em 0;
    line-height: 1.65;
    text-align: justify;
}

p.icon-title {   margin: 0 0em 1.5em 6em;
    line-height: 1.65;
    text-align: justify;}
    
p.title {
	font-weight:700;
	line-height:1.1;
	margin:0;
}

h1, #hero p.h2 {
	color: #00529c;
	font-family: franklin-gothic-urw, sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	margin-bottom:.5em;
}

#hero p.h2 {
	color:#4b4b4b;
	font-family: franklin-gothic-urw, sans-serif;
	line-height:0.9;
	margin:0.25em 0 0.5em;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-bottom: 10px;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight:600;

}

h1, .h1 {
	color: #00529c!important;
    font-size: 2.5rem;
	padding-bottom: .5em;
}

h2, .h2 {
	color: #5e9732!important;
    font-size: 2rem;
	}
	
h2 a {
    color: #5e9732!important;
}	

h3, .h3 {
	color: #000;
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
    color: #939393!important;
    text-transform: uppercase;
}

h5, .h5 {
    font-size: 1rem;
    color: #5e9732!important;
    font-weight: 500;
}

h6, .h6 {
    font-size: 1rem;
    color: #00529c!important;
    font-weight: 500;
}

form, iframe {
	border:0 none;
	display:block;
	padding-top:0;
}

label {
	font-weight: 700;
	font-family: franklin-gothic-urw;
}

/*  LISTS  */

ul, ol, li {
	margin:0;
	padding:0;
}

ul, ol {
	position:relative;
}

ul {
	list-style-type: none;
	margin: 0  1em 1.5em 2em
}

.content li, .content-middle li {
	margin-bottom: .5em;
}

.content-middle ul li:last-child, .content-middle ol li:last-child, .content li:last-child {
    margin-bottom: 0;
}

/* Background Colors */

.clr-ltblue {
	color:#54bceb;
}

.clr-bg-ltblue {
	background-color:#54bceb;
}

.clr-bg-vlb {
	background-color:#b9e0f7;
}

.clr-green {
	color:#5e9732;
}

.clr-bg-green {
	background-color:#5e9732;
}

.clr-orange {
	color:#f47b20;
} 

.clr-bg-orange {
	background-color:#f47b20;
}

.clr-yellow {
	color:#d9c826;
}

.clr-bg-yellow {
	background-color:#d9c826;
}

.clr-wpt {
	color:#00529c !important;
}

.clr-bg-wpt {
	background-color:#00529c !important;
}

.clr-285 {
	color:#007DC3;
} 

.clr-bg-285 {
	background-color:#007DC3;
}

.clr-white {
	color:#fff !important;
}

.clr-bg-white {
	background-color:#fff;
}

.clr-ltg {
	color:#dadada;
}

.clr-bg-ltg {
	background-color:#dadada;
}

.clr-bg-vlg {
	background-color:#e3e3e3;
}

.clr-mdg {
	color:#949ca1;
} /* 430C */

.clr-bg-mdg {
	background-color:#949ca1;
}

.clr-dkg {
	color:#596885;
} /* FPO */

.clr-bg-dkg {
	background-color:#596885;
}

.clr-br-dkg {
	border:1px solid #596885;
}

.clr-bg-grey {
	box-shadow:inset 1px -20px 130px 14px rgba(185, 224, 247, 0.32);
	background: rgba(255, 255, 255, 0.1);
	padding: 0 1em;
}

.clr-ld, .clr-ltblue {
	color:#54bceb;
} /* light-blue 2915C */

.clr-bg-ld, .clr-bg-ltblue {
	background-color:#54bceb;
}

.clr-bg-vlb {
	background-color:#b9e0f7;
} /* very light-blue 290C */

.clr-hhp, .clr-green {
	color:#5e9732;
} /* green 370C */

.clr-bg-hhp, .clr-bg-green {
	background-color:#5e9732;
}

.clr-hd, .clr-orange {
	color:#f47b20;
} /* orange 166C */

.clr-bg-hd, .clr-bg-orange {
	background-color:#f47b20;
}

.clr-md, .clr-yellow {
	color:#d9c826;
} /* yellow 611C */

.clr-bg-md, .clr-bg-yellow {
	background-color:#d9c826;
}

.clr-wpt {
	color:#00529c !important;
} /* dark-blue */

.clr-bg-wpt {
	background-color:#00529c !important;
}

.clr-white {
	color:#fff !important;
}

.clr-bg-white {
	background-color:#fff;
}

.clr-ltg {
	color:#dadada;
}

.clr-bg-ltg {
	background-color:#dadada;
}

.clr-bg-vlg {
	background-color:#f2f2f2;
}

.clr-mdg {
	color:#949ca1;
}
/* 430C */
.clr-bg-mdg {
	background-color:#949ca1;
}

.clr-dkg {
	color:#888;
}

.clr-bg-dkg {
	background-color:#888;
}

.clr-bg-vdg {
	background-color:#222;
}

.clr-br-dkg {
	border:1px solid #888;
}

.clr-wcp {
	color:#73C167;
}

.clr-wpt-ld, .clr-285 {
	color:#007DC3;
} 

.clr-bg-wpt-ld, .clr-bg-285 {
	background-color:#007DC3;
}

.clr-bg-cng {
	background-color:#417a9b;
}

.clr-red, .clr-186 {
	color:#cc092f !important;
}

.clr-bg {
	background-color:#e3e3e3;
}
/* Animation Delays */

.wait300ms {
	animation-delay: 300ms;
}

.wait600ms {
	animation-delay: 600ms;
}

.wait900ms {
	animation-delay: 900ms;
}

.wait1200ms {
	animation-delay: 1200ms;
}

/*  LAYOUT  */

.container {
/* set this to widen bootstrap container*/
	max-width:1220px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #00529c;
}

/* Containers */

.contentr {
    border-right:1px solid #ddd;    
    padding-right: 0;
}

.container-news {
	border-bottom: 1px solid #ddd;
	margin-bottom: 2.5em;
	padding-bottom: 2.5em;
	padding-right: 2em;
}

.container-news h1 {
    padding-bottom: 0;
    padding-top: .5em;
}

a.indicate.ft-7 {
    color:ta00529c;
}

.container-tags {
	font-size:0.8em;
	overflow:hidden;
	padding:20px 0 0;
	position:relative;
	text-align:center;
}


#container-contact .container-cell {
	max-width: 20em;
	padding-right: 40px;
}

.container-cell {
	display: table-cell;
}

.container-table {
	display: table;
	width: 100%;
}
/* Text sizes & format */

.text-xsmall {
	font-size:70%;
}

.text-smaller {
	font-size:75%;
}

.text-small {
	font-size:90%;
}

.text-large {
	font-size:110%;
}

.text-xlarge {
	font-size:125%;
}


/* Quick Modifiers */

.bg-trans {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKhJREFUeNrs0UENAAAIxLALwf8ft9ggpJOwdpKJzlQWABEQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAQEiIAICRECACMj3VgABBgBHcwFkd1AQAQAAAABJRU5ErkJggg==');
	background-repeat:repeat;
}

.bullet {
	color:#ccc;
	font-weight:700;
	margin:0 10px;
}

.bordered {
	border: 1px solid #dadada;
}

.cm {
	margin-left:auto;
	margin-right:auto;
}

.c {
	text-align:center!important;
}

.dib {
	margin:0
}

.error {
	color:#cc0000;
	font-weight:700;
	margin:0;
}

.error-box {
	background-color:#cc0000;
	display:inline-block;
	padding:0.5em;
	text-align:center;
}

.error-box .error {
	color:#fff;
}

.fl {
	float:left !important;
}

.flm {
	float:left !important;
	margin-bottom:1em;
	margin-right:1em;
}

.fr {
	float:right !important;
}

.frm {
	float:right !important;
	margin-left:1em;
	margin-bottom:0.25em;
	padding: 0 1em;
}

.hidden {
	display:none;
}

.l {
	text-align:left !important;
}

.lh1 {
	line-height:1;
}

.margined {
	margin:10px;
}

.mb0{
    margin-bottom:0!important;
}

.mb {
	margin-bottom:1.5em !important;
}

.mb-no-mt {
    margin: 0 0 1.5em 0  !important;
}

.mb2 {
	margin-bottom:2.5em !important;
}

.mb5 {
	margin-bottom:.5em !important;
}

.mb25 {
	margin-bottom:.25em !important;
}
.mr-1{
	margin-right:1em;
}
.mr-2{
	margin-right:2em;
}
.ml-1{
	margin-left:1em;
}
.ml-2{
	margin-left:2em;
}

.mt {
	margin-top:1em !important;
}

.mt2 {
	margin-top:2em !important;
}
.mr {
    margin-right: .5em;
}

.nomargin {
	margin:0 !important;
}

.nmt {
	margin-top:0!important;
}

.oh {
	overflow:hidden;
}

.pad5 {
	padding: 5px;
}

.paddedTable {
	padding:10px;
}

.padded-thumb {
	padding:10px;
}

.plain {
	font-weight:normal;
	text-decoration:none;
}

.wb{
    border:1px solid #FFF;
}

.r {
	text-align:right;
}

.tl {
    text-align:left!important;
}

.white{
    color:#FFF!important;
}

.pt {
    padding-top:2em;
}

.shadowed {
	box-shadow: 0 5px 9px -5px #4B4B4B;
}

.vbase {
	vertical-align:baseline !important;
}

.vmid {
	vertical-align:middle !important;
}

/* Tables */

table {
	line-height:1.7;
	vertical-align:top;
}

th.indent, td.indent {
	padding-left:20px;
}

td.bnone, th.bnone {
	border:0 none !important;
}

td.br2, th.br2 {
	border-right:2px solid #dadada !important;
}

tr.sum td, tr.sum th {
	border-top:2px solid #888;
}

tr.spacer td {
	border:0 none;
	padding:0;
}

tr.total td, tr.total th {
	background-color:#dadada;
	color:#005daa;
	font-size:1.2em;
	font-weight:bold;
	margin-top:10px;
	padding:10px 5px;
}

thead th {
	color:#999; /* 2915C + 40K */
	font-weight:700;
	font-size:1em;
	line-height:1;

	text-align:center;
	vertical-align:bottom;
}

thead td {
	font-size:0.75em;
	text-align:right;
	white-space:normal;
}

td.footer, tfoot td {
	color:#7d929f;
	font-size:0.75em;
	font-style:italic;
	text-align:left;
	white-space:normal;
}

table.c td {
	text-align:center;
}

table.pad5 td, table.pad5 th {
	padding:5px 0 !important;
}

table.padded td, table.padded th {
	padding:10px !important;
}

table.middle td, table.middle th {
	vertical-align:middle !important;
}

table.financial {
	background-color:#fff;
	border:1px solid #ccc;
	font-size:0.9em;
	line-height:1.2;
	margin:1em auto 2em auto;
	text-align: right;
}
table.financial.spec {
	margin:0 auto;
	text-align:center;
}

table.financial caption {
	background-color: #f5f5f5;
	padding: 5px;
	text-align: left;
	font-size: 1.35em;
	text-transform: uppercase;
}

table.financial td, table.financial th {
	border:1px solid #ddd;
	padding:5px;
	vertical-align:bottom;
}

table.financial.spec td p, table.financial.spec th p {
	margin:0;
	white-space:normal;
}

table.financial.spec td {
	vertical-align:top;
}

table.financial th.indent {
	padding-left:20px;
}

table.financial td.bnone {
	border:0 none !important;
}

table.financial tr.sum td, table.financial tr.sum th {
	border-top:2px solid #888;
	font-weight:700;
}

table.financial tr.spacer td {
	border:0 none;
	padding:0;
}

table.financial tr.total td, table.financial tr.total th {
	background-color:#dadada;
	color:#005daa;
	font-size:1.2em;
	font-weight:bold;
	margin-top:10px;
	padding:10px 5px;
}

table.financial tr.heading td, table.financial tr.heading th {
	padding-top:20px;
}

table.financial tr.heading th {
	font-weight:bold;
}

table.financial thead th {
	font-weight:400;
}

table.financial thead td {
	font-size:0.75em;
	font-weight:300;
	text-align:right;
	white-space:normal;
}

table.financial tbody th {
	color:#5e9732;
	font-size:1em;
	font-weight:300;
	text-align:left;
	white-space:normal;
}

table.financial tbody th span {
	font-size:0.75em;
	font-style:italic;
	font-weight:normal;
}

table.financial.spec tbody th {
	font-weight:bold;
	vertical-align:middle;
}

table.financial td.footer, table.financial tfoot td {
	color:#7d929f;
	font-size:0.75em;
	font-style:italic;
	text-align:left;
	white-space:normal;
}

table.financial tbody tr:hover {
	background-color:#eee;
	cursor:pointer;
}

table.financial tfoot ol, table.financial tfoot ul {
	margin-bottom:0;
}

table.financial tfoot li {
	margin:0;
}

table.financial tbody td span {
	float:left;
}

table.spec {
	font-weight: 300;
	text-align: left;
	padding: 1em;
}

table.spec thead th {
	background-position:50% 100%;
	background-repeat:repeat-x;
	border-bottom:0 none;
}

table.spec td, table.spec th {
	border-bottom: 1px solid #ccc;
	padding: 1em;
	vertical-align: middle;
}

table.spec thead th {
	vertical-align:bottom;
}

table.spec td p, table.spec th p {
	margin:0;
	white-space:normal;
}

table.spec tbody th {
	color:#7d929f;
	font-weight:700;
	padding-left:0;
	vertical-align:middle;
}

table.spec tbody th span {
	font-family:'Verdana Condensed', sans-serif;
	font-weight:300;
}

table.spec tbody tr:hover {
	background-color:#b9e0f7;
}

table.spec tfoot ol, table.spec tfoot ul {
	margin-bottom:0;
}

.row-standard {
	padding:0 0 1.25em 0
}

/* specific */

.faq-question {
	color:#999;
	cursor:pointer;
	font-size:1.2em;
	font-weight:700;
	margin:0 0 1em 20px;
	position:relative;
	text-transform:inherit;
}

.faq-question:hover {
	color:#5e9732;
}

.faq-question-mark {
	left:-20px;
	margin:0;
	position:absolute;
}

.faq-answer {
	margin-left:0;
	padding:0;
}

.raquo {
	font-size:1.1em;
	line-height:1;
	margin:0 10px;
}

a.light:link {
	color: #007dc3;
}

a.light:visited {
	color: #54bceb;
} /* 2915C */

a.light:hover, a.light:active, a.light:focus {
	color: #d9c826;
} /* 611C */


a.button, a.button:link, a.button:visited, a.button:focus, form input .button, form input[type="button"], form input[type="submit"] {
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

a.button .icon {
	float:right;
	font-size:1.5em;
	font-weight:700;
	line-height:1;
	margin-left:5px;
}

a.tag, a.tag:link, a.tag:visited {
	background-color:#eee;
	border-radius:.5em;
	color: #4b4b4b;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	margin: 3px;
	padding: 3px 6px;
	position: relative;
	vertical-align: middle;
}

a.tag:hover, a.tag:active, a.tag:focus {
	background-color:#00529c;
	color:#fff;
}

a.white:link, a.white:visited {
	color:#fff!important;
}

a.white:hover, a.white:active, a.white:focus {
	color: #007dc3;
}

a img {
	border:none;
	vertical-align:middle;
}

.content ul:not(#toc-links), .content-middle ul {
	padding-left: 1.2em;
	position: relative;
	margin-left: .5em;
}

.content ul li:before {
	color:#5e9732;
	left: 0;
	position: absolute;
}



.hashline-thin {
	border-top: 4px solid #ddd;
	height: 2px;
	margin: 2.5em 0;
}

.tagBox {
	margin: 0 0 2em 0;
	text-align: right;
	border-right: 1px solid #ccc;
	padding-right: 1em;
}


blockquote {
	margin: 10px 0 1.75em 35px;
	font-size: 115%;
}

blockquote:before {
	content: "\201C";
	font-size: 245px;
	position: absolute;
	left: 0px;
	margin-top: -130px;
	color: #7a7a7a;
	opacity: .3;
}

p.h6 {
	margin: 1.5em 0;
}

@keyframes slidein {
	
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

}


footer.wfsfoot-homepage {
	background-color: #1f497d;
	color:#FFF;
	padding: 2em 0 2em;
	position: relative;
	z-index: 6;
}


footer ul {
	margin:0;
	padding:0;
}

footer ul li {
	list-style-type:none;
}

footer h2 {
	color:#fff!important;
}

footer a {
	color:#ccc!important;
}

span.fa-stack.fa-lg {
	color: #fff;
}


.container-overlay .container-title {
	float: right;
	text-align: right;
}

.container-overlay .container-shadebar {
	float: right;
}

.newsItem {
	width: 100%;
}

.newsItem .button {
	font-size: 0.825em !important;
}

.cycle-pager {
	margin: 0 0 20px  0;
	overflow: hidden;
	z-index: 500;
}

.cycle-pager span {
	color: #ccc;
	cursor: pointer;
	display: inline-block;
	font-family: sans-serif;
	font-size: 60px;
	height: 20px;
	line-height: 20px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	width: 20px;
}

.cycle-pager span:hover {
	color: #007dc3;
}

.cycle-pager span.cycle-pager-active {
	color: #4aa7d0;
}

.cycle-pager > * {
	cursor: pointer;
}


.timePosted {
	font-size: .9em !important;
	font-style: italic;
}

.timePosted > a {
	text-transform: capitalize;
	color:#999;
}

.pipetext {
	border-left: 2px solid #fff;
	margin: 0 0 2em 0;
}

.content ul li:before,  .content-middle ul li:before {
	position: absolute;
	left: 0;
	color: #5e9732;
}

.content ul:not(#toc-links)  > li:before , .content-middle ul > li:before {
	content: "\f105";
	font-size: .7em;
	/* font-weight: 700; */
	line-height: 2.1;
	margin-right: -10px;
	font-family: FontAwesome;
}

#innerTabs ul li:before {
	content:none;
}

ul {
	list-style-type: none;
	margin: 0  1em 1.5em 2em
}

.content ol, .content-middle ol {
	margin: 0 15px;
}


.next {
	right: 1%;
}

.previous {
	left: 1%;
}




.line-top {
	border-top: 1px solid #ccc;
	padding-top: 1em;
	margin-top: 2em;
}

ul.byyear li {
	font-size: 1.1em;
}


.padded2 {
	padding: 1em;
	margin-bottom: 2em;
}

.content-padding {
	padding: 2.25em 0;
}

.grey{
	background: #f5f5f5;
}

p.summary {
	color: #777;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #eee;
}

.bullet-file {
	color: #ccc;
	font-weight: 700;
	margin: 0 5px 0 0;
}

.menu {
	padding: 0;
}

.currentQuarterRight {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 19%, rgba(215,233,255,0) 50%, rgba(150,197,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 19%,rgba(215,233,255,0) 50%,rgba(150,197,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 19%,rgba(215,233,255,0) 50%,rgba(150,197,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#96c5ff',GradientType=1 ); /* IE6-9 */
}

#return-to-top {
	position: fixed;
bottom: 80px;
	right: 20px;
	background: #5e9732;
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:9999;
}

#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#return-to-top:hover {
	background: #000;
}

#return-to-top:hover i {
	color: #fff;
	top: 8px;
}

.clr-bg {
	background-color: #e3e3e3;
}

ul.byyear > li > a.active, 
ul.byyear > li > a.active.self, 
ul.byyear > li > a:hover {

	color:#000;
}

#tagList {
	margin-bottom: 3em;
}
.taglist {
	/* border: 1px solid #ccc; */
	padding: .25em 1em 1em;
	background: #f5f5f5;
}
.me a {
	border-right: 0!important;
}

/* Letter from the CEO styles */

#ceoLetterHeader {
	background:#f3f3f3;
	background-size: cover;
	padding: 2em 8em 1em 2em;
	margin: 0 0 2em 0;
	overflow:hidden;
	transition: background 2s;
}

#ceoLetterHeader h3 {
	font-size: 2.5em;
	font-style: italic;
	max-width: 590px;
}

#ceoLetterHeader h4 {
	font-size: 2em;
	color:#00529c;
}


.nm { 
	margin-top:0;
	margin-bottom:1em;
}

.homepageSlide {
    margin-bottom: 1.5em;
    font-size: 1.25em;
    margin-left: 0;
}

.footerColumnTitle {
	color:#5e9732!important;
}

.pr {
	padding-right:.5em
}

.fixed { 
	position: fixed;
}

.tabicon {
	margin-right:1em; 
	width:120px
}

.columntitlemargin {
	margin-top:0;
}


.tr {
	text-align:right
}

.wfsfoot-homepage h3 {
	color:#fff
}

.bottom-border {
	border-bottom:1px solid #ccc;
	padding-bottom:.5em!important; 
	margin-bottom:.5em!important
}

.sbt {border-top: 1px solid #ddd}
.sbt2 {border-top: 2px solid #ccc}
.sbb {border-bottom: 1px solid #ddd;}
.sbb2 {border-bottom: 2px solid #ccc;}
.sbl {border-left: 1px solid #ddd;}
.sbr {border-right: 1px solid #ddd;}
.dbt {
	border-top: 4px double #bbb;
}

.dbb {
	border-bottom: 4px double #bbb;
}
.pl {padding-left:2em!important;}

.fi1 {width:110px;}
.fi2 {width:140px;}
.fi3 {width:115px;}
.fi4 {width:80px;}
.fi5 {width:170px;}
.fi6 {width:50px;}
.fi7 {width:60px;}

/* Breadth of Reach Homepage Styles */

ul.breadth-of-reach {
	text-align: center;
	padding: .5em 0 3em;
}

ul.breadth-of-reach li {
	color: #555;
	display: inline-block;
	margin-right: 3em;
	font-size: 1.1em;
	font-weight: 100;
	vertical-align: top;
}

ul.breadth-of-reach li:last-child {
	margin-right:0!important;
}

.breadth-of-reach img {
	margin-bottom: 8px;
}

.breadth h2 {
	margin-top: 0;
}
ul.byyear li {
	margin-bottom: .8em;
	float: left;
	margin-right: .5em;
	list-style-type: none;
}

h3.tagline {
	margin: 0;
	text-transform: capitalize;
}

.newsItem p {
	text-align: left;
	color: #555;
}

div#stock-prices div {
	margin-left: 0;
	padding-left: 15px;
}

.photo-pad {
    margin: 0 2em 1em 0
}

.address {
	font-size: 96%;
}

ul.breadth-of-reach li {
	overflow: hidden;
	position: relative;
}

ul.breadth-of-reach li img.box {
	animation-name: moveToLeft;
	animation-duration: 5s;
	background-color: red;
	height:100px;
	left:calc(0% - 100px);
	position:absolute;
	width:100px;
}

@keyframes moveToLeft {
	0% {left:calc(100% + 100px);}
	100% {left:calc(0% - 100px);}
}

p.text-large {
	margin: 0 0 1.5em;
}

.container-news h3 {
    text-transform: capitalize;
}

.container-news h2 {
	margin-bottom: 0.5em!important;
	text-transform:capitalize;
}

#rightcolumn table.financial {
	border: 1px solid #ccc;
}

.sisea-paging {
	padding: 1em;
	background: #f5f5f5;
}


.innerBox {
	border: 1px solid #ccc;
}

.greybg {
	background: #e1e8ed; border: 0; color: #999;
}
.gybg {background: #f8f9fa;}
.content ul > li, .content-middle ul > li {
	padding-bottom:0;
	text-indent: inherit;
}

.stock-right {
    background: #ffffff;
    padding: 1.25em 1em .5em 1em;
    border: 1px solid #ccc;
}
.pb {
	padding-bottom: 2.5em;
}

.bio {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.5em;
	margin-bottom: 1em;
	display: block;
}

#rightcolumn ul {
	margin: 0!important;
}

ul.byyear {
	margin: 0;
}

b, strong {
    font-family: franklin-gothic-urw;
    font-weight:700;
}
a {
   outline: 0;
}
.p0
{padding:0!important;}

.pr0 {
	padding-right: 0;
}


#leftmenu nav ul ul {
	margin-left: -5px;
}
#ceoLetterHeader h1 {color: black;font-family: oswald;font-size: 2.9em;font-style: italic;}
.homepageSlide p {
    text-align: left;
}

.tag-lg {
  background: #5e9732;
  border-radius: 10px 0 0 10px;
  color: #fff;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding: 0 41px 0 25px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}


.tag-lg::after {
  background: #fff;
  border-bottom: 28px solid transparent;
  border-left: 27px solid #5e9732;
  border-top: 27px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag-lg:hover {
	background-color: #5e9732;
	color: white;
}

.tag-lg:hover::after {
	border-left-color: #5e9732; 
}
.fullbg {
	background-image: url(../images/wfs-forest-road-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #FFF;
	height: 450px;
}

.speech-bubble {
	position: relative;
	background: #5e9732;
	border-radius: .4em;
	color: #fff;
	font-size: 1.5em;
	padding: 1em;
	margin-bottom:1em
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 51px solid transparent;
	border-top-color: #5e9732;
	border-bottom: 0;
	border-left: 0;
	margin-left: -30px;
	margin-bottom: -39px;
}

.subhead {
  initial-letter: 2;
}

img.iso-image {
	opacity: .3;
}

.table {
	border: 1px solid #f0f0f0;
	border-collapse: collapse;
	margin:2em 0;
}

.table tr {
	border-bottom: 1px solid #f0f0f0;
}

.table thead tr {
	border-bottom: 2px solid #f0f0f0;
}

.table td,
.table th {
	padding: .5em;
}

.table th {
	text-align: left;
}

.parallax-hero {
    min-height: 400px;
}

.sticky-wrapper {height:auto!important}
.container-news:first-child {margin-top:2em;}
.container-news:last-child {border-bottom:0;}
.content ol, .content-middle ol {
	padding: 0 0 1.5em .5em;
	text-align:justify;
}

ul.dot4:last-child {
    margin-bottom: 0;
}

p.mb:last-child {
    margin-bottom: 0!important;
}

.content a, .content-middle a{
    color: #5e9732;
}
.content a:hover,
.content-middle a:hover{
    color: #ccc;
}

.blink a {
    color: #555;
    margin-bottom: .5em;
    display: block;
    font-size: 90%;
}

.blink a:hover {
	color:#ccc
}

.nmb {
    margin-bottom:0!important;
}

blockquote.quotable {
	display: block;
	border-width: 2px 0;
	border-style: solid;
	border-color: #eee;
	padding: 1.5em 0 1em;
	margin: 2em 0 1.5em 0;
	position: relative;
	font-size: 1.5em;
	font-family:Serif;
	background:#FFF;
	text-align:center;
}

blockquote.quotable:before {
	content: '\201C';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 2rem;
	color: #666;
	text-align: center;
}

blockquote.quotable:after {
	content: "\2013 \2003" attr(cite);
	display: block;
	text-align: right;
	font-size: 16px;
	color: #ccc;
	padding-top: 1em;
	font-family: sans-serif;}

.page-title {
	border-bottom:1px solid #ccc; 
	padding-bottom:1em; 
	margin-bottom:1em;
}

div#left-navigation {
    padding-bottom: 1.5em;
}


/* navbar styles*/

.sticky.is-sticky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
}

.navbar-inverse {
	background: none;
	border: none;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}

.navbar-inverse .navbar-nav > li > a.has-submenu.highlighted {
	background:#5e9732;
	transition:all .5s;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #333;
}

.navbar-inverse .navbar-toggle {
	border-color: #FFFFFF;
}

.navbar-toggle {
	position: relative;
	float: right;
	margin-top: 12px;
	margin-right: 0; 
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 2px solid transparent;
	border-radius: 4px;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
	top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
	top: 2px;
}

.navbar-toggle .icon-bar {
	position: relative;
	transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	top: 6px;
	transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	top: -6px;
	transform: rotate(-45deg);
}

div#navbar {
	overflow-y: scroll;
}

.navbar-default {
	background-position: right;
	background:url();
	border:0;
	z-index: 999;
}

.navbar-default .navbar-nav >.active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
	color: #555;
}

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

nav.navbar.navbar-default.navbar-fixed-top.smaller .navbar-nav>li>a {
	color: #fff;
}

.navbar {
	margin:0;
	padding:0;
}

.navbar.smaller {
	background: #00529c none repeat scroll 0 0;
	padding: 0;
}

.navbar.smaller.navbar-fixed-top {
	border-radius: 0;
}

ul.nav.navbar-nav.sm-collapsible a {
	color: #fff!important;
}
ul.nav.navbar-nav.sm-collapsible a:hover {
	color: #000!important;
}
ul.nav.navbar-nav.sm-collapsible {
	background: black;
	margin-bottom: 1.5em;
}

.navbar-header {
	height:60px;
}
	
.navbar-collapse.collapse {
	transition: height 0.2s;
}

.navbar-collapse.collapsing {
	height: 0 !important;
}

.navbar-collapse.collapse.in {
	max-height: none;
	height: 100vh!important;
}

.navbar-default .navbar-collapse, 
.navbar-default .navbar-form, 
.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form {
	border:0;
}
#logos-bottom li:last-child {
	padding-right: 0;
}

#logos-bottom li {
	display: inline-block;
	vertical-align: middle;
	padding-right:25px;
	line-height: 66px;
}

ul#logos-bottom {
	margin:0;
}

ul.cd-hero-slider {
	margin: 0;
}

.hero {
	position: relative;
	background: #d5f3ff;
	color: white;
	height: 550px;
	display: flex;
	align-items: center;
	background-position: top 0 left 0;
	background-repeat: no-repeat;
}

/*  MEDIA QUERIES */

@media only screen and (min-width: 1200px) {

	ul.breadth-of-reach li {
		margin-right:6em!important;
	}
	
}

@media (max-width: 1199px) {
	.hero {
		background-position:top 0 left -220px;
		transition: background 500ms
	}
	#left-navigation {
		transition: transform 500ms ease;
	}

	.navbar .navbar-nav > li > a.has-submenu.highlighted {
		background:#ccc;
		transition:all .5s;
		color:#000
	}

	#socialTop {
		display:none;
		transition: height 0.3s, transform 0.3s, opacity 0.3s
	}

	div#left-navigation {
		padding-bottom: 0;
	}

}

@media (max-width: 1169px) {

	#logos-bottom li {
		padding-right: 7px;
	}

	.tagBox {
		margin: 2em 0;
		text-align: left;
		border-left: 1px solid #ccc;
		padding-left: 1em;
		border-right: 0;
	}

	.navbar.smaller {
		padding: 0;
		transition: all .5s ease;
	}
	
	#reduced {
	  padding-bottom: 2em!important;
	}
	
}

@media (max-width: 1236px) {

	.flexcenter {
		padding-left: 3em;
	}

}


@media only screen and (max-width: 1007px) {

	.bod-stretch {
		width:100%;
	}

	.hashline-thin {
		margin-left: inherit;
		width: inherit;
	}

}

@media (max-width:1165px) {

	h4.front-tagline {
		font-size:2em;
	}

}


@media (max-width:990px) {

	.breadth-of-reach li {
		margin-right:3em
	}
	
	.hero 	{
		background-position: top 0 left -520px;
		transition: background 500ms;
	}
	.breadth-of-reach li:first-child {
		display: none;
	}
	#covertext {
		bottom:auto!important;
		margin:0!important;
		height:100%;
		transition: 500ms all;
	}
	.bot_align {
    position: relative;
    bottom: 0;
}
}

@media screen and (max-width:991px) {

    /* Styles for Sustainability Report Tables*/
    .ovrview:before {
        content: "Overview: ";
        font-weight: bold;
    }

    .ungoals:before {
        content: "UN Sustainable Development Goals Alignment: ";
        font-weight: bold;
    }	

    .company:before {
        content: "Company: ";
        font-weight: bold;
    }

    .genderm:before {
        content: "Gender Male: ";
        font-weight: bold;
    }

    .genderf:before {
        content: "Gender Female: ";
        font-weight: bold;
    }

    .gendermgmtm:before {
        content: "Male Management: ";
        font-weight: bold;

    }

    .gendermgmtf:before {
        content: "Female Management: ";
        font-weight: bold;
    }

    .headcount:before {
        content: "Headcount: ";
        font-weight: bold;
    }

    .stakeholder:before {
        content: "Stakeholder: ";
        font-weight: bold;
    }

    .engagementmech:before {
        content: "Engagement Mechanism: ";
        font-weight: bold;
    }

    .outcome-of-vote:before {
        content: "Outcome of Vote: ";
        font-weight: bold;
    }

    .percentage-for:before {
        content: "Percentage of Votes For: ";
        font-weight: bold;
    }

    .percentage-against:before {
        content: "Percentage of Votes Withheld/Against: ";
        font-weight: bold;
    }
            
    .stakeholderexp:before {
        content: "Stakeholder Expectations: ";
        font-weight: bold;
    }

    td.company, td.tdtitle {
        font-size: 1.15em;
        font-weight: bold;
        color: #00529c;
        background:#f5f5f5;
    }

    .table {
        margin: 2em auto;
        width: 100%;
        border-spacing: 0;
    }

    .table thead {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    .table tbody,
    .table tr,
    .table th,
    .table td {
        display: block;
        padding: 0;
        text-align: left;
        white-space: normal;
    }

    .table tr td,
    .table tr th {
        padding: 2em 1em;
        vertical-align: middle;
        overflow: hidden;
        position: relative;
        vertical-align: top;
        border: 1px solid #EDF0F1;
        border-top: none;
        width: 100%;
        white-space: normal;
    }

    .table th[scope="row"] {
        width: 100%;
        text-align: center;
        display: block;
        background-color: #B3BFC6;
        margin: 0 auto;
        padding: .5em 0;
    }

    .table td[data-header]:before {
        content: attr(data-header);
        display: block;
        float: left;
        width: 50%;
        color: #000000;
        font-weight: bold;
        text-align: left;
    }

    .table td[data-header]>* {
        display: block;
        width: 50%;
        float: right;
        clear: right;
        padding-left: 1em;
        margin-top: 0;
    }

    .table td[data-header]:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        border-right: 1px solid #EDF0F1;
        padding-bottom: 200%;
        display: block;
    }
}


@media (max-width:905px) {

    #ceoLetterHeader h3 {
        font-size: 1.9em!important;
    }

}

@media (min-width: 768px) {

    .tabs i {
        padding: 5px;
        margin-right: 10px;
    }

    .tabs label span {
        display: inline-block;
    }


}
@media (max-width: 768px){

	.cd-hero-slider p {
		font-size: 1.35em;
		line-height: 1.4;
	}

}

@media only screen and (max-width: 767px) {

	.scrolling {
		position: relative!important;
		top: 0!important;
	}

	#floatmenu ul li {
		/*float: none!important;*/
	}

	li.last {
		margin-bottom: 0;
	}

	.speech-bubble:after {
		margin-left: 40px!important;
	}	

	.fullbg {
		height:230px!important;
	}

	h3 {
	font-size: 1.25em;
	}

	#floatmenu a {
		border-right:0!important;
	}

	.hashline-thin {
		margin-left: 0;
		width:100%;
	}

	.qcontent .qbox {
		float: left;
		margin: 1%;
		width: 100%;
	}

	.sbr {
		border-right:0!important;
	}

	.content-wrapper {
		padding-bottom: 1.5em;
	}

	.contentr {
		border-right:0; 
		padding-right: 10px;
	}

	.slideTabsliderTab h2 {
		font-size: 20px;
	}

	.slideTabsliderTab > div {
		padding: 0 2%
	}

	.control label {
		font-size: 35px;
	}

	.slideTabsliderTab.button {
		padding: 0 15px;
	}

	.logo {
		float: left;
		padding:0;
		position:absolute;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}

	div#left-navigation {
		padding-bottom: 0!important;
	}

	.control label {
		font-size: 35px;
	}

	.slider .button {
		padding: 0 15px;
	}

}

@media (min-width: 768px) {

	.tabs i {
		padding: 5px;
		margin-right: 10px;
	}

	.tabs label span {
		display: inline-block;
	}

}

@media only screen and (max-width: 42em) {
	

	header {
		display:none
	}

	.card {
		margin: 5px 5px 2em;
	}

	#footer {
		display:none;
	}

	#footer-mobile {
		display:block;
	}


}

@media screen and (max-width: 600px) {
	.center {
		width: 100%;
	}
}
@media screen and (min-width: 990px) {
	.tabs {
		margin: 0 auto;
	}

}
@media (min-width:436px) and (max-width: 768px){

	#ceoLetterHeader {
		background: #FFFFFF;
		height: auto;
		background-size: cover;
		padding: 0;
		transition: background 2s;
		margin-left:0;
	}

	#ceoLetterHeader h3 {
		font-size: 2.5em;
		font-style: italic;
	}

	#ceoLetterHeader h4 {
		font-size:1.8em;
	}

}

@media (max-width: 480px) {

	ul.breadth-of-reach li {
		display: inline-block;
		margin: .5em 1em;
		font-size: 0.9em;
		font-weight: 100;
		color: #000;
	}

	.tabs label {
		display: block;
		float: left;
		width: 33.3333%;
		color: #ccc;
		font-weight: normal;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		border-bottom: 2px solid #ccc;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media (max-width: 435px) {
	
	#ceoLetterHeader {
		background: #FFFFFF;
		height: auto;
		background-size: cover;
		padding: 0 0 2em 0;
		margin: 0;
		transition: background 2s;
	}

	#ceoLetterHeader h3 {
		font-size: 2.5em;
		font-style: italic;
	}

	#ceoLetterHeader h4 {
		font-size: 1.2em;
	}

}

:root,
	[data-theme="default"] {
	--color-contrast-low: hsl(240, 1%, 83%);
	--color-contrast-low-h: 240;
	--color-contrast-low-s: 1%;
	--color-contrast-low-l: 83%;
}

.text-divider {
	margin: 2em auto;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family:proximanova-medium;
	}

.text-divider span {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	white-space: normal;
	padding: 0 0.75em;
	}

.text-divider::before,
.text-divider::after {
	content: '';
	display: inline-block;
	height: 1px;
	width: 20px;
	-ms-flex-positive: 1;
	flex-grow: 1;
	background: hsl(240, 1%, 83%);
	background: var(--color-contrast-low);
	vertical-align: middle
}

.text-component .text-divider {
	margin: 1.25em auto;
	margin: calc(var(--space-md)*var(--text-vspace-multiplier)) auto
}

.leftq {
	margin-top: 10px;
	margin-bottom: 30px;
	width: 300px;
	float: left;
	margin-right: 30px;
	background: #f5f5f5;
	margin-left: -6em;
	padding: 1em;
}

.upp {
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: .5px;
}
span.h2 {
    color: #5e9732!important;
    margin: 0;
    display: block;
    margin-top: .5em;
    text-transform: capitalize;
}
.mt-no-mb {
    margin-top: 1em !important;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}
.navbar-default .navbar-nav > li > a {
    color: #555;
}
.bluebg {background:#00529c;}
.dropdown-toggle.active-dropdown::after {
    transform: rotate(-90deg);
}
div#cti a {
	margin-bottom: 12px;
	display: inline-block;
	line-height: 130%;
}

.mt-title {
	padding-top: 70px;
}

.mt-title-2em {
	padding-top: 2em;
}

.webp .mt-title, .mt-title-2em  {
	background: url(https://wfsinc.com/images/sustainability-report-bg-1.webp);
}
.no-webp .mt-title, .mt-title-2em  {
	background: url(https://wfsinc.com/images/sustainability-report-bg-1.jpg);
}

.mt-title  h1, .mt-title-2em  h1{
	color:#FFF!important;
}

div#navbarNavDropdown {
    justify-content: space-between;
}
#topmenu  ul#socialTop li:last-child {
    padding-right: 0!important;
}
#topmenu  ul#socialTop li {
	padding-right: .75em;
}
ul#socialTop {
	    margin-right: 0!important;
}


ul.m-auto.nav.navbar-nav > li > a, ul.ml-auto.nav.navbar-nav > li > a {
    font-family: franklin-gothic-urw, sans-serif;
        font-weight: 500;
}
a.dropdown-item {
    font-family: proximanova-light!important;
}
ul .first a {
    font-family: proximanova-light!important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

    padding-right: 21px;
    padding-left: 21px;
}
a.navbar-brand {
    padding: 1em 0;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.btn-default {
    background: #f5f5f5;
}
ul.byyear li:hover {background:#f2f2f2}
.ui-button {

    text-align: left!important; 

}
.qbox.qbox-Annual {
    width: 100%;
}
h2.sbt {
    padding-top: .5em;
}
.btn-primary {
    color: #fff;
    background-color: #444;
    border-color: #000;
}
.btn-primary:hover {
    color: #fff;
    background-color: #5e9732!important;
    border-color: #304b1c;
}
.btn-secondary {
    color: #fff;
    background-color: #00529c;
    border-color: #6c757d;
}
.sustain .dropdown-menu > ul {
    display: none;
}
table.financial.tl td, table.financial.tl th {
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: top;
    border-right: 0;
    border-left: 0;
}
table.financial.tl thead th {
    font-weight: 500;
    background: #f1faff;
    font-family: franklin-gothic-urw;
    text-align:left!important;
}
div#logos-bottom a {
    padding-right: 2.5em;
}
table.financial.tl {
    border: 0;
}

.medgreybg
{background:#f5f8fa;}
.greenbg{background:#f4fff7;}
em.footnote {
    font-size: 75%;
}

.padded {
	padding:.5em ;
}
.hide {
	display:none!important;
}

@media (max-width: 475px) {
	
	
		footer .col-sm-7.tr {
		    text-align: center;
		}
		footer.wfsfoot-homepage {
			font-size: 94%;
			text-align: center;
		}
		
}

div#header2-i::before {
    content: '';
    position: absolute;
    background: white;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 100px;
    clip-path: polygon(260% 0, 0 100%, 100% 100%);
}


.sticky-content {
  width: 100%;
}

.sticky-content .sticky-heading {
  width: 100%;
  height: 45px;
  position: sticky;
  top: 0;
background: #ffffffde;
z-index: 999;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;}

.btn-next {
    width: 49px;
    height: 49px;
    bottom: 25%;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 50px;
    z-index: 9;
    border-radius: 50%;
    -webkit-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}
div#container-contact {
    margin: 0 -21px;
}

/* SORT */

.no-webp .container1 {display:none;}
.container1 a{
    color: #FFFFFF!important;
}
	#mw-content {
		box-shadow:none;
		height:100%;
		margin:0;
		max-width:none;
		overflow:hidden;
		position:relative;
		width:100%;
	}

	#topbar {
		top:0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		transition: transform 500ms ease;
	}

	.leftmenu .colright {
		left:0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		transition: transform 500ms ease;
	}

	.openNav .leftmenu .colright {
		-webkit-transform: translate3d(14em, 0, 0);
		transform: translate3d(14em, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		transition: transform 500ms ease;
	}
.container1 {
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin: 10vmin; */
  overflow: hidden;
  transform: skew(5deg);
  max-height:350px;
  margin-bottom:1em;
}
.container1 .card {
  flex: 1;
  transition: all 1s ease-in-out;
  height: 350px;
  position: relative;
}
.container1 .card .card__head {
  color: #f8f9fa;
  background: #00529c9c;
  padding: 0.5em;
  transform: rotate(-90deg);
  transform-origin: 0% 0%;
  transition: all 0.5s ease-in-out;
  min-width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1em;
  white-space: nowrap;
}
.container1 .card:hover {
  flex-grow: 10;
}
.container1 .card:hover img, .container1 .card:hover picture img {
  filter: grayscale(0);
}
.container1 .card:hover .card__head, .container1 .card:hover picture .card__head {
  text-align: center;
  top: calc(100% - 2em);
  color: white;
  background: rgba(0, 0, 0, 0.5);
  font-size: 2em;
  transform: rotate(0deg) skew(-5deg);
}
.container1 .card img,.container1 .card picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s ease-in-out;
  filter: grayscale(100%);
}
.container1 .card:not(:nth-child(5)) {
  margin-right: 1em;
}
#mw-content {
	margin: 140px auto 0 auto;
	max-width:1220px;
	overflow:hidden;
	position:relative;
	width:100%;
}

.colmask {
	clear:both;
	float:left;
	overflow:hidden;
	position:relative;
	width:100%;
}

.leftmenu {
	height:100%;
}

#buttonMenu {
	left:7px;
	padding:0.25em 1em;
	position:absolute;
}

#topbar img {
	height:24px;
	vertical-align:middle;
}


#footer {
	border-top:1px solid #7d929f;
	border-top-color:rgba(125, 146, 159, 0.3);
	overflow:hidden;
	width:100%;
}

#footer div.divider {
	border-bottom:1px solid #7d929f;
	border-bottom-color:rgba(125, 146, 159, 0.3);
	padding:0.5em;
}

#footer-mobile {
	border-top:1px solid #7d929f;
	border-top-color:rgba(125, 146, 159, 0.3);
	display:none;
	overflow:hidden;
	position:relative;
}

#footer p, #footer-mobile p {
	font-size:70%;
	padding:0.5em;
}


.sprite {
	background-image:url(images/ui-sprites-social-wfs.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
	height:20px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	text-decoration:none;
	vertical-align:baseline;
	width:25px;
}

a.sprite:hover, a.sprite:active {
	background-color:#b9e0f7;
}

a.sprite-twitter {
	background-position:0 0;
}

a.sprite-youtube {
	background-position:-26px 0;
	width:45px;
}

a.sprite-rss {
	background-position:-75px 0;
}

a.sprite-facebook {
	background-position:-104px 0;
	width:15px;
}

a.sprite-blog {
	background-position:-125px 0;
}

a.sprite-linkedin {
	background-position:-150px 0;
}
/*  MENUS  */

div.logo a {
	cursor:pointer;
	display:block;
	line-height:1;
	margin:0;
	padding:0;
	width:auto;
}

.menu {
	line-height: 1.2;

}

.menu a {
	display:block;
	text-decoration:none;
}

.menu ul {
	left:0;
	list-style: outside none none;
	margin:0;
}

#leftmenu {
	margin-bottom:0;
	top:120px;
}


#leftmenu > h4 > a {
	padding: 0!important;
}

#leftmenu a:hover .fa, #leftmenu a:active .fa {
	color:#007dc3;
}

#leftmenu a:focus {
	text-decoration:underline dotted;
}

#leftmenu .level1 > a {
	font-size:1.1em;
}

#leftmenu a .fa {
	color:#fff;
	margin-left:-1.53571em;
}

#leftmenu .active > a .fa {
	color:#4d4d4d;
}

#leftmenu li.active.self > a {
	color: #00529c;
    font-family: franklin-gothic-urw, sans-serif!important;
    font-weight: 600;
    text-transform: uppercase;
}

#leftmenu li.active.self > a:hover {
}

#leftmenu li.level2 > a, #leftmenu li.level3 > a {
	font-size:.9em
}

#leftmenu > li.active.self > a {
	background: rgba(134, 131, 131, 0.07);
}

#left-navigation > ul > li > ul > li.last.active.self, #left-navigation > ul > li > ul > li.first.active.self, #left-navigation > ul > li > ul > li.active.self, #left-navigation > ul > li > ul > li.last.active.self:hover {
	padding-left: 25px!important;
}

 #left-navigation > ul > li > ul > li.first.active.self > a:hover, #left-navigation >  ul > li > ul > li.active.self > a:hover  { 
	margin-left: -15px!important;
}

.byyear li.first.active.self,  .byyear li.active.self {
	border: 0!important;
}

#leftmenu .level1.active ul {
	border-left-color:rgba(227, 227, 227, 0.75);
}

#leftmenu .level1.active ul li {
	background-color:#f5f5f5;
	border-top-color:rgba(227, 227, 227, 0.75);
}

#leftmenu .level1.active ul li {
	margin-left: 1em;
}

.miniCrumbs {
	color:#949ca1;
	line-height:1;
	margin:0.5em 0 1em;
	text-transform:uppercase;
}

.miniCrumb:after {
	color:#b9e0f7;
	content:'»';
	font-weight:700;
	margin:0 3px;
}

.miniCrumb:last-child:after {
	content:'';
	margin:0;
}

.paging {
	background-color:#7d929f;
	padding:5px;
}

.paging ul.pageList li {
	border: 0 none;
}

/*  HERO IMAGES  */

#hero {
	margin-bottom:1em;
	overflow:hidden;
	position:relative;
}

#hero .image, #hero .text {
	overflow:hidden;
	position:relative;
}

#hero .image {
	height:450px;
}

#hero .container-title {
	padding:1em 1em 3em;
}

#hero .container-overlay {
	padding:1em;
	position:absolute;
	top:0;
	width:100%;
}

#hero .container-overlay .container-title {
	padding:0 1em;
	width:80%;
}

#hero .container-overlay h1 {
	border-left:0;
	color:#fff;
	margin-bottom:.25em;
	padding:0;
	text-align:right;
}

#hero .container-overlay .container-description {
	color:#fff;
	font-size:1.5em;
	line-height:1.2;
	position:relative;
	text-transform:uppercase;
}

#hero .text .container-table {
	width:100%;
}

#hero .text .container-cell {
	vertical-align:middle;
}

#hero .text .container-title {
	padding-right:50px;
}

#hero .shadow-bottom {
	position:absolute;
}

#logo-print {
	display:none;
}

#hero .container-shadebar {
	display:table;
	max-width:80%;
}

#hero .shadebar-left {
	display:table-cell;
}

#hero .shadebar-centre {
	display:table-cell;
}

#hero .shadebar-right {
	display:table-cell;
}

.menu a:link {
	color: #444;
	display: block;
	text-decoration: none;
	padding:.25em 0;
}

.menu h2 a {
    color: #5e9732;
}

#right-column ul > li > a {
	list-style-type:none;
}

#leftmenu ul > li > ul > li:before {
	font-size: .7em;
	line-height: 2.1;
	font-family: FontAwesome;
	position: absolute;
	padding: 5px 0 0 0;
	left: 1em;
}

#leftmenu nav ul li ul li {
	padding-left: 1em;
}
#leftmenu a {
	cursor:pointer;
	display:block;
	margin:0;
	padding:7px 6px 7px 0;
	width:auto;
}

#leftmenu ul > li > ul > li > a{
	padding-left:0;
}

#leftmenu ul > li > ul > li > a:hover, #right-column ul > li > a:hover {
	color:#000;
}

#right-column ul > li:before {
	font-size: .7em;
	line-height: 2.1;
	font-family: FontAwesome;
	position: absolute;
	padding: 2px 0 0 0;
	left: .5em;
}

/* Card Styles */

.card {
	background-color:#fff;
	box-shadow:0 5px 10px -5px #4b4b4b;
	margin-bottom:2em;
	margin-left:5px;
	margin-right:1em;
	margin-top:0;
}

.card.card-dialog {
	display:table;
}

.card-header {
	background-color:#007DC3;
	color:#fff;
	padding:0.5em;
}

.card-header h2 {
	color:#fff;
	font-family:'Century Gothic', sans-serif;
	font-size:1.25em;
	font-weight:700;
	line-height:1;
	margin:0;
	position:relative;
}

.card-header h2 span {
	left:0;
	position:absolute;
}

.card-header h3 {
	color:#fff;
	font-size:1em;
	margin:0;
}

.card-body {
	border:1px solid #ebebe8;
	padding:1em;
}

.card-body.card-table {
	padding:0;
}

.card-body.card-table table {
	border:0 none;
	width:100%;
}

.card-body.card-table table td {
	border-bottom:1px solid #7d929f;
	border-bottom-color:rgba(125, 146, 159, 0.3);
	font-size:80%;
}

.card-body ul {
	left:0;
	list-style: none outside none;
	margin:0;
}

.card-body li {
	border-bottom:1px solid #7d929f;
	border-bottom-color:rgba(125, 146, 159, 0.3);
	margin:0;
	padding:0;
}

.card-body li:last-child {
	border-bottom:0 none;
}

.card-body li a {
	display:block;
	margin:0;
	padding:5px 10px;
	width:auto;
}

.menutop ul li {
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
}

li.level3.active.self {
	border-left: 2px solid #ccc;
}

li.level3.active.self a {
	background: #fff;
}

.level1 .active a.parent {
	background: #b9e0f7;
}

.leftmenu ul ul {
	padding-bottom: .5em;
}

#leftmenu > li.level1.active > a.parent {
	background: #b9e0f7;
}

#leftmenu li.level2.active a.parent {
	background: #d7ebf7!important;
	color: #000;
}

#leftmenu li.level1.active > a {
	color: #000000;
	background: #b9e0f7;
}

.home-content {
	margin:  2em auto;
	max-width: 1220px;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding:0 1em;
}

.splash-container {
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 110px;
	top: 0;
	left: 0;
	background-size:cover!important;
}

.content-wrapper {
	width: 100%;
	z-index: 2;
padding-top:140px;}

#cr-content {
	margin: 3em auto 0 auto;
	max-width: 1220px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.step1 ul, .step2 ul {
	display:none;
}

a.taglight, a.taglight:link, a.taglight:visited {
	background-color:transparent;
	padding:0 0.2em;
}

a.taglight:hover, a.taglight:active, a.taglight:focus, a.taglight.activeSlide {
	background-color:#a3d869;
}

a.unfold, a.unfold:link, a.unfold:visited {
	background-color:#dadada;
	clear:both;
	color:#555;
	cursor:pointer;
	display:block;
	font-size:0.75em;
	font-weight:bold;
	margin-top:0.5em;
	padding:0.25em 0.5em;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:auto;
}

a.unfold:hover, a.unfold:active {
	background-color:#a3d869;
	color:#fff;
}
div.logo a {
	background-color: #ffffff;
}

.heading.date {
	font-size: 1em;
}

.heading {
	font-weight: 400;
	font-size: .85em;
	line-height: 1.2;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-style: italic;
}

section {
	padding: 60px 0;
}

section h1 {
	font-weight: 700;
	margin-bottom: 10px;
}

.taglineHead {
	color: #fff;
	font-size: 5em;
	font-weight:300;
	font-family: oswald;
	line-height: 100%;
	margin-left: .5em;
	text-shadow: 1px 2px 3px #000;
}

section p {
	margin-bottom: 30px;
}

section p:last-child {
	margin-bottom: 0;
}

section.color {
	background-color: #f4f4f4;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

header.smaller #logo {
	width: 150px;
	height: 75px;
	line-height: 55px;
	font-size: 55px;
	margin: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

header.smaller img {
	margin-top:0;
	width:130px;
	transition: width .5s, height 1s, transform 1s;
}

header.smaller nav a {
	transition: all 0.3s;
}
/* Slider */

.level1.active.self > a, .level2.active.self > a {
	background: #d7ebf7 none repeat scroll 0 0;
}

a.indicate.ft-7. a.indicate.ft-8 {
	font-size: 1.2em;
}


.logo {
	float:left;
	padding:0 2.25em 10px 0;
}

.logo.smaller {
	padding-top: .75em;
}

.flexbottom {
	display: flex;
	align-items: flex-end;
}

.flexcenter {
	display: flex;
	align-items: center;
}

.menutop ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.menutop ul a {
	display:block;
	color: #fff;
	text-decoration:none;
	padding:0 15px;
}

.menutop ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.menutop ul li.current-menu-item {
	background:#ddd
}

.menutop ul li:hover {
	background:#000;
	color:#fff
}

.menutop ul ul li:hover {
	background:#4b4b4b;
	color:#fff
}

.menutop ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background: #000;
	padding:0;
}

.menutop ul ul li {
	float:none;
	width:200px
}

.menutop ul ul a {
	line-height:120%;
	padding:10px 15px
}

.menutop ul ul ul {
	top:0;
	left:100%
}

.menutop ul li:hover > ul {
	display:block
}

.contentfull {
	margin: 0 1em;
}

.wfshead {
	min-width: 1024px;
	position: relative;
	top: 0;
}

.wfshead::after {
	clear: both;
	content: "​";
	display: block;
	height: 0;
	visibility: hidden;
}

footer.wfsfoot {
	background-color: #1f497d;
	color:#FFF;
	padding: 10px 0 40px;
	position: relative;
	z-index: 6;
	margin-top:2em;
}
/* slideTabsliderwrapper*/
/* slideTabsliderTabwrapper*/

.logobottom {
	width: 150px;
	float: left;
	margin: 0 3em 9em;
	opacity:.4
}

.step3 a:hover {
	background:#000
}

#leftmenu ul > li > ul > li.active > a {
	color: #000;
}

.contentSpacing {
	margin:2em 0 0
}

.logo img {
    width: 170px;
height:60px;
}

.logo.smaller img {
	width: 130px;
	transition: width .2s, height .2s, transform .2s;
}


.darker a {
	color:#00529c!important
}

footer .heading {
	color:#bed9e8
}

footer .heading.date {
	font-size: 1em;
	color:#bed9e8;
}



.twitterImg {
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2);
	float: left;
	margin: 0 1em 0 0;
	max-width: 50px;
}
.slideTab-css-slideTabsliderTab-wrapper {
	display: block;
	background: #FFF;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/* slideTabsliderTab*/

.slideTabsliderTab {
	width: 100%;
	height: 100%;
	background: red;
	position: absolute;
	left: 0;
	top: 40px;
	opacity: 1;
	z-index: 0;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	align-content: center;
	-webkit-transition: -webkit-transform 1600ms;
	transition: -webkit-transform 1600ms, transform 1600ms;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* each slide backgound color */ 

.slideTab1 {
	background: #00bcd7;
	left: 0;
}

.slideTab2 {
	background: #009788;
	left: 100%
}

.slideTabsliderTab > div {
	text-align: center;
}

/* slideTabsliderTabinner slide effect */

.slideTabsliderTab h2 {
	color: #FFF;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 45px;
	line-height: 120%;
	opacity: 0;
	-webkit-transform: translateX(500px);
	transform: translateX(500px);
}

.slideTabsliderTab.button {
	color: #FFF;
	padding: 5px 30px;
	background: rgba(255,255,255,0.3);
	text-decoration: none;
	opacity: 0;
	font-size: 15px;
	line-height: 30px;
	display: inline-block;
	-webkit-transform: translateX(-500px);
	transform: translateX(-500px);
}

.slideTabsliderTab h2, .slideTabsliderTab.button {
	-webkit-transition: opacity 800ms, -webkit-transform 800ms;
	transition: transform 800ms, opacity 800ms;
	-webkit-transition-delay: 1s; /* Safari */
	transition-delay: 1s;
}

.foot-text {
	border-left: 3px solid #ccc;
	color: #fff;
	margin-left: 1em;
}

/* Next and Preive arrow */

.control {
	width: 50px;

	z-index: 55;
}

.control label {
	z-index: 0;
	display: none;
	text-align: center;
	line-height: 50px;
	font-size: 50px;
	color: #FFF;
	cursor: pointer;
	opacity: 0.2;
}

.control label:hover {
	opacity: 0.5;
}
/* slideTabsliderTabPagger */ 

.slideTabsliderTab-pagination {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 1000;
}

.slideTabsliderTab-pagination label {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background: rgba(255,255,255,0.2);
	margin: 0 2px;
	border: solid 1px rgba(255,255,255,0.4);
	cursor: pointer;
}

/* slideTabsliderTabPagger arrow event */

.slideTab-radio1:checked ~ .next .numb2, .slideTab-radio2:checked ~ .next .numb3, .slideTab-radio2:checked ~ .previous .numb1, .slideTab-radio3:checked ~ .previous .numb2, {
	display: block;
	z-index: 1
}

/* slideTabsliderTabPagger event */

.slideTab-radio1:checked ~ .slideTabsliderTab-pagination .page1, .slideTab-radio2:checked ~ .slideTabsliderTab-pagination .page2 {
	background: rgba(255,255,255,1)
}

/* slideTabsliderTabslide effect */

.slideTab-radio1:checked ~ .slideTabsliderTab {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

.slideTab-radio2:checked ~ .slideTabsliderTab {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.slideTab-radio3:checked ~ .slideTabsliderTab {
	-webkit-transform: translateX(-200%);
	transform: translateX(-200%);
}

.slideTab-radio4:checked ~ .slideTabsliderTab {
	-webkit-transform: translateX(-300%);
	transform: translateX(-300%);
}

.slideTab-radio1:checked ~ .slideTab1 h2, .slideTab-radio2:checked ~ .slideTab2 h2, .slideTab-radio1:checked ~ .slideTab1 .button, .slideTab-radio2:checked ~ .slideTab2 .button {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.shadow-bottom {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAAGXRFW…pijI6OnsFARcACxIepbeBlahv4kJoGMv7//5+a5jEABBgA2rMHLDjYHHgAAAAASUVORK5CYII=);
	background-position: 50% 0;
	background-repeat: repeat-x;
	clear: both;
	height: 5px;
	width: 100%;
}

ul.brandwrap.list-inline.center-block.text-center img {
	width: 60px;
}

.brandwrapper {
	text-align: center;
	margin:2em 0;
}

ul.brandwrap li {
	float:left;
	list-style-type:none;
	margin:0 .5em;
}

ul.brandwrapper {
	width:100%;
}

.brandwrapper img {
	vertical-align: middle;
	width:45px;
}

#stocks h2 {
	margin: 0!important;
}

#stocks {
	 line-height:1.2;
	 padding:.5em 0 0 .3em;
}

footer.wfsfoot  {
	line-height: 1.5;
}
#topNavBar ul li.step1.active.self {
	border: 0!important;
}

.menu.menuLined.menuNav {
border-right: 1px solid #ccc;
overflow: hidden;
}

.mbbutton {margin-bottom:1em;text-align:center}

a.first.active {
	padding-left: 0!important;
}



#leftmenu h2 a {
	padding-top: 0;
}

#footer-logo {
	width:155px;
	padding-bottom: 1.35em;
}

/* Tabs on homepage */



.tabs:after {
	content: '';
	display: table;
	clear: both;
}

.tabs input[type=radio] {
    display:none;
}

.tabs label {
	display: block;
	float: left;
	width: 33.3333%;
	color: #ccc;
	/*font-size: 1.5em;*/
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	/* line-height: 2; */
	cursor: pointer;
	/* box-shadow: inset 0 4px #ccc; */
	-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
	transition: all 0.5s;
	margin-top: 0;
	margin-bottom: 9px;
}

.tabs label i {
	padding: 5px;
	margin-right: 0;
}

.tabs label:hover {
	color: #1f497d;
	box-shadow: 0;
	border-bottom: 2px solid #1f497d;
}

.tab-content {
	display: none;
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.tab-content * {
	-webkit-animation: scale 0.7s ease-in-out;
	-moz-animation: scale 0.7s ease-in-out;
	animation: scale 0.7s ease-in-out;
}

@keyframes scale {

0% {
	transform: scale(0.9);
	opacity: 0;
}

50% {
	transform: scale(1.01);
	opacity: 0.5;
}

100% {
	transform: scale(1);
	opacity: 1;
}

}

.tabs [id^="tab"]:checked + label {
	/* background: rgba(245, 245, 245, 0.66); */
	box-shadow: inset 0 1 #1f497d;
	border-bottom: 4px solid #5e9732;
	color: #5e9732;
	/* border-top: 0!important; */
}

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
	display: block;
}


#stock-prices h3 {
	font-size:1.4em;
	padding-top:.25em;
	padding-bottom:.25em;
	margin-bottom:0;
}

.flat-blockquote {
	color: #252525;
	background: #FFE66B;
	text-align: justify;
    border-left: 12px solid #EF911C;
	position: relative;
	max-width: 500px;
	width: 100%;
	padding: 40px 60px 30px 70px;
	margin: 0;
}

.flat-blockquote:before {
	font-size: 220%;
	display:block;
	position: absolute;
}

.word {
	width: 100%;
	margin-right: 0;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border-top: 1px solid rgba(0,0,0,0.4);
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));
	-webkit-mask-box-image: -webkit-gradient(linear,left top,right top,color-stop(0.0,rgba(0,0,0,0)),color-stop(0.5,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,0)));
}

.shadowtop {
	width: 100%;
	margin-right: 0;
	height: 15px;
	position: absolute;
	border-top: 1px solid rgba(0,0,0,0.4);
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));
	-webkit-mask-box-image: -webkit-gradient(linear,left top,right top,color-stop(0.0,rgba(0,0,0,0)),color-stop(0.5,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,0)));
}

ul.cd-hero-slider, ul.breadth-of-reach {
	margin: 0;
}

ul.dot4 {
	padding-top: .75em;
}


li.step1.active.self {
	background: none;
}

.col-md-2.col-md-pull-10 {
	padding-right: 0;
}

.logo.smaller {
	animation-name: moveToLeft;
	margin-right: 3em;
	padding: 0 1.25em 0 0;
}

p.quarter-foot {
	background: #00529c;
	font-size: 90%;
	border-bottom: 1px solid #dadada;
	border-width: 1px;
	padding-left: 1em;
	color: #fff;
}

.col-sm-12.col-md-10.col-md-push-2.content-middle.sbl {
	padding-bottom: 1.5em;
}

li.step1.active.self {
	background: none!important;
}
#left-navigation ul > li > ul > li.active:first-child {
}



#leftmenu nav ul li ul li {

    font-size: 95%;
}
.hero::before {
	content: '';
	position: absolute;
	background: white;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 100px;
	clip-path: polygon(260% 0, 0 100%, 100% 100%);
}
	
	#colpad .col-sm-4.col-md-4:first-child {
		padding-top: 0;
	}
	div#left-navigation {
	    padding-right: 2em;
	}
	#colpad .col-sm-4.col-md-4 {
		padding-top: 2.5em;
		text-align:left;
	}
	#leftmenu nav ul li {
	    margin-left: 0!important;
	}
	
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     div#header2-i::before,.hero::before{height:0!important}
}


@media (max-width: 1300px){
.hero {
    background-position: top 0 left -250px!important;
    transition: background 500ms;
}}
@media (max-width: 1092px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0!important;
    padding-left: .5rem;
}}
@media (max-width: 1200px){
.hero {
    background-position: top 0 left -320px!important;
    transition: background 500ms;
}}
@media (max-width: 1000px){
.hero {
    background-position: top 0 left -620px!important;
    transition: background 500ms;
}}

@media (max-width: 776px){
.hero {
    background-position: top 0 left -1200px!important;
    transition: background 500ms;
    height: 350px;
}
	.hero::before {
    clip-path: none!important;
    background: none!important;
}
}
.mt0 {margin-top:0!important}
.webp #get-engaged {background: url('/images/sustainability-report-bg-1.webp');}
.no-webp #get-engaged {background: url('/images/sustainability-report-bg-1.jpg');}
.webp #bendy-road {background: url('/images/bg/bendy-road.webp'); height: 300px;}
.no-webp #bendy-road {background: url('/images/bendy-road.jpg'); height: 300px;}
.webp #ESG2020BG {background: url('/images/bg/wfs-sus2020-hero.jpg'); height: 650px;}
.no-webp #ESG2020BG {background: url('/images/bg/wfs-sus2020-hero.jpg'); height: 650px;}
.webp #ESG2020BG2 {background: url('/images/bg/wfs-sus2020-hero-2.jpg'); height: 650px;}
.no-webp #ESG2020BG2 {background: url('/images/bg/wfs-sus2020-hero-2.jpg'); height: 650px;}
.webp #ESG2020BG3 {background: url('/images/bg/wfs-sus2020-hero-3.jpg'); height: 650px;}
.no-webp #ESG2020BG3 {background: url('/images/bg/wfs-sus2020-hero-3.jpg'); height: 650px;}
.webp #ESG2020BG4 {background: url('/images/bg/wfs-sus2020-hero-4.jpg'); height: 650px;}
.no-webp #ESG2020BG4 {background: url('/images/bg/wfs-sus2020-hero-4.jpg'); height: 650px;}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.6);
}


.ico {
  margin: 0 auto;
  text-align: center;
  width: 100px;
  height: 100px;
  position: relative;
  top: 100%;
  transform: translateY(-50%);
  filter: url("#goo");
}
.ico .circle {
  background: #def6ff;
  border-radius: 50%;
  display: inline-block;
  height: 100px;
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: 0%;
}
.ico .circle.circle-top {
  height: 33.3333333333px;
  width: 41.6666666667px;
  -webkit-animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  z-index: 0;
  top: 0;
}
.ico .circle.circle-bottom {
  height: 33.3333333333px;
  width: 41.6666666667px;
  -webkit-animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  z-index: 9;
  bottom: 0px;
}
.ico .st-arrow {
  fill: #7fa9cd;
  -webkit-animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
          animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
  perspective: 9000px;
  transform: translateZ(0);
  transform-origin: bottom;
}

.svg {
  z-index: 9;
  position: relative;
}

@-webkit-keyframes blob-1-anim {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  14% {
    transform: translateX(-50%) translateY(-8px);
  }
  24% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes blob-1-anim {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  14% {
    transform: translateX(-50%) translateY(-8px);
  }
  24% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
@-webkit-keyframes blob-2-anim {
  0% {
    transform: scale(1) translate(-50%, 10px);
  }
  30% {
    transform: scale(1) translate(-50%, 10px);
  }
  70% {
    transform: scale(1) translate(-50%, 10px);
  }
  95% {
    transform: scale(1) translate(-50%, 26px);
  }
  100% {
    transform: scale(1) translate(-50%, 10px);
  }
}
@keyframes blob-2-anim {
  0% {
    transform: scale(1) translate(-50%, 10px);
  }
  30% {
    transform: scale(1) translate(-50%, 10px);
  }
  70% {
    transform: scale(1) translate(-50%, 10px);
  }
  95% {
    transform: scale(1) translate(-50%, 26px);
  }
  100% {
    transform: scale(1) translate(-50%, 10px);
  }
}
@-webkit-keyframes scrolly {
  0% {
    transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
  }
  30% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  70% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  95% {
    transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
  }
  100% {
    transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
  }
}

@keyframes scrolly {
	0% {
		transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
	}
	30% {
	transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
	}
	70% {
	transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
	}
	95% {
	transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
	}
	100% {
	transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
	}
}

.buttondl {
	border-radius: 24px;
	border: 1px solid #000;
	padding: 7px 15px;
	font-size: 1.5em;
}

.box {
	width: 500px;
	text-align: center;
}

.button {
	font-size: 1em;
	padding: 10px;
	border: 2px solid #06D85F;
	border-radius: 20px/50px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
}

.button:hover {
	background: #06D85F;
}

.overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	position: absolute
}

.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 70px auto;
	padding: 20px 40px;
	background: #fff;
	width: 90%;
	position: relative;
	border: 3px solid #000;
	transition: all 4s ease-in-out;
	z-index:999;
	height: 800px;
	scroll-behavior: auto;
}

.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}

.popup .close {
	transition: all 200ms;
	color: #333;
}

.popup .close:hover {
	color: #06D85F;
}


@media screen and (max-width: 700px) {
	
	.box {
		width: 70%;
	}
	.popup {
		width: 70%;
	}
	
}

.button2dl {
	border-radius: 24px;
	border: 1px solid #fff!important;
	padding: 7px 15px;
	font-size: 1.5em;
	color: #FFF!important;
	bottom: 61px;
	position: absolute;
}

#bottom-read .card-body:hover {
	transition: 250ms all;
	background: #000000b3;
	border:4px solid #FFF;
	padding: 1.5em;
}

.header-gy-bg {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeaea+50,000000+100&0.65+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(234,234,234,0.65) 0%, rgba(234,234,234,0.33) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(234,234,234,0.65) 0%,rgba(234,234,234,0.33) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(234,234,234,0.65) 0%,rgba(234,234,234,0.33) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6eaeaea', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.bg-asset-logo {
	background: url(/images/bg-fslogoright4.png) no-repeat top right;
	background-size:cover;
}

.esg-carbreduction-box {
	border-radius: 1em;
	border: 1px solid #00529c;
	padding: 0 1em;
	font-size: 95%;
}

.esg-carbreduction-box h2 {    
	border-bottom: 1px solid #00529c;
	padding-bottom: .35em;
	color: #00529c!important;
	margin-bottom: .5em;
	padding: .35em 0;
}

#reduced {
	padding-left: 4.5em;
	padding-bottom: 1em;
	background: url(/images/fuel-icon.png) no-repeat;
	color: #000;
}

#removed {
	padding-left: 4.5em;
	padding-bottom: 1em;
	background: url(/images/car-icon.png) no-repeat;
	color: #000;
}

.text-divider h1 {
	padding-bottom: 0;
	margin-bottom:0;
}

.modal1 {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
.alignbot {
    position: absolute;
    bottom: 0;
    left: 40%;
}
.pt05 {padding-top:.5em;}
.bot_align{
    position: absolute;
    bottom: 0;
}
@property --num {
  syntax: "<integer>";
  initial-value: 30;
  inherits: false;
}

div.percent30 {
    animation: counter 5s 1 alternate ease-in-out;
    counter-reset: num var(--num);
    font: 800 103px system-ui;
    padding: 0 2rem;
    margin-top: -30px;
}
div.percent30::before {
  content: counter(num);
}

@keyframes counter {
  from {
    --num: 0;
  }
  to {
    --num: 30;
  }
}

@media (max-width:990px) {


	.bot_align {
    position: relative;
    bottom: 0;
}
}
.bggrey-05 {background: #cccccc45;}
.fs-25{font-size: 2.5em;}
.esg-1 {width: 100%;background: url(/images/esg-thumb1.jpg);border: 0;padding:2em;height: 450px;background-size: cover;}
.esg-2 {width: 100%;background: url(/images/esg-thumb2.jpg);border: 0;padding:2em;height: 450px;background-size: cover;}
.esg-3 {width: 100%;background: url(/images/esg-thumb3.jpg);border: 0;padding:2em;height: 450px;background-size: cover;}
.border-chart {
	border: 1px solid #ccc;
	padding: 0 1em .5em .5em;
}
.jumbo-esg-button {font-size: 2.5em; font-family: 'franklin-gothic-urw'; font-weight: 500;}
.FullEmail {display:none!important;}