/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Colors
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Layouts
# Clearings
# Widgets
# Content
    ## Posts and pages
		### Home
		### CEO Letter
		### Brands
		### Vision
		### Core Values
		### Corporate Information
	## Asides
	## Search
	## Comments
	## Header
	## Footer
	## Modals
# Infinite scroll
# Media
	## Captions
	## Galleries
# Media Queries

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

/* White */
#masthead a,
#masthead { color: #fff;}
{ background: #fff; }

/* Black */
{ color: #000;}
{ background: #000; }

/* Mid Blue */
.lineBackground h2,
.lineBackground h3,
#masthead .navWrap a,
.largeBrandsWrap .brand h2,
#secondaryBrands h2,
.blueColor,
.mainHeadings,
.corporate-information a,
figure h4 { color: #5087c7;}
{ background: #5087c7;}

/* Gray */
body,
.corporate-information a:hover { color: #696969;}
{ background: #696969; }

/*  */
{ color: ;}
{ background: ; }

/*  */
{ color: ;}
{ background: ; }

/*  */
{ color: ;}
{ background: ; }

/*  */
{ color: ;}
{ background: ; }

/*  */
{ color: ;}
{ background: ; }


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 400;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 400;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.9;
	font-weight:300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height:1.2;
	font-weight:400;
}

figure h4 {
	margin-bottom:5px;	
}

figure h5 {
	margin-top:5px;	
}

#financialConent h3 {
	text-transform:none;	
}

.sectionHeader h2 {
	font-size:70px;
	margin:10px 0;	
	letter-spacing:-1.5px;
}

.sectionHeader h3 {
	margin:10px 0;	
}

.lineBackground h2 {
	font-size: 48px;
	margin-bottom:20px;	
	letter-spacing:-1px;
}

.lineBackground h3 {
	text-transform:uppercase;	
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
.italic,
i {
	font-style: normal;
}

blockquote {
	margin: 0 0em;
}

cite {
	display:block;	
	margin-top:15px;
}

cite span {
	display:block;	
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

body {
	font-family: 'Roboto Slab', serif;	
}

.bold {
	font-weight:400;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

.browserupgrade{
	position:fixed;
	bottom:0;
	left:0;
	z-index:9999;
	width:100%;
	background:#fff;
	margin:0;
	padding:20px;
	text-align:center;	
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0em;
	padding-left:20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li {
	margin: 15px 0;	
}

.noBullets li {
	margin:0;	
}

#content ul:not(.noBullets) li {
	position:relative;	
	list-style:none !important;
}

#content ul:not(.noBullets) li:before {
	content:'';
	display:inline-block;
	width:5px;
	height:5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left:-15px;
	margin-right:10px;
	background:#5087c7;
	vertical-align:middle;
}

.noBullets {
	margin-left:0;
	padding-left:0;
	list-style:none !important;	
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 400;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	text-decoration:none;
	-webkit-transition:color .2s ease-in-out, background .2s ease-in-out, opacity .2s ease-in-out;
	transition:color .2s ease-in-out, background .2s ease-in-out, opacity .2s ease-in-out;
}

.blockLink {
	display:inline-block;
	padding:8px 12px;	
	margin-top:5px;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#site-navigation {
	position:absolute;
	padding:20px 20px;
	width:100%;	
	-webkit-transition:.2s ease-in-out padding;
	transition:.2s ease-in-out padding;
}

.scrolledHeader #site-navigation {
	padding:5px 20px;	
}

#masthead nav > div:first-child {
	position:relative;
	z-index:999;	
	display:inline-block;
}

#site-navigation > div:first-child a {
	font-size:30px;	
	margin-right:5px;
	width: 30px;
    height: 26px;
    position: relative;
}

.navToggle {
	margin-right:10px !important;
	display:inline-block;	
}

.navToggle i {
	position:absolute;
	top:0;
	left:0;
	line-height:1;	
}

.navWrap {
	position:absolute;
	left:0;
	top:-10px;
	width:100%;
	padding:30px 40px 30px;
	-ms-transform:translate(0, -100%);
	-webkit-transform:translate(0, -100%);
	-moz-transform:translate(0, -100%);
	transform:translate(0, -100%);
	-webkit-transition:.2s ease-in-out transform, .2s ease-in-out top;
	transition:.2s ease-in-out transform, .2s ease-in-out top;
	z-index:998;
	text-align:center;
	background:#fff;
	overflow-y:auto;
	max-height:calc(100vh - 89px);
	-webkit-box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 3px 14px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 3px 14px 0px rgba(0, 0, 0, 0.4);
}

.scrolledHeader .navWrap {
	max-height:calc(100vh - 59px);	
}

.navWrap ul {
	list-style:none;
	padding:0;
	margin:0;	
}

.navWrap li {
	display:block;
	margin-bottom:15px;	
	font-size:19px;
}

.toggled .navWrap {
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	transform:translate(0, 0);	
	top:89px;
}

.scrolledHeader .toggled .navWrap  {
	top:59px;	
}

#masthead.navToggled,
.corporate-information #masthead {
	background:url(../img/header-background-blue.png);
	background-size:cover;	
}

.mobileOnly {
	display:none;	
}


/* ----- SIDE NAVIGATION ------- */
#floatingNav {
	padding:0;
	margin:0;
	position:fixed;
	top:50%;
	right:5px;
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	transform:translate(0,-50%);
	z-index:999;
	display:none;
}	

#floatingNav li {
	padding:7px 20px;	
	list-style:none;
	line-height:1;
	margin:0;
}

#floatingNav li a {
	width:5px;
	height:5px;
	display:block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
	position:relative;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	background:rgba(200,200,200,.8);
}

#floatingNav li a.current,
#floatingNav li a:hover {
	background:rgba(42,50,127,.8);
}

#floatingNav li a span {
	display:none;
}	

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 400;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.textAlignCenter {
	text-align:center;	
}


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
html,
body,
#page,
#masthead,
#content,
#primary,
#main,
.row {
	width:100%;	
}

#content {
	overflow-x:hidden;
}

.container {
	padding:20px;	
	width:1200px;
	max-width:100%;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
}

.columnWrap {
	margin-left:-15px;
	margin-right:-15px;	
}

.columnWrap > div,
.columnWrap > aside,
.columnWrap > section,
.columnWrap > article {
	padding-top:0;
	padding-bottom:0;	
}

.flexWrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */ 
	flex-wrap: wrap; 
	position:relative;	
}

.flexStretch {
	-ms-flex-align: stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	-webkit-align-content:stretch;
	align-content:stretch;
}

.flexCenter {
	-ms-box-orient: horizontal;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; 	
	-webkit-align-content:center;
	align-content:center;
}

.flexJustifyCenter { 
	-webkit-justify-content: center; 
	justify-content: center; 	
}

.oneFull,
.oneHalf,
.oneQuarter,
.threeQuarters,
.oneThird,
.twoThirds,
.oneFifth,
.twoFifths,
.threeFifths,
.fourFifths,
.oneSixth,
.fiveSixths {
	padding:15px;
	float:left;	
	position:relative;
	box-sizing:border-box;
}

.oneFull:last-child:after,
.oneHalf:last-child:after,
.oneQuarter:last-child:after,
.threeQuarters:last-child:after,
.oneThird:last-child:after,
.twoThirds:last-child:after,
.oneFifth:last-child:after,
.twoFifths:last-child:after,
.threeFifths:last-child:after,
.fourFifths:last-child:after,
.oneSixth:last-child:after,
.fiveSixths:last-child:after, {
	content: "";
	display:block;
	clear:both;
}

.oneFull {
	width:100%;
}

.oneHalf {
	width:50%;	
}

.oneThird {
	width: 33.33333333%;	
}

.twoThirds {
	width: 66.66666666%;
}

.oneQuarter {
	width:25%;	
}

.threeQuarters {
	width:75%;	
}

.oneFifth {
	width: 20%;	
}

.twoFifths {
	width:40%;	
}

.threeFifths {
	width:60%;	
}

.fourFifths {
	width: 80%;	
}

.oneSixth {
	width: 16.66666666%;	
}

.fiveSixths {
	width: 83.33333333%;	
}

.offset-oneHalf {
	margin-left:50%;	
}

.offset-oneThird {
	margin-left: 33.33333333%;	
}

.offset-twoThirds {
	margin-left: 66.66666666%;
}

.offset-oneQuarter {
	margin-left:25%;	
}

.offset-threeQuarters {
	margin-left:75%;	
}

.offset-oneFifth {
	margin-left: 20%;	
}

.offset-twoFifths {
	margin-left:40%;	
}

.offset-threeFifths {
	margin-left:60%;	
}

.offset-fourFifths {
	margin-left: 80%;	
}

.offset-oneSixth {
	margin-left: 16.66666666%;	
}

.offset-fiveSixths {
	margin-left: 83.33333333%;	
}

.offset-oneEighth {
	margin-left: 12.5%;	
}

.offset-oneTenth {
	margin-left: 10%;	
}

.offset-oneTwelfth {
	margin-left: 8.333333333%;	
}




/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.row:before,
.row:after,
.container:before,
.container:after,
.columnWrap:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.row:after,
.container:after,
.columnWrap:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sectionHeader,
#top {
	min-height:100vh;
	background-position:center;
	background-size:cover;	
	position:relative;
	color: #fff;
}

.sectionHeader {
	padding:100px 0 125px;
}

.sectionHeader .container,
#top .container {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);	
}

.arrowDownLink,
.backToTop {
	position:absolute;
	bottom:30px;
	left:50%;
	text-align:center;
	-ms-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	transform:translate(-50%,0);	
	font-size:14px;
}

.arrowDownLink span,
.backToTop span {
	display:block;
	width:15px;
	height:40px;
	margin:0 auto;
	margin-top:8px;
	position:relative;
	overflow:hidden;
}

.arrowDownLink svg,
.backToTop svg {
	position:absolute;
	top:50%;
	left:0;
	-ms-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
}

svg {
	max-width:100%;	
	height: auto;
}

.sectionHeader .arrowDownLink,
#top .arrowDownLink,
.brand .arrowDownLink,
.visionStrategySection .arrowDownLink {
	color: #fff;	
}

.sectionHeader .arrowDownLink svg path,
#top .arrowDownLink svg path,
.brand .arrowDownLink svg path,
.visionStrategySection .arrowDownLink path {
	fill: #fff;	
}

.arrowDownLink.dark,
.backToTop.dark {
	color: #696969;
}

.arrowDownLink.dark path,
.backToTop.dark {
	fill: #696969;
}

.lineBackground,
.brandsContent {
	position:relative;	
	background:url(../img/background-lines.png); 
	background-repeat:repeat;
}

.lineBackground{
	padding:50px 0 110px;
	background-size:100% auto;
	background-repeat:repeat-y;
}

.lineBackground h3 {
	margin: 40px 0 10px;
}
	
.pageHeaderColorFix {
	position:absolute;
	z-index:-9;
	height:100%;
	display:block;
	width:100%;
	top:0;
	left:0;
}

.pageHeaderBackgroundWrap {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;	
	display:block;
}

.pageHeaderBackgroundWrap * {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;	
	background-size:cover;
}

/*--------------------------------------------------------------
### Home
--------------------------------------------------------------*/
#top h3 {
	font-size:30px;	
	margin-bottom:15px;
}

#top h2 {
	font-size:56px;	
	margin-top:0;
	line-height:1.1;
	font-weight:300;
}

#top h2 sup {
	font-size:40%;
	top:-1em;	
}

#top blockQuote {
	width:53%;	
}



/*--------------------------------------------------------------
### CEO Letter
--------------------------------------------------------------*/
#mission h2 {
	font-size:40px;	
}

.letterSignatureWrap {
	margin-top:50px;	
}

.signature {
	float: left; 
	display:inline-block;
	width:300px;
}

.signature span {
	display:block;	
}

.signature span.title {
	font-size:14px;	
}

.signature span.name {
	text-transform:uppercase;	
}

.signature img {
	height:90px;
	margin-bottom:20px;
}





/*--------------------------------------------------------------
### Brands
--------------------------------------------------------------*/

.brand,
.brandsTop {
	position:relative;	
}

.brandsTop > div {
	float:left;	
}

.largeBrandsWrap .brandsContent {
	width:calc(800px + ((100vw - 1200px) / 2));	
	background-attachment:local;
	padding:50px 30px;
}

.largeBrandsWrap .brandsContent h2 {
	display:inline-block;
	font-size:48px;
	float:left;	
	width:180px;
	margin-top:0;
}

.largeBrandsWrap .brandsContent > div {
	float:right;
	padding:0 0 0 15px;	
	width:calc(100% - 180px);
}

.largeBrandsWrap .brandsContent > div > *:first-child{
	margin-top:0;	
}

.brandsContent.brandsLeft {
	padding-left:calc((100vw - 1200px + 40px) / 2);
}

.brandsContent.brandsRight {
	padding-right:calc((100vw - 1200px + 40px) / 2);
}

.largeBrandsWrap .brandImage {
	width:calc(400px + ((100vw - 1200px) / 2));
	position:absolute;
	height:100%;
	right:0;
	z-index:-1;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.secondaryBrand {
	position:relative;	
}

.brandsBottom img {
	width:100%;	
	display:block;
}

#secondaryBrands .brandsContent {
	padding:75px ;	
}

#secondaryBrands h2,
.mainHeadings {
	font-size:48px;	
	margin:0 0 10px;
}

#secondaryBrands .brandsContent.brandsRight {
	float:right;	
}

#secondaryBrands .brandsRight.brandImage {
	left:50%;	
}

#secondaryBrands .brandImage {
	display:block;
	width:50%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
}

#hSamuel .brandImage {
	background-image:url(../img/brands-hsamuel.jpg);	
}

#peoples .brandImage {
	background-image:url(../img/brands-peoples.jpg);
	background-position:top;	
}

#piercingPagoda .brandImage {
	background-image:url(../img/brands-pagoda.jpg);	
}

#ernestJones .brandImage {
	background-image:url(../img/brands-ernest-jones.jpg);
}	




/*--------------------------------------------------------------
### Vision
--------------------------------------------------------------*/
.backgroundImgText {
	background-size:contain;
	background-position:left center;
	background-repeat:no-repeat;	
	text-indent:-500vw;
	overflow:hidden;
}

.visionStrategySection {
	position:relative;	
	padding-top:50px;
}

.visionStrategySection h3 {
	margin-bottom:20px;	
}

.visionStrategySection h2 {
	margin-top:20px;	
}

.visionStrategySection .container > .clear {
	margin-top:-20px;
}	

.visionStrategySection .container,
#visionStrategyFooter .container {
	width:975px;
	padding-bottom:0;	
}

.visionImages {
	position:relative;
	width:100%;
	margin-top:40px;	
}

.visionImages img {
	display:block;	
}

.visionJewelry {
	position:absolute;
}



/*--------------------------------------------------------------
### Core Values
--------------------------------------------------------------*/

#coreValuesContent h3:first-child {
	font-size:18px;
}

#coreValuesContent h3 {
	font-size:24px;
	text-transform:none;
}

.corporate-information .oneThird h3 {
	margin-top:20px;	
}

.corporate-information address {
	margin-bottom:0;
	font-style:normal;	
}


/*--------------------------------------------------------------
### Corporate Information
--------------------------------------------------------------*/

.corporate-information ul li {
	margin: 20px 0;
}

.corporate-information ul span {
	display:block;	
}

.corporate-information ul h3 {
	margin-top:0;
}

.corporate-information .oneThird h3 {
	margin-top:20px;	
}

.corporate-information h3 {
	text-transform:none;	
}

.officersList li {
	font-weight:400;	
}

.officersList li span {
	font-weight:300;	
}

.corpInfoBottom {
	border:1px solid #5087c7;
	padding:10px 30px;	
}

.corpInfoBottom li {
	margin:8px 0 !important;	
}

#financialConent h2 {
	font-size:43px;	
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

#masthead {
	position:fixed;
	top:0;
	width:100%;
	left:0;	
	z-index:9999;
	border-bottom:1px;
	border-bottom:1px solid #fff;
	-webkit-transition:background .2s ease-in-out;
	transition:background-image .2s ease-in-out;
	line-height:1.5;
	background-size:cover;
}

#masthead.scrolledHeader .container {
	padding: 5px 20px;	
	height:59px;
}

#masthead .container {	
	height:89px;
	-webkit-transition:.2s ease-in-out padding, .2s ease-in-out height;
	transition:.2s ease-in-out padding, .2s ease-in-out height;
}

#masthead .container > ul,
.site-branding,
.siteTagline {
	display:inline-block;
	margin:0;
	vertical-align:top;	
	position:relative;
	z-index:100;
}

#masthead > .container > ul > li {
 	margin:0;
}

.site-branding {
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);	
}

.site-title {
	margin:0;
	line-height:1.2;
}

.site-title a {
	display:block;
	width:146px;
	height:43px;
	background:url(../img/logo-signet-jewelers.svg) no-repeat;
	background-size:contain;
	background-position:center;
	text-indent:-200vw;
	overflow:hidden;	
	-webkit-transition:height .2s ease-in-out;
	transition:height .2s ease-in-out;
}

.scrolledHeader .site-title a {
	height:30px;	
}

.siteTagline {
	position:absolute;
	right:20px;
	top:50%;
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	transform:translate(0,-50%);	 
}

.siteTagline span {
	display:block;	
}

.headerSubLinks {
	display:inline-block; 
	position:absolute;
	left:140px;
	top:50%;
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	transform:translate(0,-50%);	
	margin:0;
	z-index:999;
}

.headerSubLinks li {
	margin:0 !important;	
}

#masthead .headerSubLinks li,
#masthead .siteTagline {
	-webkit-transition:font-size .2s ease-in-out;
	transition:font-size .2s ease-in-out;	
}

#masthead.scrolledHeader .headerSubLinks li,
#masthead.scrolledHeader .siteTagline {
	font-size:14px;	
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/





/*--------------------------------------------------------------
## Modals
--------------------------------------------------------------*/

.modal {
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0 auto;
	position:fixed;	
	z-index:999999;
	display:none;
}

.modal > span {
	width:100%;
	height:100%;	
	z-index:-1;
	display:block;
	background:rgba(0,0,0,.5);
	position:absolute;
}

.modalContent {
	width:90%;
	max-width:700px;
	max-height:90%;
	overflow-y:auto;	
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	padding:30px;
	z-index:99999;
	background: #fff;
}

.modalContent > h2:nth-child(2n) {
	margin-top:0;	
}

.modalClose {
	display:inline-block;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	padding:10px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/


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

#top h3 {
	font-size: 20px;
}

#top h2 {
	margin-bottom:20px;
	font-size:45px;	
}

#top blockquote {
	width:60%;	
}

.container {
	padding-right:50px;
	padding-left:50px;	
}

.brandsContent.brandsLeft {
	padding-left:50px;
	width:66.66666%;	
}

.brandsContent.brandsRight {
	padding-right:50px;
	width:66.666666%;
}

#secondaryBrands .brandsContent {
	width:50%;	
}

}

@media only screen and (max-width : 1024px) {
.laptop-oneFull { width:100% !important; }

.laptop-oneHalf { width:50% !important; }

.laptop-oneThird { width:33.333333% !important; }

.laptop-twoThirds { width:66.66666% !important; }

.laptop-oneQuarter { width:25% !important; }

.laptop-threeQuarters { width:75% !important; }

.laptop-oneFifth { width:20% !important; }

.laptop-twoFifths { width:40% !important; }

.laptop-threeFifths { width:60% !important; }

.laptop-fourFifths { width:80% !important; }

.laptop-oneSixth { width:16.66666% !important; }

.laptop-fiveSixths { width:83.33333% !important; }

.offset-laptop-none {
	margin-left:0 !important;	
}

.offset-laptop-oneHalf {
	margin-left:50% !important;	
}

.offset-laptop-oneThird {
	margin-left: 33.33333333% !important;	
}

.offset-laptop-twoThirds {
	margin-left: 66.66666666% !important;
}

.offset-laptop-oneQuarter {
	margin-left:25% !important;	
}

.offset-laptop-threeQuarters {
	margin-left:75% !important;	
}

.offset-laptop-oneFifth {
	margin-left: 20% !important;	
}

.offset-laptop-twoFifths {
	margin-left:40% !important;	
}

.offset-laptop-threeFifths {
	margin-left:60% !important;	
}

.offset-laptop-fourFifths {
	margin-left: 80% !important;	
}

.offset-laptop-oneSixth {
	margin-left: 16.66666666% !important;	
}

.offset-laptop-fiveSixths {
	margin-left: 83.33333333% !important;	
}

.offset-laptop-oneEighth {
	margin-left: 12.5%;	
}

.offset-laptop-oneTenth {
	margin-left: 10%;	
}

.offset-laptop-oneTwelfth {
	margin-left: 8.333333333%;	
}

.laptop-noFlex {
	display:block;	
}

#top .container {
	padding-top:120px;
	padding-bottom:100px;
	position:static;
	-ms-transform:none;
	-webkit-transform:none;
	-moz-transform:none;
	transform:none;	
}

#top blockquote {
	width:50%;	
}

.largeBrandsWrap .brandsContent h2,
.largeBrandsWrap .brandsContent > div {
	float:none;
	width:100% !important;	
	padding-left:0;
}

.largeBrandsWrap .brandsContent h2,
#secondaryBrands h2,
#mission h2  {
	font-size:38px;
	margin-bottom:15px;	
}

.largeBrandsWrap .brandImage {
	width:33.3333%;	
}

.largeBrandsWrap .brandsContent {
	padding:20px 20px 20px 50px;	
}


}

/* iPad Navigation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 

}


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

.tablet-noFlex {
	display:block;	
}

.tablet-oneFull { width:100% !important;	}

.tablet-oneHalf { width:50% !important; }

.tablet-oneThird { width:33.333333% !important; }

.tablet-twoThirds { width:66.66666% !important; }

.tablet-oneQuarter { width:25% !important; }

.tablet-threeQuarters { width:75% !important; }

.tablet-oneFifth { width:20% !important; }

.tablet-twoFifths { width:40% !important; }

.tablet-threeFifths { width:60% !important; }

.tablet-fourFifths { width:80% !important; }

.tablet-oneSixth { width:16.66666% !important; }

.tablet-fiveSixths { width:83.33333% !important; }

.offset-tablet-none {
	margin-left:0% !important;	
}

.offset-tablet-oneHalf {
	margin-left:50% !important;	
}

.offset-tablet-oneThird {
	margin-left: 33.33333333% !important;	
}

.offset-tablet-twoThirds {
	margin-left: 66.66666666% !important;
}

.offset-tablet-oneQuarter {
	margin-left:25% !important;	
}

.offset-tablet-threeQuarters {
	margin-left:75% !important;	
}

.offset-tablet-oneFifth {
	margin-left: 20% !important;	
}

.offset-tablet-twoFifths {
	margin-left:40% !important;	
}

.offset-tablet-threeFifths {
	margin-left:60% !important;	
}

.offset-tablet-fourFifths {
	margin-left: 80% !important;	
}

.offset-tablet-oneSixth {
	margin-left: 16.66666666% !important;	
}

.offset-tablet-fiveSixths {
	margin-left: 83.33333333% !important;	
}

.offset-tablet-oneEighth {
	margin-left: 12.5%;	
}

.offset-tablet-oneTenth {
	margin-left: 10%;	
}

.offset-tablet-oneTwelfth {
	margin-left: 8.333333333%;	
}

.sectionHeader h2 {
	font-size:48px;	
}

.corporate-information img {
	margin-top:20px;	
}

.headerSubLinks {
	display:none;	
}

#masthead .mobileOnly {
	display:block;	
}

.brandImage,
.brandsContent.brandsLeft {
	width:100% !important;	
	position:static !important;
}

.largeBrandsWrap .brandImage {
	display:none !important;	
}

.brandsContent {
	padding:75px !important;	
}

.brandImage {
	height:auto !important;
	padding-bottom:50% !important;	
}

.secondaryBrand {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */ 
	flex-wrap: wrap; 
}

.secondaryBrand .brandImage {
	-moz-order:2;
	-webkit-order:2;
	order:2;	
}

.visionImages {
	margin-top:0;	
}

.visionImages img {
	position:static;	
}

.visionStrategySection h2,
.visionStrategySection p {
	width:100% !important;
	padding-left:0 !important;	
}

}

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

.small-oneFull { width:100% !important; }

.small-oneHalf { width:50% !important; }

.small-oneThird { width:33.333333% !important; }

.small-twoThirds { width:66.66666% !important; }

.small-oneQuarter { width:25% !important; }

.small-threeQuarters { width:75% !important; }

.small-oneFifth { width:20% !important; }

.small-twoFifths { width:40% !important; }

.small-threeFifths { width:60% !important; }

.small-fourFifths { width:80% !important; }

.small-oneSixth { width:16.66666% !important; }

.small-fiveSixths { width:83.33333% !important; }

.offset-small-none {
	margin-left:0 !important;	
}

.offset-small-oneHalf {
	margin-left:50% !important;	
}

.offset-small-oneThird {
	margin-left: 33.33333333% !important;	
}

.offset-small-twoThirds {
	margin-left: 66.66666666% !important;
}

.offset-small-oneQuarter {
	margin-left:25% !important;	
}

.offset-small-threeQuarters {
	margin-left:75% !important;	
}

.offset-small-oneFifth {
	margin-left: 20% !important;	
}

.offset-small-twoFifths {
	margin-left:40% !important;	
}

.offset-small-threeFifths {
	margin-left:60% !important;	
}

.offset-small-fourFifths {
	margin-left: 80% !important;	
}

.offset-small-oneSixth {
	margin-left: 16.66666666% !important;	
}

.offset-small-fiveSixths {
	margin-left: 83.33333333% !important;	
}

.offset-small-oneEighth {
	margin-left: 12.5%;	
}

.offset-small-oneTenth {
	margin-left: 10%;	
}

.offset-small-oneTwelfth {
	margin-left: 8.333333333%;	
}

.small-noFlex {
	display:block;	
}

#masthead.scrolledHeader .container {
	padding-left:75px;	
}

#floatingNav {
	visibility:hidden;	
}

.container {
	padding-left:20px;
	padding-right:20px;	
}

#ceoLetter figure {
	float:none !important;	
}

#mission .container {
	position:static;
	-ms-transform:none;
	-webkit-transform:none;
	-moz-transform:none;
	transform:none;	
}

.signature {
	float:none;	
}

.signature:last-child {
	margin-top:50px;	
}

#financialConent h2 {
	font-size:38px;	
}

#top .container {
	padding-top:60px;
	padding-bottom:140px;
}
}
 
@media only screen and (max-width : 480px) {
.phone-oneFull { width:100% !important; }

.phone-oneHalf { width:50% !important; }

.phone-oneThird { width:33.333333% !important; }

.phone-twoThirds { width:66.66666% !important; }

.phone-oneQuarter { width:25% !important; }

.phone-threeQuarters { width:75% !important; }

.phone-oneFifth { width:20% !important; }

.phone-twoFifths { width:40% !important; }

.phone-threeFifths { width:60% !important; }

.phone-fourFifths { width:80% !important; }

.phone-oneSixth { width:16.66666% !important; }

.phone-fiveSixths { width:83.33333% !important; }

.offset-phone-none {
	margin-left:0% !important;	
}

.offset-phone-oneHalf {
	margin-left:50% !important;	
}

.offset-phone-oneThird {
	margin-left: 33.33333333% !important;	
}

.offset-phone-twoThirds {
	margin-left: 66.66666666% !important;
}

.offset-phone-oneQuarter {
	margin-left:25% !important;	
}

.offset-phone-threeQuarters {
	margin-left:75% !important;	
}

.offset-phone-oneFifth {
	margin-left: 20% !important;	
}

.offset-phone-twoFifths {
	margin-left:40% !important;	
}

.offset-phone-threeFifths {
	margin-left:60% !important;	
}

.offset-phone-fourFifths {
	margin-left: 80% !important;	
}

.offset-phone-oneSixth {
	margin-left: 16.66666666% !important;	
}

.offset-phone-fiveSixths {
	margin-left: 83.33333333% !important;	
}

.offset-phone-oneEighth {
	margin-left: 12.5%;	
}

.offset-phone-oneTenth {
	margin-left: 10%;	
}

.offset-phone-oneTwelfth {
	margin-left: 8.333333333%;	
}

#masthead.scrolledHeader .container {
	padding-left:75px;	
}

.site-branding {
	left:75px;
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	transform:translate(0,-50%);	
}

.navArrows {
	display:none;	
}

#top blockquote {
    width: 70%;
}

.brandsContent.brandsLeft,
.brandsContent {
    padding:40px 20px !important;
}

.lineBackground h2,
.sectionHeader h2 {
	font-size:38px;	
}

.siteTagline {
	font-size:12px;	
}
}

@media only screen and (max-width : 320px) {
.smallphone-oneFull { width:100% !important; }

.smallphone-oneHalf { width:50% !important; }

.smallphone-oneThird { width:33.333333% !important; }

.smallphone-twoThirds { width:66.66666% !important; }

.smallphone-oneQuarter { width:25% !important; }

.smallphone-threeQuarters { width:75% !important; }

.smallphone-oneFifth { width:20% !important; }

.smallphone-twoFifths { width:40% !important; }

.smallphone-threeFifths { width:60% !important; }

.smallphone-fourFifths { width:80% !important; }

.smallphone-oneSixth { width:16.66666% !important; }

.smallphone-fiveSixths { width:83.33333% !important; }

.offset-smallphone-none {
	margin-left:0% !important;	
}

.offset-smallphone-oneHalf {
	margin-left:50% !important;	
}

.offset-smallphone-oneThird {
	margin-left: 33.33333333% !important;	
}

.offset-smallphone-twoThirds {
	margin-left: 66.66666666% !important;
}

.offset-smallphone-oneQuarter {
	margin-left:25% !important;	
}

.offset-smallphone-threeQuarters {
	margin-left:75% !important;	
}

.offset-smallphone-oneFifth {
	margin-left: 20% !important;	
}

.offset-smallphone-twoFifths {
	margin-left:40% !important;	
}

.offset-smallphone-threeFifths {
	margin-left:60% !important;	
}

.offset-smallphone-fourFifths {
	margin-left: 80% !important;	
}

.offset-smallphone-oneSixth {
	margin-left: 16.66666666% !important;	
}

.offset-smallphone-fiveSixths {
	margin-left: 83.33333333% !important;	
}

.offset-smallphone-oneEighth {
	margin-left: 12.5%;	
}

.offset-smallphone-oneTenth {
	margin-left: 10%;	
}

.offset-smallphone-oneTwelfth {
	margin-left: 8.333333333%;	
}

.site-branding {
	left:60px;	
}

.site-title a {
	width:130px;
	height:39px;	
}

.lineBackground h2,
.sectionHeader h2,
#financialConent h2 {
	font-size:30px;	
}
}