html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

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

button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

[hidden] {
    display: none !important
}

.visually-hidden {
    position: absolute;
    top: auto;
    left: -999em;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.hide-text {
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    text-align: left;
    text-indent: 101%
}

.skip-link {
    position: fixed;
    top: 0;
    left: -999em;
    z-index: 1000;
    padding: 0.5em 0.75em;
    text-decoration: none;
    background-color: #222
}

.skip-link:focus {
    left: 20px;
    color: #fff
}

.clearfix::before,
.clearfix::after {
    content: ' ';
    display: table
}

.clearfix::after {
    clear: both
}

.grid {
    margin: 0;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

.grid__item {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 20px
}

.grid--rev {
    direction: rtl;
    text-align: left
}

.grid--rev>.grid__item {
    direction: ltr;
    text-align: left
}

.grid--right {
    text-align: right
}

.grid--right>.grid__item {
    text-align: left
}

.grid--center {
    text-align: center
}

.grid--center>.grid__item {
    text-align: left
}

.grid--middle>.grid__item {
    vertical-align: middle
}

.grid--bottom>.grid__item {
    vertical-align: bottom
}

.grid--feature-block {
    margin-left: -28px
}

.grid--feature-block>.grid__item {
    padding-left: 28px
}

.grid--featurettes {
    margin-bottom: -16px;
    margin-left: -16px
}

.grid--featurettes>.grid__item {
    padding-bottom: 16px;
    padding-left: 16px
}

.grid--ffl-principles {
    margin-left: -60px
}

.grid--ffl-principles>.grid__item {
    padding-left: 60px
}

.grid--flush {
    margin-left: 0
}

.careers_css .grid--flush {
	background: #132862;
}

.grid--flush>.grid__item {
    padding-left: 0
}

.grid--footer {
    margin-left: -40px
}

.grid--footer>.grid__item {
    padding-left: 40px
}

.grid--index {
    margin-left: -70px
}

.grid--index>.grid__item {
    padding-left: 70px
}

.grid--keyline {
    margin-left: -1px
}

.grid--keyline>.grid__item {
    padding-left: 1px
}

.section--range .wrapper__padding.wrapper--narrow {
	max-width: 100%;
	padding: 0;
}

.top_three .grid__item {
	border-bottom: 0px solid #FFF;
	padding-bottom: 0px;
}

.fish_life_nav .header__ffl-nav {
	position: relative;
}

.fish_life_nav .careers_css.header__nav {
	background: #009da2;
	display: block;
	height: auto;
}

.fish_life_nav .header__main-menu {
	display: block;
}

.fish_life_nav .main-menu {
	 padding-top: 10px;
}

@media only screen and (max-width: 900px) {
	
	.top_three .grid__item {
		width: 100%;
	}
	
}

.our_principles .beta-min--one-third {
	width: 50%;
}

.our_principles .grid__item {
	padding-bottom: 0px !important;
}

.our_principles h3 {
	font-size: 1em;
}



@media only screen and (min-width: 900px) {
	
.our_principles h3 {
	font-size: 2.5em;
}

.our_principles .title_break span  {
	font-family: 'AndreaIIPrintUprightNib', sans-serif;
	font-size: 1.4em;
}
	
}

.title_break {
	width: 100%;
}

.grid--range {
    margin-bottom: 0px;
    margin-left: 0px
}

.grid--range>.grid__item {
    padding-bottom: 0px;
    padding-left: 0px
}

.grid--recipe {
    margin-left: -56px
}

.grid--recipe>.grid__item {
    padding-left: 56px
}

.grid--search {
    margin-bottom: -10px;
    margin-left: -12px
}

.grid--search>.grid__item {
    padding-bottom: 10px;
    padding-left: 12px
}

.grid--wide {
    margin-left: -40px
}

.grid--wide>.grid__item {
    padding-left: 40px
}

.grid--youngsters-retailers {
    margin-bottom: -24px;
    margin-left: -24px
}

.grid--youngsters-retailers>.grid__item {
    padding-bottom: 24px;
    padding-left: 24px
}

.one-whole {
    width: 100%
}

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
    width: 50%
}

.one-third,
.two-sixths,
.four-twelfths {
    width: 33.333%
}

.two-thirds,
.four-sixths,
.eight-twelfths {
    width: 66.666%
}

.one-quarter,
.two-eighths,
.three-twelfths {
    width: 25%
}

.three-quarters,
.six-eighths,
.nine-twelfths {
    width: 75%
}

.one-fifth,
.two-tenths {
    width: 20%
}

.two-fifths,
.four-tenths {
    width: 40%
}

.three-fifths,
.six-tenths {
    width: 60%
}

.four-fifths,
.eight-tenths {
    width: 80%
}

.one-sixth,
.two-twelfths {
    width: 16.666%
}

.five-sixths,
.ten-twelfths {
    width: 83.333%
}

.one-eighth {
    width: 12.5%
}

.three-eighths {
    width: 37.5%
}

.five-eighths {
    width: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.333%
}

.five-twelfths {
    width: 41.666%
}

.seven-twelfths {
    width: 58.333%
}

.eleven-twelfths {
    width: 91.666%
}

.recipe__glossary li:nth-child(2) {
	margin-left: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (min-width: 400px) {
	
	.recipe__glossary li:nth-child(2) {
		margin-left: auto;
	}
}

.recipe__glossary .recipe_txt.gettogether a {
	float: right !important;
	line-height: 17px;
	clear: both;
	display: block;
	margin-top: 10px;
}

.recipe__glossary .recipe_txt.gettogether a {
	border: solid #9a0e15 2px;
	text-decoration: none;
	border-radius: 50px;
	padding: 10px 20px;
	line-height: normal;
	font-size: 0.9rem;
	color: #9a0e15;
}

.recipe__glossary .recipe_txt.gettogether a:hover {
	background: #9a0e15;
	color: #FFFFFF;
}

@media only screen and (min-width: 400px) {
    .zeta-min--one-whole {
        width: 100%
    }
    .zeta-min--one-half,
    .zeta-min--two-quarters,
    .zeta-min--three-sixths,
    .zeta-min--four-eighths,
    .zeta-min--five-tenths,
    .zeta-min--six-twelfths {
        width: 50%
    }
    .zeta-min--one-third,
    .zeta-min--two-sixths,
    .zeta-min--four-twelfths {
        width: 33.333%
    }
    .zeta-min--two-thirds,
    .zeta-min--four-sixths,
    .zeta-min--eight-twelfths {
        width: 66.666%
    }
    .zeta-min--one-quarter,
    .zeta-min--two-eighths,
    .zeta-min--three-twelfths {
        width: 25%
    }
    .zeta-min--three-quarters,
    .zeta-min--six-eighths,
    .zeta-min--nine-twelfths {
        width: 75%
    }
    .zeta-min--one-fifth,
    .zeta-min--two-tenths {
        width: 20%
    }
    .zeta-min--two-fifths,
    .zeta-min--four-tenths {
        width: 40%
    }
    .zeta-min--three-fifths,
    .zeta-min--six-tenths {
        width: 60%
    }
    .zeta-min--four-fifths,
    .zeta-min--eight-tenths {
        width: 80%
    }
    .zeta-min--one-sixth,
    .zeta-min--two-twelfths {
        width: 16.666%
    }
    .zeta-min--five-sixths,
    .zeta-min--ten-twelfths {
        width: 83.333%
    }
    .zeta-min--one-eighth {
        width: 12.5%
    }
    .zeta-min--three-eighths {
        width: 37.5%
    }
    .zeta-min--five-eighths {
        width: 62.5%
    }
    .zeta-min--seven-eighths {
        width: 87.5%
    }
    .zeta-min--one-tenth {
        width: 10%
    }
    .zeta-min--three-tenths {
        width: 30%
    }
    .zeta-min--seven-tenths {
        width: 70%
    }
    .zeta-min--nine-tenths {
        width: 90%
    }
    .zeta-min--one-twelfth {
        width: 8.333%
    }
    .zeta-min--five-twelfths {
        width: 41.666%
    }
    .zeta-min--seven-twelfths {
        width: 58.333%
    }
    .zeta-min--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width: 500px) {
    .epsilon-min--one-whole {
        width: 100%
    }
    .epsilon-min--one-half,
    .epsilon-min--two-quarters,
    .epsilon-min--three-sixths,
    .epsilon-min--four-eighths,
    .epsilon-min--five-tenths,
    .epsilon-min--six-twelfths {
        width: 50%
    }
    .epsilon-min--one-third,
    .epsilon-min--two-sixths,
    .epsilon-min--four-twelfths {
        width: 33.333%
    }
    .epsilon-min--two-thirds,
    .epsilon-min--four-sixths,
    .epsilon-min--eight-twelfths {
        width: 66.666%
    }
    .epsilon-min--one-quarter,
    .epsilon-min--two-eighths,
    .epsilon-min--three-twelfths {
        width: 25%
    }
    .epsilon-min--three-quarters,
    .epsilon-min--six-eighths,
    .epsilon-min--nine-twelfths {
        width: 75%
    }
    .epsilon-min--one-fifth,
    .epsilon-min--two-tenths {
        width: 20%
    }
    .epsilon-min--two-fifths,
    .epsilon-min--four-tenths {
        width: 40%
    }
    .epsilon-min--three-fifths,
    .epsilon-min--six-tenths {
        width: 60%
    }
    .epsilon-min--four-fifths,
    .epsilon-min--eight-tenths {
        width: 80%
    }
    .epsilon-min--one-sixth,
    .epsilon-min--two-twelfths {
        width: 16.666%
    }
    .epsilon-min--five-sixths,
    .epsilon-min--ten-twelfths {
        width: 83.333%
    }
    .epsilon-min--one-eighth {
        width: 12.5%
    }
    .epsilon-min--three-eighths {
        width: 37.5%
    }
    .epsilon-min--five-eighths {
        width: 62.5%
    }
    .epsilon-min--seven-eighths {
        width: 87.5%
    }
    .epsilon-min--one-tenth {
        width: 10%
    }
    .epsilon-min--three-tenths {
        width: 30%
    }
    .epsilon-min--seven-tenths {
        width: 70%
    }
    .epsilon-min--nine-tenths {
        width: 90%
    }
    .epsilon-min--one-twelfth {
        width: 8.333%
    }
    .epsilon-min--five-twelfths {
        width: 41.666%
    }
    .epsilon-min--seven-twelfths {
        width: 58.333%
    }
    .epsilon-min--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width: 600px) {
    .delta-min--one-whole {
        width: 100%
    }
    .delta-min--one-half,
    .delta-min--two-quarters,
    .delta-min--three-sixths,
    .delta-min--four-eighths,
    .delta-min--five-tenths,
    .delta-min--six-twelfths {
        width: 50%
    }
    .delta-min--one-third,
    .delta-min--two-sixths,
    .delta-min--four-twelfths {
        width: 33.333%
    }
    .delta-min--two-thirds,
    .delta-min--four-sixths,
    .delta-min--eight-twelfths {
        width: 66.666%
    }
    .delta-min--one-quarter,
    .delta-min--two-eighths,
    .delta-min--three-twelfths {
        width: 25%
    }
    .delta-min--three-quarters,
    .delta-min--six-eighths,
    .delta-min--nine-twelfths {
        width: 75%
    }
    .delta-min--one-fifth,
    .delta-min--two-tenths {
        width: 20%
    }
    .delta-min--two-fifths,
    .delta-min--four-tenths {
        width: 40%
    }
    .delta-min--three-fifths,
    .delta-min--six-tenths {
        width: 60%
    }
    .delta-min--four-fifths,
    .delta-min--eight-tenths {
        width: 80%
    }
    .delta-min--one-sixth,
    .delta-min--two-twelfths {
        width: 16.666%
    }
    .delta-min--five-sixths,
    .delta-min--ten-twelfths {
        width: 83.333%
    }
    .delta-min--one-eighth {
        width: 12.5%
    }
    .delta-min--three-eighths {
        width: 37.5%
    }
    .delta-min--five-eighths {
        width: 62.5%
    }
    .delta-min--seven-eighths {
        width: 87.5%
    }
    .delta-min--one-tenth {
        width: 10%
    }
    .delta-min--three-tenths {
        width: 30%
    }
    .delta-min--seven-tenths {
        width: 70%
    }
    .delta-min--nine-tenths {
        width: 90%
    }
    .delta-min--one-twelfth {
        width: 8.333%
    }
    .delta-min--five-twelfths {
        width: 41.666%
    }
    .delta-min--seven-twelfths {
        width: 58.333%
    }
    .delta-min--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width: 768px) {
    .gamma-min--one-whole {
        width: 100%
    }
    .gamma-min--one-half,
    .gamma-min--two-quarters,
    .gamma-min--three-sixths,
    .gamma-min--four-eighths,
    .gamma-min--five-tenths,
    .gamma-min--six-twelfths {
        width: 50%
    }
    .gamma-min--one-third,
    .gamma-min--two-sixths,
    .gamma-min--four-twelfths {
        width: 33.333%
    }
    .gamma-min--two-thirds,
    .gamma-min--four-sixths,
    .gamma-min--eight-twelfths {
        width: 66.666%
    }
    .gamma-min--one-quarter,
    .gamma-min--two-eighths,
    .gamma-min--three-twelfths {
        width: 25%
    }
    .gamma-min--three-quarters,
    .gamma-min--six-eighths,
    .gamma-min--nine-twelfths {
        width: 75%
    }
    .gamma-min--one-fifth,
    .gamma-min--two-tenths {
        width: 20%
    }
    .gamma-min--two-fifths,
    .gamma-min--four-tenths {
        width: 40%
    }
    .gamma-min--three-fifths,
    .gamma-min--six-tenths {
        width: 60%
    }
    .gamma-min--four-fifths,
    .gamma-min--eight-tenths {
        width: 80%
    }
    .gamma-min--one-sixth,
    .gamma-min--two-twelfths {
        width: 16.666%
    }
    .gamma-min--five-sixths,
    .gamma-min--ten-twelfths {
        width: 83.333%
    }
    .gamma-min--one-eighth {
        width: 12.5%
    }
    .gamma-min--three-eighths {
        width: 37.5%
    }
    .gamma-min--five-eighths {
        width: 62.5%
    }
    .gamma-min--seven-eighths {
        width: 87.5%
    }
    .gamma-min--one-tenth {
        width: 10%
    }
    .gamma-min--three-tenths {
        width: 30%
    }
    .gamma-min--seven-tenths {
        width: 70%
    }
    .gamma-min--nine-tenths {
        width: 90%
    }
    .gamma-min--one-twelfth {
        width: 8.333%
    }
    .gamma-min--five-twelfths {
        width: 41.666%
    }
    .gamma-min--seven-twelfths {
        width: 58.333%
    }
    .gamma-min--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width: 900px) {
    .beta-min--one-whole {
        width: 100%
    }
    .beta-min--one-half,
    .beta-min--two-quarters,
    .beta-min--three-sixths,
    .beta-min--four-eighths,
    .beta-min--five-tenths,
    .beta-min--six-twelfths {
        width: 50%
    }
    .beta-min--one-third,
    .beta-min--two-sixths,
    .beta-min--four-twelfths {
        width: 33.333%
    }
    .beta-min--two-thirds,
    .beta-min--four-sixths,
    .beta-min--eight-twelfths {
        width: 66.666%
    }
    .beta-min--one-quarter,
    .beta-min--two-eighths,
    .beta-min--three-twelfths {
        width: 25%
    }
    .beta-min--three-quarters,
    .beta-min--six-eighths,
    .beta-min--nine-twelfths {
        width: 75%
    }
    .beta-min--one-fifth,
    .beta-min--two-tenths {
        width: 20%
    }
    .beta-min--two-fifths,
    .beta-min--four-tenths {
        width: 40%
    }
    .beta-min--three-fifths,
    .beta-min--six-tenths {
        width: 60%
    }
    .beta-min--four-fifths,
    .beta-min--eight-tenths {
        width: 80%
    }
    .beta-min--one-sixth,
    .beta-min--two-twelfths {
        width: 16.666%
    }
    .beta-min--five-sixths,
    .beta-min--ten-twelfths {
        width: 83.333%
    }
    .beta-min--one-eighth {
        width: 12.5%
    }
    .beta-min--three-eighths {
        width: 37.5%
    }
    .beta-min--five-eighths {
        width: 62.5%
    }
    .beta-min--seven-eighths {
        width: 87.5%
    }
    .beta-min--one-tenth {
        width: 10%
    }
    .beta-min--three-tenths {
        width: 30%
    }
    .beta-min--seven-tenths {
        width: 70%
    }
    .beta-min--nine-tenths {
        width: 90%
    }
    .beta-min--one-twelfth {
        width: 8.333%
    }
    .beta-min--five-twelfths {
        width: 41.666%
    }
    .beta-min--seven-twelfths {
        width: 58.333%
    }
    .beta-min--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width: 1025px) {
    .alpha-min--one-whole {
        width: 100%
    }
    .alpha-min--one-half,
    .alpha-min--two-quarters,
    .alpha-min--three-sixths,
    .alpha-min--four-eighths,
    .alpha-min--five-tenths,
    .alpha-min--six-twelfths {
        width: 50%
    }
    .alpha-min--one-third,
    .alpha-min--two-sixths,
    .alpha-min--four-twelfths {
        width: 33.333%
    }
    .alpha-min--two-thirds,
    .alpha-min--four-sixths,
    .alpha-min--eight-twelfths {
        width: 66.666%
    }
    .alpha-min--one-quarter,
    .alpha-min--two-eighths,
    .alpha-min--three-twelfths {
        width: 25%
    }
    .alpha-min--three-quarters,
    .alpha-min--six-eighths,
    .alpha-min--nine-twelfths {
        width: 75%
    }
    .alpha-min--one-fifth,
    .alpha-min--two-tenths {
        width: 20%
    }
    .alpha-min--two-fifths,
    .alpha-min--four-tenths {
        width: 40%
    }
    .alpha-min--three-fifths,
    .alpha-min--six-tenths {
        width: 60%
    }
    .alpha-min--four-fifths,
    .alpha-min--eight-tenths {
        width: 80%
    }
    .alpha-min--one-sixth,
    .alpha-min--two-twelfths {
        width: 16.666%
    }
    .alpha-min--five-sixths,
    .alpha-min--ten-twelfths {
        width: 83.333%
    }
    .alpha-min--one-eighth {
        width: 12.5%
    }
    .alpha-min--three-eighths {
        width: 37.5%
    }
    .alpha-min--five-eighths {
        width: 62.5%
    }
    .alpha-min--seven-eighths {
        width: 87.5%
    }
    .alpha-min--one-tenth {
        width: 10%
    }
    .alpha-min--three-tenths {
        width: 30%
    }
    .alpha-min--seven-tenths {
        width: 70%
    }
    .alpha-min--nine-tenths {
        width: 90%
    }
    .alpha-min--one-twelfth {
        width: 8.333%
    }
    .alpha-min--five-twelfths {
        width: 41.666%
    }
    .alpha-min--seven-twelfths {
        width: 58.333%
    }
    .alpha-min--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width: 1120px) {
    .large-tile-captions--one-whole {
        width: 100%
    }
    .large-tile-captions--one-half,
    .large-tile-captions--two-quarters,
    .large-tile-captions--three-sixths,
    .large-tile-captions--four-eighths,
    .large-tile-captions--five-tenths,
    .large-tile-captions--six-twelfths {
        width: 50%
    }
    .large-tile-captions--one-third,
    .large-tile-captions--two-sixths,
    .large-tile-captions--four-twelfths {
        width: 33.333%
    }
    .large-tile-captions--two-thirds,
    .large-tile-captions--four-sixths,
    .large-tile-captions--eight-twelfths {
        width: 66.666%
    }
    .large-tile-captions--one-quarter,
    .large-tile-captions--two-eighths,
    .large-tile-captions--three-twelfths {
        width: 25%
    }
    .large-tile-captions--three-quarters,
    .large-tile-captions--six-eighths,
    .large-tile-captions--nine-twelfths {
        width: 75%
    }
    .large-tile-captions--one-fifth,
    .large-tile-captions--two-tenths {
        width: 20%
    }
    .large-tile-captions--two-fifths,
    .large-tile-captions--four-tenths {
        width: 40%
    }
    .large-tile-captions--three-fifths,
    .large-tile-captions--six-tenths {
        width: 60%
    }
    .large-tile-captions--four-fifths,
    .large-tile-captions--eight-tenths {
        width: 80%
    }
    .large-tile-captions--one-sixth,
    .large-tile-captions--two-twelfths {
        width: 16.666%
    }
    .large-tile-captions--five-sixths,
    .large-tile-captions--ten-twelfths {
        width: 83.333%
    }
    .large-tile-captions--one-eighth {
        width: 12.5%
    }
    .large-tile-captions--three-eighths {
        width: 37.5%
    }
    .large-tile-captions--five-eighths {
        width: 62.5%
    }
    .large-tile-captions--seven-eighths {
        width: 87.5%
    }
    .large-tile-captions--one-tenth {
        width: 10%
    }
    .large-tile-captions--three-tenths {
        width: 30%
    }
    .large-tile-captions--seven-tenths {
        width: 70%
    }
    .large-tile-captions--nine-tenths {
        width: 90%
    }
    .large-tile-captions--one-twelfth {
        width: 8.333%
    }
    .large-tile-captions--five-twelfths {
        width: 41.666%
    }
    .large-tile-captions--seven-twelfths {
        width: 58.333%
    }
    .large-tile-captions--eleven-twelfths {
        width: 91.666%
    }
}

[class*='push--'] {
    position: relative
}

.push--one-whole {
    left: 100%
}

.push--one-half,
.push--two-quarters,
.push--three-sixths,
.push--four-eighths,
.push--five-tenths,
.push--six-twelfths {
    left: 50%
}

.push--one-third,
.push--two-sixths,
.push--four-twelfths {
    left: 33.333%
}

.push--two-thirds,
.push--four-sixths,
.push--eight-twelfths {
    left: 66.666%
}

.push--one-quarter,
.push--two-eighths,
.push--three-twelfths {
    left: 25%
}

.push--three-quarters,
.push--six-eighths,
.push--nine-twelfths {
    left: 75%
}

.push--one-fifth,
.push--two-tenths {
    left: 20%
}

.push--two-fifths,
.push--four-tenths {
    left: 40%
}

.push--three-fifths,
.push--six-tenths {
    left: 60%
}

.push--four-fifths,
.push--eight-tenths {
    left: 80%
}

.push--one-sixth,
.push--two-twelfths {
    left: 16.666%
}

.push--five-sixths,
.push--ten-twelfths {
    left: 83.333%
}

.push--one-eighth {
    left: 12.5%
}

.push--three-eighths {
    left: 37.5%
}

.push--five-eighths {
    left: 62.5%
}

.push--seven-eighths {
    left: 87.5%
}

.push--one-tenth {
    left: 10%
}

.push--three-tenths {
    left: 30%
}

.push--seven-tenths {
    left: 70%
}

.push--nine-tenths {
    left: 90%
}

.push--one-twelfth {
    left: 8.333%
}

.push--five-twelfths {
    left: 41.666%
}

.push--seven-twelfths {
    left: 58.333%
}

.push--eleven-twelfths {
    left: 91.666%
}

@media only screen and (min-width: 1025px) {
    .push--alpha-min--one-whole {
        left: 100%
    }
    .push--alpha-min--one-half,
    .push--alpha-min--two-quarters,
    .push--alpha-min--three-sixths,
    .push--alpha-min--four-eighths,
    .push--alpha-min--five-tenths,
    .push--alpha-min--six-twelfths {
        left: 50%
    }
    .push--alpha-min--one-third,
    .push--alpha-min--two-sixths,
    .push--alpha-min--four-twelfths {
        left: 33.333%
    }
    .push--alpha-min--two-thirds,
    .push--alpha-min--four-sixths,
    .push--alpha-min--eight-twelfths {
        left: 66.666%
    }
    .push--alpha-min--one-quarter,
    .push--alpha-min--two-eighths,
    .push--alpha-min--three-twelfths {
        left: 25%
    }
    .push--alpha-min--three-quarters,
    .push--alpha-min--six-eighths,
    .push--alpha-min--nine-twelfths {
        left: 75%
    }
    .push--alpha-min--one-fifth,
    .push--alpha-min--two-tenths {
        left: 20%
    }
    .push--alpha-min--two-fifths,
    .push--alpha-min--four-tenths {
        left: 40%
    }
    .push--alpha-min--three-fifths,
    .push--alpha-min--six-tenths {
        left: 60%
    }
    .push--alpha-min--four-fifths,
    .push--alpha-min--eight-tenths {
        left: 80%
    }
    .push--alpha-min--one-sixth,
    .push--alpha-min--two-twelfths {
        left: 16.666%
    }
    .push--alpha-min--five-sixths,
    .push--alpha-min--ten-twelfths {
        left: 83.333%
    }
    .push--alpha-min--one-eighth {
        left: 12.5%
    }
    .push--alpha-min--three-eighths {
        left: 37.5%
    }
    .push--alpha-min--five-eighths {
        left: 62.5%
    }
    .push--alpha-min--seven-eighths {
        left: 87.5%
    }
    .push--alpha-min--one-tenth {
        left: 10%
    }
    .push--alpha-min--three-tenths {
        left: 30%
    }
    .push--alpha-min--seven-tenths {
        left: 70%
    }
    .push--alpha-min--nine-tenths {
        left: 90%
    }
    .push--alpha-min--one-twelfth {
        left: 8.333%
    }
    .push--alpha-min--five-twelfths {
        left: 41.666%
    }
    .push--alpha-min--seven-twelfths {
        left: 58.333%
    }
    .push--alpha-min--eleven-twelfths {
        left: 91.666%
    }
}

.no-js .js-only {
    display: none !important
}

.flex-fix {
    max-width: 100%
}

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

.nav>li {
    display: inline-block
}

.nav a {
    text-decoration: none
}

.nav--stacked>li {
    display: list-item
}

.nav--stretch {
    display: table;
    width: 100%;
    text-align: center
}

.nav--stretch>li {
    display: table-cell
}

@media not print {
    .print-only {
        display: none
    }
}

@media print {
    .no-print {
        display: none
    }
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        color: #000 !important;
        background: none !important
    }
    body>header,
    body>footer,
    aside {
        display: none
    }
    article a[href]::after {
        content: " [" attr(href) "]";
        font-size: 80%;
        font-weight: normal
    }
    article a[href^='#']::after {
        content: ''
    }
    abbr[title]::after {
        content: " [" attr(title) "]"
    }
    .grid,
    .grid__item {
        padding-left: 0 !important
    }
    .grid__item {
        width: auto
    }
}

.ratio {
    position: relative;
    padding-top: 100%
}

.ratio--16x9,
.ratio--video {
    padding-top: 56.25%
}

.ratio--4x3 {
    padding-top: 75%
}

.ratio__content,
.ratio>iframe,
.ratio>embed,
.ratio>object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.animation--fade-in {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.animation--fade-in.is-shown {
    opacity: 1
}

.animation--reveal__item {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s
}

.animation--reveal.is-hidden .animation--reveal__item {
    opacity: 0
}

.animation--reveal__item:nth-child(0) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.animation--reveal__item:nth-child(1) {
    -webkit-transition-delay: .05s;
    -moz-transition-delay: .05s;
    transition-delay: .05s
}

.animation--reveal__item:nth-child(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.animation--reveal__item:nth-child(3) {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

.animation--reveal__item:nth-child(4) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.animation--reveal__item:nth-child(5) {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}

.animation--reveal__item:nth-child(6) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.animation--reveal__item:nth-child(7) {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

.animation--reveal__item:nth-child(8) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.animation--reveal__item:nth-child(9) {
    -webkit-transition-delay: .45s;
    -moz-transition-delay: .45s;
    transition-delay: .45s
}

.animation--reveal__item:nth-child(10) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

@font-face {
    font-family: 'Gotham';
    src: url("../fonts/gotham-book.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("../fonts/gotham-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("../fonts/gotham-black.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

/*@font-face {
    font-family: 'Bauhaus ITC';
    src: url("../fonts/bauhaus-itc.woff") format("woff");
    font-weight: normal;
    font-style: normal
}*/

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.icon--block {
    display: block
}

.icon--overflow {
    overflow: visible
}

.icon--youngs {
    width: 2.32421875em
}

.icon--chip-shop {
    width: 3.62109375em
}

.icon--gastro {
    width: 4.373046875em
}

.icon--funky-fish-kitchen {
    width: 1.6494140625em
}

.icon--youtube {
    width: 1.318359375em
}

.icon--facebook {
    width: 0.4658203125em
}

.icon--twitter {
    width: 1.2314453125em
}

.icon--poach {
    width: 1.12890625em
}

.icon--boil {
    width: 1.193359375em
}

.icon--pan-fry {
    width: 1.12890625em
}

.icon--preparation {
    width: 1.4677734375em
}

.icon--deep-fry {
    width: 1.01171875em
}

.icon--microwave {
    width: 1.3486328125em
}

.icon--oven {
    width: 0.9873046875em
}

.icon--cloud {
    width: 1.599609375em
}

.icon--rain {
    width: 1.185546875em
}

.icon--sun {
    width: 0.9990234375em
}

.icon--serving {
    width: 0.888671875em
}

.icon--clock {
    width: 0.9443359375em
}

.icon--basket {
    width: 1.125em
}

.icon--arrow {
    width: 0.5322265625em
}

.icon--arrow-heavy {
    width: 0.625em
}

.icon--morrisons {
    width: 2.240234375em
}

.icon--sainsburys {
    width: 5.3203125em
}

.icon--ocado {
    width: 4.904296875em
}

.icon--waitrose {
    width: 4.8212890625em
}

.icon--asda {
    width: 3.404296875em
}

.icon--tesco {
    width: 3.6767578125em
}

.icon--iceland {
    width: 4.4755859375em
}

.icon--mail {
    width: 1.3330078125em
}

.icon--wave {
    width: 15.01171875em
}

.icon--camera {
    width: 1.2109375em
}

.icon--the-youngsters {
    width: 3.9912109375em
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gm-style img {
    max-width: none
}

svg[aria-hidden='true'] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden
}

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

.alignright {
    float: right;
    clear: right;
    margin: 0 0 1.5em 2.5em
}

.alignleft {
    float: left;
    clear: left;
    margin: 0 2.5em 1.5em 0
}

.alignnone {
    margin: 1.5em 0
}

a {
    text-decoration: underline;
    color: #132862;
    background-color: transparent
}

a:hover,
a:active,
a:focus {
    text-decoration: none
}

a:active,
a:focus {
    outline: 1px dotted
}

a[href^='tel:'] {
    font-weight: bold;
    text-decoration: none
}

.button-link {
    border: 0;
    padding: 0;
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: underline;
    text-transform: inherit;
    color: #132862;
    background-color: transparent;
    cursor: pointer
}

.button-link:focus {
    outline: 1px dotted
}

.subtle-link,
.subtle-link:visited,
.subtle-link:hover,
.subtle-link:active,
.subtle-link:focus {
    text-decoration: inherit;
    color: inherit
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: 1.5;
    color: #222
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-text {
    font-family: 'Gotham', sans-serif;
    font-weight: bold
}

html,
input,
textarea,
select,
button,
.body-text {
    font-family: 'Gotham', sans-serif;
    font-weight: inherit
}

b,
strong {
    font-weight: bold
}

i,
em {
    font-style: italic
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

small {
    font-size: 14px;
    font-size: .875rem
}

.article {
    font-size: 16px;
    font-size: 1rem
}

.article h2,
.article h3 {
    margin-bottom: 0.45em;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2
}

.article h2:not(:first-child),
.article h3:not(:first-child) {
    margin-top: 1em
}

.article h2 {
    text-align: center;
    color: #071948
}

.article h3 {
    color: #0075b8
}

.article p {
    margin: 0 0 1em
}

.article p:last-child {
    margin-bottom: 0
}

.article ul {
    margin: 0 0 1em;
    list-style: none
}

.article ul>li {
    padding-left: 20px;
    background-image: url("data:image/svg+xml,\a     %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E\a         %3Ccircle cx='2' cy='2' r='2' fill='%23132862'%3E%3C/circle%3E\a     %3C/svg%3E\a");
    background-repeat: no-repeat;
    background-position: 0 0.5em;
    background-size: 6px 6px
}

.article ol {
    margin: 0 0 1em 1.25em;
    list-style: decimal
}

@media only screen and (max-width: 899px) {
    .article ol {
        list-style-position: inside
    }
}

.article .alignleft,
.article .alignright {
    width: 400px
}

.article blockquote {
    float: right;
    width: 400px;
    max-width: 100%;
    border-width: 3px 0;
    border-style: solid;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
    padding: 1em 10px;
    font-size: 21px;
    font-size: 1.3125rem;
    color: #0075b8
}

@media only screen and (min-width: 768px) {
    .article--cols {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 56px;
        -moz-column-gap: 56px;
        column-gap: 56px
    }
}

.article--center {
    text-align: center
}

.article--small {
    font-size: 14px;
    font-size: .875rem
}

.intro,
.article--intro>p:first-child {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: bold;
    color: #0075b8
}

@media only screen and (min-width: 900px) {
    .intro,
    .article--intro>p:first-child {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.see-also-heading {
    margin-bottom: 0.5em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
    color: #132862
}

@media only screen and (min-width: 500px) {
    .see-also-heading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.error {
    font-weight: bold;
    color: #a00
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -moz-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 1
}

.hamburger-box {
    width: 32px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 32px;
    height: 4px;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 64px;
    -moz-perspective: 64px;
    perspective: 64px
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.swiper-container {
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.alert {
    padding: 15px;
    text-align: center;
    color: #fff;
    background-color: #132862
}

.alert a {
    color: #fff
}

.alert__button {
    margin-top: 0.5em
}

.sticky-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100
}

.sticky-alert::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 15px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0))
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.badge {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #9a0e15
}

.box {
    position: relative
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .box {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: -webkit-transform linear 0.25s;
        transition: -webkit-transform linear 0.25s;
        -moz-transition: transform linear 0.25s, -moz-transform linear 0.25s;
        transition: transform linear 0.25s;
        transition: transform linear 0.25s, -webkit-transform linear 0.25s, -moz-transform linear 0.25s
    }
}

.box--thick .box__face--front {
    -webkit-transform: translateZ(60px);
    -moz-transform: translateZ(60px);
    transform: translateZ(60px)
}

.box--thick .box__face--top {
    height: 120px;
    -webkit-transform: rotateX(90deg) translateZ(60px);
    -moz-transform: rotateX(90deg) translateZ(60px);
    transform: rotateX(90deg) translateZ(60px)
}

.box__content {
    position: relative;
    z-index: 2;
    display: block
}

.box__face--front {
    position: relative;
    z-index: 2;
    -webkit-transform: translateZ(30px);
    -moz-transform: translateZ(30px);
    transform: translateZ(30px)
}

.box__face--front::before,
.box__face--front::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1
}

.box__face--front::before {
    width: -moz-calc(100% + 40px);
    width: calc(100% + 40px);
    height: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 40px 18px;
    border-bottom-right-radius: 40px 18px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transform: translate(-50%, 4px);
    -moz-transform: translate(-50%, 4px);
    -ms-transform: translate(-50%, 4px);
    transform: translate(-50%, 4px);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform linear 0.25s;
    transition: -webkit-transform linear 0.25s;
    -moz-transition: transform linear 0.25s, -moz-transform linear 0.25s;
    transition: transform linear 0.25s;
    transition: transform linear 0.25s, -webkit-transform linear 0.25s, -moz-transform linear 0.25s;
    -webkit-transition-property: -webkit-transform, -webkit-filter;
    transition-property: -webkit-transform, -webkit-filter;
    -moz-transition-property: transform, filter, -moz-transform;
    transition-property: transform, filter;
    transition-property: transform, filter, -webkit-transform, -moz-transform, -webkit-filter;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.box__face--front::after {
    width: 100%;
    height: 2px;
    border-top-left-radius: 12px 1px;
    border-top-right-radius: 12px 1px;
    border-bottom-left-radius: 12px 1px;
    border-bottom-right-radius: 12px 1px;
    background-color: #000;
    -webkit-transform: translate(-50%, 1px);
    -moz-transform: translate(-50%, 1px);
    -ms-transform: translate(-50%, 1px);
    transform: translate(-50%, 1px);
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .box__face--top {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 60px;
        background-color: #0d2148;
        -webkit-transform: rotateX(90deg) translateZ(30px);
        -moz-transform: rotateX(90deg) translateZ(30px);
        transform: rotateX(90deg) translateZ(30px)
    }
}

.box--free-from .box__face--top {
    background-color: #008647
}

.box--funky-fish-kitchen .box__face--top {
    background-color: #ded7cd
}

.box--gastro .box__face--top {
    background-color: #0b0102
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .box--rotate:hover,
    a:hover .box--rotate {
        -webkit-transform: rotateX(-7.5deg) translateZ(50px);
        -moz-transform: rotateX(-7.5deg) translateZ(50px);
        transform: rotateX(-7.5deg) translateZ(50px)
    }
    .box--rotate:hover .box__face--front::before,
    a:hover .box--rotate .box__face--front::before {
        -webkit-transform: translate(-50%, 4px) scaleY(1.5);
        -moz-transform: translate(-50%, 4px) scaleY(1.5);
        -ms-transform: translate(-50%, 4px) scaleY(1.5);
        transform: translate(-50%, 4px) scaleY(1.5);
        -webkit-filter: blur(2px);
        filter: blur(2px)
    }
}

.bulleted-list {
    list-style: none
}

.bulleted-list li {
    padding-left: 24px;
    background-image: url("data:image/svg+xml,\a     %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E\a         %3Ccircle cx='2' cy='2' r='2' fill='%23222'%3E%3C/circle%3E\a     %3C/svg%3E\a");
    background-repeat: no-repeat;
    background-position: 0 0.45em;
    background-size: 6px
}

.bulleted-list li:not(:last-child) {
    margin-bottom: 0.75em
}

.button {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #132862;
    border-radius: 999px;
    padding: 0.75em 2em;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition-property: border-color, color, background-color;
    -moz-transition-property: border-color, color, background-color;
    transition-property: border-color, color, background-color;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.button,
.button:visited,
.button:hover,
.button:active,
.button:focus {
    text-decoration: none;
    color: #132862
}

.button:hover,
.button:active,
.button:focus {
    outline: 0;
    color: #fff;
    background-color: #132862
}

.button__icon {
    vertical-align: middle;
    margin-left: 0.5em;
    font-size: 24px
}

.button--full-width {
    display: block;
    width: 100%
}

.button--small {
    padding: 0.5em 1.65em;
    font-size: 15px;
    font-size: .9375rem
}

.button--large {
    border-width: 3px;
    padding: 1em 3em
}

.button--disabled,
.button:disabled {
    pointer-events: none
}

.button--solid {
    background-color: #132862
}

.button--solid,
.button--solid:visited,
.button--solid:hover,
.button--solid:active,
.button--solid:focus {
    color: #fff
}

.button--strong {
    border-color: #9a0e15;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #9a0e15
}

.button--strong,
.button--strong:visited,
.button--strong:hover,
.button--strong:active,
.button--strong:focus {
    color: #fff
}

.button--strong:hover,
.button--strong:active,
.button--strong:focus {
    border-color: #6b0a0f;
    background-color: #6b0a0f
}

.button--white {
    border-color: #fff
}

.button--white,
.button--white:visited,
.button--white:hover,
.button--white:active,
.button--white:focus {
    color: #fff
}

.button--white:hover,
.button--white:active,
.button--white:focus {
    color: #000;
    background-color: #fff
}

.button--tint {
    background-color: rgba(0, 0, 0, 0.25)
}

.arrow {
    height: 1em;
    border: 0;
    padding: 0;
    font-size: 45px;
    color: #fff;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

@media only screen and (min-width: 600px) {
    .arrow {
        font-size: 60px
    }
}

.arrow--disabled {
    opacity: 0.25;
    pointer-events: none
}

.close {
    width: 1em;
    height: 1em;
    border: 0;
    padding: 0;
    color: #fff;
    background-color: transparent;
    cursor: pointer
}

.block-button {
    display: block;
    padding: 1.5em;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #0075b8;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.block-button:hover,
.block-button:active,
.block-button:focus {
    background-color: #071948
}

@media only screen and (min-width: 768px) {
    .block-button {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.block-button__icon {
    margin-left: 12px;
    font-size: 16px
}

.hamburger {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 32px;
    height: 24px
}

.more-button {
    font-size: 16px;
    font-size: 1rem
}

.more-button__icon {
    vertical-align: middle;
    margin-left: 8px;
    font-size: 16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.chevron-list {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #fff
}

@media only screen and (min-width: 1025px) {
    .chevron-list {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.chevron-list__item {
    vertical-align: top;
    padding-bottom: 10px;
    padding-left: 18px;
    padding-right: 10px;
    background-image: url("data:image/svg+xml,\a     %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 32'%3E\a         %3Cpath fill='%23fff' d='M1.919 0.355c-0.215-0.204-0.506-0.329-0.827-0.329s-0.612 0.125-0.827 0.33c-0.211 0.201-0.342 0.484-0.342 0.798s0.131 0.597 0.342 0.798l14.54 14.048-14.539 14.022c-0.211 0.201-0.342 0.485-0.342 0.799s0.131 0.597 0.342 0.798c0.212 0.212 0.504 0.343 0.827 0.343s0.615-0.131 0.827-0.342l15.396-14.834c0.211-0.201 0.342-0.485 0.342-0.799s-0.131-0.597-0.342-0.798z'%3E%3C/path%3E\a     %3C/svg%3E\a");
    background-repeat: no-repeat;
    background-position: 0 0.35em;
    background-size: 7px 13px
}

@media only screen and (min-width: 1025px) {
    .chevron-list__item {
        padding-bottom: 13px
    }
}

.collage {
    position: relative
}

.collage__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15)
}

@media only screen and (min-width: 800px) {
    .collage__overlay {
        display: none
    }
}

.collage__foreground {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff
}

@media only screen and (min-width: 900px) {
    .collage__foreground {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (min-width: 900px) {
    .collage__foreground--no-button {
        padding-bottom: 115px
    }
}

.cta-block {
    padding-top: 50px;
    padding-bottom: 50px;
    font-weight: bold;
    text-align: center;
    color: #132862;
    background-color: #f7f5ed
}

@media only screen and (min-width: 768px) {
    .cta-block {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

.cta-block__heading {
    margin-bottom: 30px;
    font-size: 21px;
    font-size: 1.3125rem
}

.dropdown {
    overflow: hidden;
    padding: 30px 125px;
    background-color: #132862
}

.dropdown__slide {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.dropdown__slide:not(.is-visible) {
    opacity: 0.5
}

.feature-block {
    padding-top: 60px;
    padding-bottom: 60px
}

@media only screen and (min-width: 1025px) {
    .feature-block {
        padding-top: 130px;
        padding-bottom: 130px
    }
}

.feature-block__headline:not(:last-child) {
    margin-bottom: 25px
}

@media only screen and (min-width: 600px) {
    .feature-block__headline:not(: last-child) {
        margin-bottom: 40px
    }
}

.feature-block__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 600px) {
    .feature-block__subheading {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media only screen and (min-width: 1025px) {
    .feature-block__subheading {
        font-size: 46px;
        font-size: 2.875rem
    }
}

.feature-block__heading {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 0.9
}

@media only screen and (min-width: 600px) {
    .feature-block__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media only screen and (min-width: 1025px) {
    .feature-block__heading {
        font-size: 100px;
        font-size: 6.25rem
    }
}

.feature-block__text {
    font-size: 18px;
    font-size: 1.125rem
}

@media only screen and (min-width: 600px) {
    .feature-block__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.feature-block__figure {
    text-align: center
}

@media only screen and (max-width: 767px) {
    .feature-block__img {
        width: 200px;
        margin-bottom: 30px
    }
}

.feature-block--light-fg {
    color: #fff
}

.feature-block--dark-fg .feature-block__subheading {
    color: #0075b8
}

.feature-block--dark-fg .feature-block__heading {
    color: #132862
}

@media only screen and (min-width: 1025px) {
    .feature-block--left .feature-block__content {
        padding-left: 65px
    }
}

@media only screen and (min-width: 768px) {
    .feature-block--left .feature-block__figure {
        text-align: right
    }
}

@media only screen and (min-width: 1025px) {
    .feature-block--right .feature-block__content {
        padding-right: 65px
    }
}

@media only screen and (min-width: 768px) {
    .feature-block--right .feature-block__figure {
        text-align: left
    }
}

.feature-list {
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    background-color: #f9f8f6
}

.feature-list th,
.feature-list td {
    padding-left: 0.75em;
    padding-left: 0.75em
}

.feature-list th {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: left;
    color: #fff;
    background-color: #132862
}

.feature-list tbody tr:first-child th,
.feature-list tbody tr:first-child td {
    padding-top: 0.75em
}

.feature-list tbody tr:last-child th,
.feature-list tbody tr:last-child td {
    padding-bottom: 0.75em
}

.feature-list__flag {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.feature-list__flag--on {
    background-color: #9d0e14
}

.featurette {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: inherit;
    background-color: #fff
}

.featurette,
.featurette:visited,
.featurette:hover,
.featurette:active,
.featurette:focus {
    color: inherit
}

.featurette--dark {
    background-color: #132862
}

.featurette--dark,
.featurette--dark:visited,
.featurette--dark:hover,
.featurette--dark:active,
.featurette--dark:focus {
    color: #fff
}

.featurette__flag {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.featurette__bg {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 170px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-position: 50% 100%;
    background-size: cover
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .featurette__bg {
        padding-bottom: 35px
    }
}

.featurette__bg--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featurette__bg--paper {
    background-image: url("../images/paper.png");
    background-position: 50% 50%
}

.featurette__bg--2d {
    padding-top: 18px;
    padding-bottom: 18px
}

.featurette__2d-pack {
    max-width: 220px;
    max-height: 100%
}

.featurette__basket {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 26px;
    color: #fff;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.featurette__basket:hover,
.featurette__basket:active,
.featurette__basket:focus {
    color: #9a0e15
}

.featurette__box__front {
    max-height: 120px
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .featurette__box {
        -webkit-perspective: 700px;
        -moz-perspective: 700px;
        perspective: 700px
    }
    .featurette__box__front {
        max-width: 180px;
        max-height: 105px
    }
}

.featurette__roundel {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10
}

.featurette__img {
    background-position: 50% 50%;
    background-size: cover
}

.featurette__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 22px;
    text-align: center
}

@media only screen and (min-width: 1025px) {
    .featurette__content--headline {
        padding: 26px 35px
    }
}

.featurette__intro {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.3
}

.featurette__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3
}

.featurette__headline--narrow {
    max-width: 475px
}

.featurette__badge {
    position: absolute;
    top: 20px;
    right: 7.38255%;
    z-index: 10
}

.featurette__button {
    margin-top: 1.25em
}

@media only screen and (min-width: 1025px) {
    .featurette__button {
        margin-top: 2.5em
    }
}

@media only screen and (max-width: 767px) {
    .featurette--horizontal .featurette__content {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media only screen and (min-width: 768px) {
    .featurette--horizontal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .featurette--horizontal .featurette__img,
    .featurette--horizontal .featurette__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.featurette--rev .featurette__img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.featurette--rev .featurette__content {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.featurette__content--chip-shop,
.featurette__content--family-favourites {
    color: #fff;
    background-color: #0075b8
}

.featurette__content--gastro,
.featurette__content--date-night {
    color: #000;
    background-color: #bea373
}

.featurette--horizontal .featurette__content--gastro,
.featurette--horizontal .featurette__content--date-night {
    color: #fff;
    background-color: #000
}

.featurette--horizontal .featurette__content--gastro .featurette__heading,
.featurette--horizontal .featurette__content--date-night .featurette__heading {
    color: #bea373
}

.featurette__content--funky-fish-kitchen {
    color: #000;
    background-color: #f9f8f5
}

.featurette__content--shellfish,
.featurette__content--christmas-inspiration,
.featurette__content--kids-meals {
    color: #fff;
    background-color: #132862
}

.featurette__content--healthy-meals .featurette__intro {
    color: #0075b8
}

.featurette__content--seafood-week {
    color: #fff;
    background-color: #1a4e66
}

.featurette__content--youngsters {
    color: #fff;
    background-color: #0072b5
}

.featurette__content--youngsters .featurette__title {
    font-family: 'Market Pro', sans-serif;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: normal;
    line-height: 1.1;
    text-transform: uppercase
}

.file {
    display: block;
    padding: 35px 35px 30px;
    background-color: #f8f7f2
}

.file__title {
    margin-bottom: 0.75em;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.3
}

.flag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 110px;
    height: 55px;
    padding-bottom: 3px;
    padding-left: 18px;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    color: #222;
    background-color: #f4d52f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffec60), to(#f4d52f));
    background-image: -moz-linear-gradient(top, #ffec60, #f4d52f);
    background-image: linear-gradient(to bottom, #ffec60, #f4d52f);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.flag--gastro {
    background-color: #d3c07e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8df9f), to(#d3c07e));
    background-image: -moz-linear-gradient(top, #e8df9f, #d3c07e);
    background-image: linear-gradient(to bottom, #e8df9f, #d3c07e)
}

.input {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 0.65em 1em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input:focus {
    outline: 0
}

.input--checkbox {
    width: 16px;
    height: 16px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 12px auto
}

input[type='checkbox']:checked+.input--checkbox {
    background-image: url("data:image/svg+xml,\a     %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E\a         %3Cpath d='M27 4l-15 15-7-7-5 5 12 12 20-20z'%3E%3C/path%3E\a     %3C/svg%3E\a")
}

.input--textarea {
    height: 215px;
    min-height: 215px;
    resize: vertical
}

.label {
    cursor: pointer
}

.checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    padding-left: 30px;
    font-size: 14px;
    font-size: .875rem;
    color: #132862;
    cursor: pointer
}

.checkbox__input {
    position: absolute;
    top: 2px;
    left: 0;
    cursor: pointer
}

.file-input {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #132862;
    cursor: pointer
}

.file-input__label {
    text-decoration: underline
}

.file-input__icon {
    margin-left: 16px
}

.file-input__input {
    position: absolute;
    left: -500px;
    display: block;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.file-input__filename {
    font-size: 14px;
    font-size: .875rem
}

.file-input-wrap {
    overflow: hidden;
    width: 100%;
    position: relative
}

.form {
    padding: 30px;
    background-color: #f8f7f2
}

.form__wrapper {
    max-width: 600px
}

.form__header {
    margin-bottom: 45px;
    text-align: center
}

.form__row:not(:last-child) {
    margin-bottom: 15px
}

.form__label {
    display: block;
    margin-bottom: 0.25em
}

.form__tip {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    text-align: right
}

.form__tip:not(:empty) {
    margin-top: 0.25em
}

.form__error {
    display: block;
    margin-top: 0.65em
}

.form__tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px
}

.form__footer {
    margin-top: 35px;
    text-align: center
}

.form__legal {
    margin-top: 25px;
    font-size: 13px;
    font-size: .8125rem;
    color: #555
}

.glossary::before,
.glossary::after {
    content: ' ';
    display: table
}

.glossary::after {
    clear: both
}

@media only screen and (min-width: 500px) {
    .glossary {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 768px) {
    .glossary--has-roundel {
        margin-top: -27px
    }
}

.glossary__item {
    margin-bottom: 10px
}

.glossary__item:not(:last-child) {
    margin-right: 20px
}

.glossary__icon {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 12px;
    font-size: 26px;
    color: #0075b8
}

@media only screen and (min-width: 600px) {
    .glossary__icon {
        margin-right: 18px;
        font-size: 36px
    }
}

.glossary__heading {
    display: inline-block
}

.glossary__heading::after {
    content: ':\00A0'
}

.glossary__roundel {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    margin-left: auto
}

@media only screen and (max-width: 499px) {
    .glossary__roundel {
        float: right
    }
}



.careers_css .delta-min--one-third .headline svg {
   max-width: 60%;
   display: none;
}

.careers_css .delta-min--one-third .headline .svg_logo {
   display: none;

}

.careers_css .tile--home--1 .tile__heading {
		font-size: 2.4rem;
}

@media only screen and (min-width: 600px) {
	
	.careers_css .tile--home--1 .tile__heading {
		font-size: 1.4rem;
	}

}

@media only screen and (min-width: 900px) {
	
	.careers_css .tile--home--1 .tile__heading {
		font-size: 2.4rem;
	}

}

@media only screen and (min-width: 1100px) {
	
	.careers_css .delta-min--one-third .headline svg {
		display: block;
		margin: 0 auto;
		margin-top: inherit;

	}
	
	.careers_css .delta-min--one-third .headline .svg_logo {
		display: block;
	}
	
}

@media only screen and (min-width: 900px) {
	
	.careers_css .delta-min--one-third .headline svg {
		margin-top: -40px;

	}
}

@media only screen and (min-width: 1200px) {
	
	.careers_css .delta-min--one-third .headline svg {
		margin-top: -90px;

	}
}

.headline {
    text-align: center
}

.careers_css .delta-min--one-third .headline {
/* 	outline: 1px solid red; */
	width: 100%;
	float: left;
}

.headline__heading {
    margin-bottom: 0.3em
}

.headline__heading:last-child {
    margin-bottom: 0
}

.headline__heading--default {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2
}

@media only screen and (min-width: 500px) {
    .headline__heading--default {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media only screen and (min-width: 1025px) {
    .headline__heading--default {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.headline__subheading {
    display: block;
    margin-bottom: 0.15em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-weight: normal
}

.headline__subheading:last-child {
    margin-bottom: 0
}

.headline__subheading--default {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.3
}

@media only screen and (min-width: 500px) {
    .headline__subheading--default {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 1025px) {
    .headline__subheading--default {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.headline__excerpt {
    font-size: 18px;
    font-size: 1.125rem
}

@media only screen and (min-width: 768px) {
    .headline__excerpt {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.headline__button {
    margin-top: 1.5em
}

.headline__button--small {
    margin-top: 1em
}

.headline__button--more-space {
    margin-top: 3em
}

.hero {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #132862;
    background-position: 50% 50%;
    background-size: cover
}

@media only screen and (min-width: 768px) {
    .hero {
        height: 500px;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 1025px) {
    .hero {
        height: 600px
    }
}

@media only screen and (min-width: 768px) {
    .hero--small {
        height: 350px
    }
}

@media only screen and (min-width: 1025px) {
    .hero--small {
        height: 410px
    }
}

@media only screen and (min-width: 600px) {
    .hero--has-overlap {
        padding-bottom: 220px
    }
}

@media only screen and (min-width: 768px) {
    .hero--has-overlap {
        padding-bottom: 180px
    }
}

.hero--seafood-week {
    background-image: url("../images/seafood-week/wood.jpg")
}

.hero--tint::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
}

.ourscamp.hero--tint::after {
	display: none;
}

.hero--scampi-and-speciality::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3))
}

.ourscamp.story-header::before {
	display: none;
}

.hero__wrapper {
    max-width: 850px
}

.hero__wrapper--wide {
    max-width: 1010px
}

.hero__video {
    z-index: 2
}

.hero__content {
    position: relative;
    z-index: 10
}

@media only screen and (min-width: 768px) {
    .hero__content--nudge {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
}

.hero__logo {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto
}

.hero__logo--gastro {
    font-size: 55px
}

@media only screen and (min-width: 600px) {
    .hero__logo--gastro {
        font-size: 80px
    }
}

.hero__logo--chip-shop {
    font-size: 65px
}

@media only screen and (min-width: 600px) {
    .hero__logo--chip-shop {
        font-size: 90px
    }
}

.hero__logo--funky-fish-kitchen {
    font-size: 110px
}

@media only screen and (min-width: 600px) {
    .hero__logo--funky-fish-kitchen {
        font-size: 175px
    }
}

.hero__glow {
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5))
}

.hero__headline {
    color: #fff
}

.hero__subheading {
    margin-bottom: 0.35em;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2
}

@media only screen and (min-width: 600px) {
    .hero__subheading {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.hero__subheading--small {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3
}

@media only screen and (min-width: 1025px) {
    .hero__subheading--small {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.hero__subheading--alt {
    font-family: 'Gotham', sans-serif;
    font-weight: inherit
}

.hero__heading {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.1
}

@media only screen and (min-width: 500px) {
    .hero__heading {
        font-size: 48px;
        font-size: 3rem
    }
}

@media only screen and (min-width: 600px) {
    .hero__heading {
        font-size: 66px;
        font-size: 4.125rem
    }
}

@media only screen and (min-width: 1025px) {
    .hero__heading {
        font-size: 86px;
        font-size: 5.375rem
    }
}

.hero__heading--medium {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.1
}

@media only screen and (min-width: 600px) {
    .hero__heading--medium {
        font-size: 66px;
        font-size: 4.125rem
    }
}

.hero__heading--small {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.2
}

@media only screen and (min-width: 1025px) {
    .hero__heading--small {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.hero__wave {
    margin-left: auto;
    margin-right: auto;
    font-size: 22px
}

.hero__overlap {
    position: relative;
    z-index: 15
}

@media only screen and (min-width: 600px) {
    .hero__overlap {
        margin-top: -140px
    }
}

.hero--chip-shop,
.hero--gastro {
    background-image: url("../images/carousel/background.jpg")
}

.hero__packs,
.hero__plate {
    position: absolute;
    z-index: 8
}

.hero__packs--chip-shop {
    bottom: 78px;
    left: 0
}

@media only screen and (max-width: 1350px) {
    .hero__packs--chip-shop {
        width: 43.11111vw
    }
}

.hero__plate--chip-shop {
    bottom: 7px;
    right: 90px
}

@media only screen and (max-width: 1350px) {
    .hero__plate--chip-shop {
        width: 31.62963vw
    }
}

@media only screen and (max-width: 1100px) {
    .hero__plate--chip-shop {
        right: 30px
    }
}

.hero__packs--gastro {
    bottom: 46px;
    left: 0
}

@media only screen and (max-width: 1350px) {
    .hero__packs--gastro {
        width: 42.66667vw
    }
}

.hero__plate--gastro {
    bottom: 0;
    right: 0
}

@media only screen and (max-width: 1350px) {
    .hero__plate--gastro {
        width: 42.37037vw
    }
}

.index {
    padding: 38px 25px 45px;
    color: #fff;
    background-color: #132862
}

@media only screen and (min-width: 1025px) {
    .index {
        padding-left: 80px;
        padding-right: 80px
    }
}

.index__section:not(:first-child) {
    border-top: 1px solid #0075b8;
    margin-top: 20px;
    padding-top: 25px
}

@media only screen and (min-width: 400px) {
    .index__section:not(: first-child) {
        margin-top: 35px;
        padding-top: 35px
    }
}

@media only screen and (min-width: 400px) {
    .index__section--grid {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0075b8), to(#0075b8));
        background-image: -moz-linear-gradient(top, #0075b8, #0075b8);
        background-image: linear-gradient(to bottom, #0075b8, #0075b8);
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 1px 100%
    }
}

.index__show-list {
    width: 100%;
    font-family: 'Gotham', sans-serif;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    color: #fff
}

@media only screen and (min-width: 400px) {
    .index__show-list {
        display: none
    }
}

@media only screen and (max-width: 599px) {
    .index__list li {
        display: block
    }
}

@media only screen and (min-width: 600px) {
    .index__list li {
        width: 50%
    }
}

.index__heading {
    display: block;
    margin-bottom: 12px;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2
}

.instruction {
    padding-top: 15px;
    padding-bottom: 25px;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .instruction {
        padding-left: 30px;
        padding-right: 30px
    }
}

.instruction--spaced {
    margin-top: 30px
}

.instruction__icon {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    font-size: 50px;
    color: #132862
}

.instruction__heading {
    margin-bottom: 0.5em;
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: normal;
    line-height: 1.3;
    color: #132862
}

@media only screen and (min-width: 900px) {
    .instruction__heading {
        margin-bottom: 0.75em
    }
}

.main-menu {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center
}

.main-menu__item {
    padding-left: 7px;
    padding-right: 7px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s
}

.main-menu--split .main-menu__item:nth-child(-n+3) {
    /* MN UPDATE
    -webkit-transform: translateX(-110px);
    -moz-transform: translateX(-110px);
    -ms-transform: translateX(-110px);
    transform: translateX(-110px)
    */
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
}

.main-menu--split .main-menu__item:nth-last-child(-n+3) {
    /* MN UPDATE
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px)
    */
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px)
}


/*  .main-menu--split .main-menu__item:nth-last-child(-n+2){-webkit-transform:translateX(8px);-moz-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px)} */

.main-menu__link {
    display: block;
    padding-left: 7px;
    padding-right: 7px
}

.main-menu__text {
    display: block;
    padding-top: 14px;
    padding-bottom: 18px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0075b8), to(#0075b8));
    background-image: -moz-linear-gradient(top, #0075b8, #0075b8);
    background-image: linear-gradient(to bottom, #0075b8, #0075b8);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100% 0;
    -webkit-transition: background-size 0.2s ease;
    -moz-transition: background-size 0.2s ease;
    transition: background-size 0.2s ease
}

.main-menu__item--current .main-menu__text,
.main-menu__link:hover .main-menu__text,
.main-menu__link:focus .main-menu__text {
    background-size: 100% 4px
}

.main-menu__dropdown {
    display: none
}

.secondary-menu {
    font-size: 14px;
    font-size: .875rem
}

.secondary-menu__item:not(:last-child) {
    margin-right: 1em
}

@media only screen and (min-width: 768px) {
    .secondary-menu__item:not(: last-child)::after {
        content: '|';
        margin-left: 1em
    }
}

.icon-menu {
    height: 1em;
    font-size: 24px
}

.icon-menu__item {
    vertical-align: top
}

.icon-menu__item:not(:last-child) {
    margin-right: 22px
}

.icon-menu__link {
    display: block;
    border: 0;
    padding: 0;
    font-size: inherit;
    background-color: transparent;
    cursor: pointer
}

.icon-menu__link,
.icon-menu__link:visited,
.icon-menu__link:hover,
.icon-menu__link:active,
.icon-menu__link:focus {
    color: #fff
}

.contents-menu {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    color: #132862
}

.contents-menu__heading {
    margin-bottom: 0.5em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 30px;
    font-size: 1.875rem;
    color: #0075b8
}

.contents-menu__item:not(:last-child) {
    margin-right: 25px
}

@media only screen and (min-width: 600px) {
    .contents-menu__item:not(: last-child)::after {
        content: '|';
        margin-left: 25px
    }
}

.full-page-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    font-size: 1.625rem;
    text-align: center
}

.full-page-menu__item:not(:last-child) {
    margin-bottom: 0.25em
}

.numbered-list {
    list-style: none;
    counter-reset: numbered-list
}

.numbered-list li {
    position: relative;
    min-height: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    margin-left: 55px;
    padding-bottom: 25px;
    counter-increment: numbered-list
}

@media only screen and (min-width: 600px) {
    .numbered-list li {
        margin-left: 70px
    }
}

.numbered-list li::before {
    content: counter(numbered-list);
    position: absolute;
    top: 0;
    left: -55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    background-color: #132862
}

@media only screen and (min-width: 600px) {
    .numbered-list li::before {
        left: -70px;
        width: 40px;
        height: 40px;
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    color: #fff;
    background-color: rgba(19, 40, 98, 0.95)
}

@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
    .overlay {
        background-color: rgba(19, 40, 98, 0.9);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }
}

.overlay[hidden],
.overlay[aria-hidden='true'] {
    display: none
}

.overlay__close {
    position: absolute;
    top: 42px;
    right: 42px;
    z-index: 100;
    font-size: 38px
}

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

.overlay__window {
    width: 380px;
    max-width: 100%
}

.overlay__loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.overlay__loading.is-shown {
    opacity: 1
}

.overlay-open {
    overflow: hidden
}

.parallax {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 1px;
    -moz-perspective: 1px;
    perspective: 1px
}

.parallax,
.parallax__group {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.parallax__background {
    -webkit-transform: translateZ(-1px) scale(2);
    -moz-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.pip {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.pip:not(:last-child) {
    margin-right: 12px
}

.pip--active,
.pip:hover,
.pip:focus {
    background-color: #9a0e15
}

.pips {
    height: 14px;
    text-align: center
}

.post {
    margin-bottom: 50px
}

.post__img {
    margin-bottom: 25px
}

.post__date {
    display: block;
    color: #132862
}

@media only screen and (max-width: 599px) {
    .post__date {
        margin-bottom: 0.5em
    }
}

.post__title {
    margin-bottom: 0.5em;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
    color: #132862
}

.post__button {
    margin-top: 22px
}

.rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 37px;
    color: #132862
}

.rating__option {
    display: block;
    padding-left: 4px;
    padding-right: 4px
}

label.rating__option {
    cursor: pointer
}

.rating__input {
    position: absolute;
    top: auto;
    left: -999em;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.rating__icon {
    display: block
}

.roundel {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 10px;
    font-size: .625rem;
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase;
    color: #132862;
    background-color: #ffc600
}

@media only screen and (min-width: 768px) {
    .roundel {
        width: 90px;
        height: 90px;
        font-size: 12px;
        font-size: .75rem
    }
}

.roundel b {
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width: 768px) {
    .roundel b {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.search-form {
    padding-top: 50px;
    padding-bottom: 55px;
    color: #132862;
    background-color: #f6f5f8
}

@media only screen and (min-width: 600px) {
    .search-form {
        background-image: url("../images/sections/plates-left.jpg");
        background-repeat: no-repeat;
        background-position: 0 50%;
        background-size: auto 100%
    }
}

@media only screen and (min-width: 900px) {
    .search-form {
        background-image: url("../images/sections/plates-left.jpg"), url("../images/sections/plates-right.jpg");
        background-position: 0 50%, 100% 50%
    }
}

.search-form__wrapper {
    max-width: 900px
}

.search-form__heading {
    margin-bottom: 0.25em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 28px;
    font-size: 1.75rem;
    text-align: center
}

@media only screen and (min-width: 500px) {
    .search-form__heading {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.search-form__input {
    display: inline-block;
    vertical-align: middle;
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    height: 60px;
    border: 0;
    border-radius: 0;
    padding: 0 1.625em;
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
    color: #132862;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.search-form__input::-webkit-input-placeholder {
    color: #132862;
    opacity: 1
}

.search-form__input:-moz-placeholder {
    color: #132862;
    opacity: 1
}

.search-form__input::-moz-placeholder {
    color: #132862;
    opacity: 1
}

.search-form__input:-ms-input-placeholder {
    color: #132862;
    opacity: 1
}

.search-form__input--button {
    position: relative;
    cursor: pointer
}

.search-form__button,
.search-form__input--button::after {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border: 0;
    font-size: 28px;
    color: #132862;
    background-color: #e5e5e6;
    background-image: url("data:image/svg+xml,\a         %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E\a             %3Cpath fill='%23132862' d='M20.064 23.051c-2.045 1.47-4.6 2.351-7.36 2.351-7.013 0-12.698-5.685-12.698-12.698s5.685-12.698 12.698-12.698c7.013 0 12.698 5.685 12.698 12.698 0 2.76-0.881 5.315-2.376 7.398l0.026-0.038 8.321 8.321c0.391 0.378 0.634 0.908 0.634 1.494s-0.243 1.116-0.634 1.493l-0.001 0.001c-0.38 0.388-0.909 0.628-1.494 0.628s-1.114-0.24-1.494-0.627l-8.336-8.336zM12.698 22.409c5.363 0 9.711-4.348 9.711-9.711s-4.348-9.711-9.711-9.711c-5.363 0-9.711 4.348-9.711 9.711v0c0 5.363 4.348 9.711 9.711 9.711v0 0z'%3E%3C/path%3E\a         %3C/svg%3E\a     ");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 28px 28px;
    cursor: pointer
}

.search-form__button--alt,
.search-form__input--alt.search-form__input--button::after {
    background-color: #9a0e15;
    background-image: url("data:image/svg+xml,\a         %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E\a             %3Cpath fill='%23fff' d='M20.064 23.051c-2.045 1.47-4.6 2.351-7.36 2.351-7.013 0-12.698-5.685-12.698-12.698s5.685-12.698 12.698-12.698c7.013 0 12.698 5.685 12.698 12.698 0 2.76-0.881 5.315-2.376 7.398l0.026-0.038 8.321 8.321c0.391 0.378 0.634 0.908 0.634 1.494s-0.243 1.116-0.634 1.493l-0.001 0.001c-0.38 0.388-0.909 0.628-1.494 0.628s-1.114-0.24-1.494-0.627l-8.336-8.336zM12.698 22.409c5.363 0 9.711-4.348 9.711-9.711s-4.348-9.711-9.711-9.711c-5.363 0-9.711 4.348-9.711 9.711v0c0 5.363 4.348 9.711 9.711 9.711v0 0z'%3E%3C/path%3E\a         %3C/svg%3E\a     ")
}

.search-form__input--button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%
}

.search-form__help {
    margin-top: 1.5em;
    text-align: center
}

.section {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-position: 50% 0;
    background-size: cover
}

.section--double-spaced {
    margin-bottom: 60px
}

.section--last {
    margin-bottom: 0
}

.section__header {
    margin-bottom: 25px;
    padding-top: 40px
}

@media only screen and (min-width: 768px) {
    .section__header {
        margin-bottom: 35px;
        padding-top: 68px
    }
}

.section__header--has-logo {
    padding-top: 15px
}

.section__logo--gastro {
    width: 222px
}

.section__logo--gastro-campaign {
    width: 222px;
    margin-top: 40px;
    margin-bottom: 30px
}

.section__logo--chip-shop {
    width: 355px
}

.section__logo--chip-shop--small {
    width: 222px
}

.section__logo--seafood-week {
    width: 260px
}

@media only screen and (min-width: 900px) {
    .section__logo--seafood-week {
        width: 386px
    }
}

.section__logo--youngsters {
    margin-bottom: 20px;
    font-size: 78px;
    -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4))
}

.section__roundel {
    width: 110px
}

@media only screen and (max-width: 599px) {
    .section__roundel {
        display: block;
        margin-top: 25px;
        margin-bottom: -20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 600px) {
    .section__roundel {
        position: absolute;
        top: 24px;
        right: 24px
    }
}

@media only screen and (min-width: 900px) {
    .section__roundel {
        right: 48px;
        width: 140px
    }
}

.section__footer {
    margin-top: 35px;
    padding-bottom: 45px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .section__footer {
        padding-bottom: 70px
    }
}

.section--highlight {
    background-color: #f7f5ed
}

.section--range {
    color: #132862
}

.section--index {
    color: #132862;
    background-color: #e5e5e6
}

@media only screen and (min-width: 500px) {
    .section--index {
        background-image: url("../images/sections/plates.jpg")
    }
}

.section--gastro {
    color: #fff;
    background-image: url("../images/sections/gastro.jpg")
}

.section--gastro-campaign {
    color: #fff;
    background-image: url("../images/gastro-date-night/quiz/background.jpg")
}

.section--family-favourites {
    color: #132862;
    background-image: url("../images/sections/family-favourites.jpg")
}

.section--chip-shop {
    color: #132862;
    background-image: url("../images/sections/chip-shop.jpg")
}

.section--kids-meals {
    color: #132862;
    background-image: url("../images/sections/kids-meals.jpg")
}

.section--youngs-kitchen {
    color: #fff;
    background-image: url("../images/sections/blue-texture.jpg")
}

.featurette__content--youngs-kitchen {
    background-color: #132862;
    color: #fff;
}

.section--healthy-meals {
    color: #132862;
    background-image: url("../images/sections/healthy-meals.jpg")
}

.section--seafood-week {
    color: #fff;
    background-image: url("../images/sections/seafood-week.jpg")
}

.section--wood {
    background-image: url("../images/sections/wood.jpg")
}

.section--xmas {
    color: #fff;
    background-image: url("../images/xmas/carousel.jpg")
}

.section--shellfish {
    color: #fff;
    background-image: url("../images/sections/shellfish.jpg")
}

.section--youngsters {
    color: #fff;
    background-image: url("../images/sections/youngsters.png");
    background-position: 50% 100%
}

.share__heading {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.share__link {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    text-decoration: none;
    color: #0075b8
}

.share__icon {
    font-size: 24px;
    color: #0075b8
}

.sidebar {
    padding: 25px;
    background-color: #f7f5ed
}

.sidebar__heading {
    font-size: 21px;
    font-size: 1.3125rem;
    margin-bottom: 0.25em;
    color: #132862
}

.slideshow {
    position: relative
}

.slideshow__pips {
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    z-index: 100;
    -webkit-filter: drop-shadow(0 0 8px rgba(19, 40, 98, 0.5));
    filter: drop-shadow(0 0 8px rgba(19, 40, 98, 0.5))
}

.FFL-slide {
    padding: 20px 20px 40px;
    text-align: center;
    color: #fff;
    background-color: #006e74;
    background-image: url("../images/fish-for-life/slide/background.jpg")

}

.careers_css.FFL-slide {
    padding: 20px 20px 40px;
    text-align: center;
    color: #fff;
    background-color: #FFFFFF;
    background-image: url("../images/careers/youngs-career-1.jpg");
/*     margin-top: 60px; */
}


.careers_css.where.FFL-slide {
    padding: 40px 20px;
    text-align: center;
    background-image: url("../images/careers/where-weve-been.jpg");
/*     margin-top: 60px; */
}

.careers_css.where.FFL-slide.tv_masters {
    padding: 80px 20px;
    text-align: center;
    background-image: url("../images/masters-of-fish/masters-of-fish.jpg");
/*     margin-top: 60px; */
}

.scampi_masters {
    background-image: url("../images/masters-of-fish/masters-of-scampi-1.jpg") !important;
    /*     margin-top: 60px; */
}

.body--postid-34817 .bulleted-list li, .body--postid-34811 .bulleted-list li{
    background-image:none !important;
    padding-left:0 !important;
}

@media only screen and (min-width: 960px) {
	.careers_css.FFL-slide {
    margin-top: 60px;
	}
	
	.careers_css.where.FFL-slide {
	    margin-top: 60px;
	}
	
	.careers_css.where.FFL-slide.tv_masters {
		margin-top: 0px;
	}
}



.FFL-slide__content {
    width: 730px;
    max-width: 100%
}

.where .FFL-slide__content {
	width: 930px;
    max-width: 100%
}

@media only screen and (max-width: 899px) {
    .FFL-slide__content {
        width: 630px
    }
}

@media only screen and (max-width: 767px) {
    .FFL-slide__content {
        width: 500px
    }
}

.FFL-slide__logo {
    display: block;
    width: 239px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow(0 0 20px #0f1825);
    filter: drop-shadow(0 0 20px #0f1825)
}

@media only screen and (max-width: 1024px) {
    .FFL-slide__logo {
        width: 200px
    }
}

@media only screen and (max-width: 767px) {
    .FFL-slide__logo {
        width: 180px
    }
}

@media only screen and (max-width: 499px) {
    .FFL-slide__logo {
        width: 160px
    }
}

.FFL-slide__caption {
    margin-bottom: 28px;
    font-size: 32px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    text-transform: uppercase
}

@media only screen and (max-width: 1024px) {
    .FFL-slide__caption {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media only screen and (max-width: 899px) {
    .FFL-slide__caption {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .FFL-slide__caption {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media only screen and (max-width: 399px) {
    .FFL-slide__caption {
        margin-bottom: 20px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

.slogan {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
    text-shadow: 0 0 5px #132862, 0 0 15px #132862, 0 0 25px #132862
}

.stack {
    position: relative;
    display: block;
    overflow: hidden
}

.stack__layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.stack__layer:nth-child(1) {
    z-index: 1
}

.stack__layer:nth-child(2) {
    z-index: 2
}

.stack__layer:nth-child(3) {
    z-index: 3
}

.stack__layer--tint {
    background-color: rgba(0, 0, 0, 0.2)
}

.suggestion {
    padding-top: 55px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #f7f5ed
}

.suggestion__wrapper {
    max-width: 610px
}

.suggestion__heading {
    margin-bottom: 0.5em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2;
    color: #132862
}

@media only screen and (min-width: 768px) {
    .suggestion__heading {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.table {
    table-layout: fixed
}

@media only screen and (max-width: 499px) {
    .table {
        font-size: 14px;
        font-size: .875rem
    }
}

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

.table th {
    text-align: left;
    background-color: #f4f4f4
}

.tabs {
    font-weight: bold;
    text-align: center
}

.tabs li:not(:last-child) {
    margin-right: 5px
}

.tab {
    display: block;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 1.1em 2em 0.65em;
    background-color: #132862;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 8px
}

@media only screen and (min-width: 900px) {
    .tab {
        width: 230px;
        padding-left: 1em;
        padding-right: 1em
    }
}

@media only screen and (min-width: 1025px) {
    .tab {
        width: 280px
    }
}

.tab,
.tab:visited,
.tab:hover,
.tab:active,
.tab:focus {
    color: #fff
}

.tab:hover,
.tab:active,
.tab:focus {
    color: #1c387a;
    background-color: #fff;
    background-image: none
}

.tab--selected {
    background-color: #fff;
    background-image: none
}

.tab--selected,
.tab--selected:visited,
.tab--selected:hover,
.tab--selected:active,
.tab--selected:focus {
    color: #1c387a
}

.tab-panel[aria-hidden='true'] {
    display: none
}

.tags__list {
    font-size: 14px;
    font-size: .875rem;
    text-align: center
}

.tags__list-item {
    display: inline-block;
    width: 16.66667%;
    margin-bottom: 3px;
    padding: 0.5em;
    background-color: #f9f8f6
}

.tags__list-item--highlight {
    color: #fff;
    background-color: #0075b8
}

.text-block {
    padding-top: 50px;
    padding-bottom: 65px;
    font-size: 18px;
    font-size: 1.125rem
}

.tile {
    background-color: #132862
}

.tile__layer {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.25s linear;
    transition: -webkit-transform 0.25s linear;
    -moz-transition: transform 0.25s linear, -moz-transform 0.25s linear;
    transition: transform 0.25s linear;
    transition: transform 0.25s linear, -webkit-transform 0.25s linear, -moz-transform 0.25s linear
}

.tile__layer--background {
    background-position: 50% 50%;
    background-size: cover
}

.tile__layer--img {
    background-repeat: no-repeat
}

.tile__subheading {
    line-height: 1.1
}

.tile__heading {
    margin-bottom: 0.05em;
    line-height: 1
}

.tile__excerpt {
    max-width: 705px
}

@media only screen and (max-width: 1119px) {
    .tile__excerpt {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media only screen and (max-width: 399px) {
    .tile__excerpt {
        font-size: 16px;
        font-size: 1rem
    }
}

.tile--pan .tile__layer--img,
.tile--pan .tile__layer--background {
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px)
}

.tile--pan:hover .tile__layer:nth-child(1),
.tile--pan:active .tile__layer:nth-child(1),
.tile--pan:focus .tile__layer:nth-child(1) {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tile--fish {
    background-color: #3d90ba;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0))
}

.careers_css .tile--fish .tile__layer:nth-child(1) {
    background-color: #132862;
    background-image: url("../images/careers/youngs-blue-bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;

}

.tile--fish .tile__layer:nth-child(1) {
    width: -moz-calc(100% + 48px);
    width: calc(100% + 48px);
    background-image: url("../images/tiles/fish-bg.png");
    background-position: 100% 0
}

@media only screen and (min-width: 600px) {
    .tile--fish .tile__layer:nth-child(1) {
        background-size: 100% auto
    }
}

@media only screen and (max-width: 599px) {
    .tile--fish .tile__layer:nth-child(1) {
        background-position: 100% -40px
    }
}

.tile--fish .tile__layer:nth-child(2) {
    -webkit-transform: translateY(-25px) translateZ(0);
    -moz-transform: translateY(-25px) translateZ(0);
    transform: translateY(-25px) translateZ(0)
}

@media only screen and (max-width: 599px) {
    .tile--fish .tile__layer:nth-child(2) {
        z-index: 4
    }
}

.tile--fish .tile__layer:nth-child(3) {
    width: -moz-calc(100% + 48px);
    width: calc(100% + 48px);
    background-image: url("../images/tiles/fish-fg.png");
    background-position: 100% 100%
}

@media only screen and (min-width: 600px) {
    .tile--fish .tile__layer:nth-child(3) {
        background-size: 100% auto
    }
}

@media only screen and (max-width: 599px) {
    .tile--fish .tile__layer:nth-child(3) {
        background-position: left 100% bottom -15px;
        background-size: 350px auto
    }
}

.tile--fish:hover .tile__layer:nth-child(1),
.tile--fish:active .tile__layer:nth-child(1),
.tile--fish:focus .tile__layer:nth-child(1) {
    -webkit-transform: translateX(-35px);
    -moz-transform: translateX(-35px);
    -ms-transform: translateX(-35px);
    transform: translateX(-35px)
}

.tile--fish:hover .tile__layer:nth-child(3),
.tile--fish:active .tile__layer:nth-child(3),
.tile--fish:focus .tile__layer:nth-child(3) {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tile--fish.tile--default-height .tile__layer:nth-child(3) {
    z-index: 1
}

.tile--beach .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/beach.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/beach.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/beach.jpg");
    background-blend-mode: soft-light, normal, normal
}

.careers_css .tile--beach .tile__layer:nth-child(1) {
    background-image: url("../images/careers/see-who-we-are.jpg");
}

.careers_css .tile--been .tile__layer:nth-child(1) {
    background-image: url("../images/careers/see-where-weve-been.jpg");
}

.careers_css .tile--offer .tile__layer:nth-child(1) {
    background-image: url("../images/careers/see-what-we-offer.jpg");
}

.careers_css .tile--going .tile__layer:nth-child(1) {
    background-image: url("../images/careers/see-where-were-going.jpg");
}

.careers_css .tile--life .tile__layer:nth-child(1) {
    background-image: url("../images/careers/life-at-youngs.jpg");
}

.careers_css .tile--diversity .tile__layer:nth-child(1) {
    background-image: url("../images/careers/diversity-inclusion.jpg");
}



.tile--fishfor .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("/wp-content/uploads/2017/05/Corporate-612x385.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("/wp-content/uploads/2017/05/Corporate-612x385.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("/wp-content/uploads/2017/05/Corporate-612x385.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--learnabout .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("/wp-content/uploads/2017/05/Learn-about-Fish-612x385.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("/wp-content/uploads/2017/05/Learn-about-Fish-612x385.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("/wp-content/uploads/2017/05/Learn-about-Fish-612x385.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--seafoodin .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("/wp-content/uploads/2017/05/family-612x385.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("/wp-content/uploads/2017/05/family-612x385.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("/wp-content/uploads/2017/05/family-612x385.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--unitednations .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/fishyfacts.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/fishyfacts.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/fishyfacts.jpg");
    background-blend-mode: soft-light, normal, normal
}









.tile--malcolm .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/masters.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/masters.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/masters.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--fish-for-life .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/fish-for-life.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/fish-for-life.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/fish-for-life.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--fisherman .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/fisherman.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/fisherman.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/fisherman.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--mackerel .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/mackerel.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/mackerel.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/mackerel.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--prawn-salad .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/prawn-salad.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/prawn-salad.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/prawn-salad.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--silhouettes .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/silhouettes.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/silhouettes.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/silhouettes.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--salmon .tile__layer:nth-child(1) {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tiles/salmon.jpg");
    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/salmon.jpg");
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tiles/salmon.jpg");
    background-blend-mode: soft-light, normal, normal
}

.tile--factory .tile__layer:nth-child(1) {
    background-image: url("../images/tiles/factory.jpg")
}

.block-text-xs .tile__subheading {
    font-size: 22px;
    font-size: 1.375rem
}

.block-text-xs .tile__heading {
    font-size: 44px;
    font-size: 2.75rem
}

.block-text-s .tile__subheading {
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width: 1120px) {
    .block-text-s .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.block-text-s .tile__heading {
    font-size: 44px;
    font-size: 2.75rem
}

@media only screen and (min-width: 1120px) {
    .block-text-s .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.block-text-l .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .block-text-l .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .block-text-l .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.block-text-l .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .block-text-l .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .block-text-l .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

.tile--home--1 {
    padding-top: 111.58798%
}

.careers_css .tile--home--1 {
    padding-top: 126.60944%
}

.tile--home--1 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}


.careers_css .tile--home--1 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--home--1 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--home--1 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--home--1 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

.careers_css div > .tile__heading {
	font-size: 20px;
    font-size: 2.5rem ;
}

.careers_css .tile--home--1 .tile__heading {
    line-height: 1.5;
}

@media only screen and (min-width: 768px) {
    .tile--home--1 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--home--1 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
    

}

@media only screen and (max-width: 899px) {
    .tile--home--1 .tile__subheading {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (max-width: 899px) and (min-width: 1120px) {
    .tile--home--1 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (max-width: 899px) {
    .tile--home--1 .tile__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media only screen and (max-width: 899px) and (min-width: 1120px) {
    .tile--home--1 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--home--2 {
    padding-top: 55.79399%
}

.careers_css .tile--home--2 {
    padding-top: 63.32222%
}



.tile--home--2 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--home--2 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--home--2 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--home--2 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--home--2 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--home--2 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--home--2 {
        padding-top: 63.30472%
    }
    .tile--home--2 .tile__subheading {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--home--2 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--home--2 .tile__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--home--2 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--home--3 {
    padding-top: 63.30472%
}

.tile--home--3 .tile__subheading {
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width: 1120px) {
    .tile--home--3 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.tile--home--3 .tile__heading {
    font-size: 44px;
    font-size: 2.75rem
}

@media only screen and (min-width: 1120px) {
    .tile--home--3 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--home--4 {
    padding-top: 63.30472%
}

.tile--home--4 .tile__subheading {
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width: 1120px) {
    .tile--home--4 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.tile--home--4 .tile__heading {
    font-size: 44px;
    font-size: 2.75rem
}

@media only screen and (min-width: 1120px) {
    .tile--home--4 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--home--5 {
    padding-top: 55.79399%
}


.careers_css .tile--home--5 {
    padding-top: 31.59399%
}


@media only screen and (max-width: 599px) {
	
	.careers_css .tile--home--5 {
	    padding-top: 55.79399%
	}
}

.tile--home--5 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--home--5 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--home--5 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--home--5 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--home--5 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--home--5 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

.tile--home--6 {
    padding-top: 63.30472%
}

.tile--home--6 .tile__subheading {
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width: 1120px) {
    .tile--home--6 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.tile--home--6 .tile__heading {
    font-size: 44px;
    font-size: 2.75rem
}

@media only screen and (min-width: 1120px) {
    .tile--home--6 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--home--7 {
    padding-top: 63.30472%
}

.tile--home--7 .tile__subheading {
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width: 1120px) {
    .tile--home--7 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.tile--home--7 .tile__heading {
    font-size: 44px;
    font-size: 2.75rem
}

@media only screen and (min-width: 1120px) {
    .tile--home--7 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--home--8 {
    padding-top: 55.79399%
}

.tile--home--8 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--home--8 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--home--8 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--home--8 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--home--8 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--home--8 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--home--8 {
        padding-top: 63.30472%
    }
    .tile--home--8 .tile__subheading {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--home--8 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--home--8 .tile__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--home--8 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media only screen and (max-width: 599px) {
    [class*='tile--home--'], .careers_css .tile--home--1, .careers_css .tile--home--2 {
        padding-top: 55.79399%
    }
    [class*='tile--home--'] .tile__subheading {
        font-size: 26px;
        font-size: 1.625rem
    }
    
}

@media only screen and (max-width: 599px) and (min-width: 768px) {
    [class*='tile--home--'] .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (max-width: 599px) and (min-width: 1120px) {
    [class*='tile--home--'] .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media only screen and (max-width: 599px) {
    [class*='tile--home--'] .tile__heading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media only screen and (max-width: 599px) and (min-width: 768px) {
    [class*='tile--home--'] .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (max-width: 599px) and (min-width: 1120px) {
    [class*='tile--home--'] .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (max-width: 399px) {
    [class*='tile--home--'] {
        padding-top: 63.30472%
    }
    [class*='tile--home--'] .tile__subheading {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (max-width: 399px) and (min-width: 1120px) {
    [class*='tile--home--'] .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (max-width: 399px) {
    [class*='tile--home--'] .tile__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media only screen and (max-width: 399px) and (min-width: 1120px) {
    [class*='tile--home--'] .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--footer--1 {
    padding-top: 111.58798%
}

.tile--footer--1 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--1 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--1 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--footer--1 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--1 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--1 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (max-width: 899px) {
    .tile--footer--1 .tile__subheading {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (max-width: 899px) and (min-width: 1120px) {
    .tile--footer--1 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (max-width: 899px) {
    .tile--footer--1 .tile__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media only screen and (max-width: 899px) and (min-width: 1120px) {
    .tile--footer--1 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--footer--2 {
    padding-top: 55.79399%
}

.tile--footer--2 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--2 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--2 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--footer--2 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--2 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--2 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--footer--2 {
        padding-top: 63.30472%
    }
    .tile--footer--2 .tile__subheading {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--footer--2 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--footer--2 .tile__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--footer--2 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--footer--3 {
    padding-top: 55.79399%
}

.tile--footer--3 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--3 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--3 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--footer--3 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--3 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--3 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--footer--3 {
        padding-top: 63.30472%
    }
    .tile--footer--3 .tile__subheading {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--footer--3 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--footer--3 .tile__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--footer--3 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--footer--4 {
    padding-top: 111.58798%
}

.tile--footer--4 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--4 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--4 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--footer--4 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--4 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--4 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

.tile--footer--4 .tile__subheading {
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width: 1120px) {
    .tile--footer--4 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.tile--footer--4 .tile__heading {
    font-size: 44px;
    font-size: 2.75rem
}

@media only screen and (min-width: 1120px) {
    .tile--footer--4 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--footer--5 {
    padding-top: 111.58798%
}

.tile--footer--5 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--5 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--5 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--footer--5 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--5 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--5 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

.tile--footer--5 .tile__subheading {
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width: 1120px) {
    .tile--footer--5 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.tile--footer--5 .tile__heading {
    font-size: 44px;
    font-size: 2.75rem
}

@media only screen and (min-width: 1120px) {
    .tile--footer--5 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--footer--6 {
    padding-top: 55.79399%
}

.tile--footer--6 .tile__subheading {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--6 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--6 .tile__subheading {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.tile--footer--6 .tile__heading {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 768px) {
    .tile--footer--6 .tile__heading {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1120px) {
    .tile--footer--6 .tile__heading {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--footer--6 {
        padding-top: 63.30472%
    }
    .tile--footer--6 .tile__subheading {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--footer--6 .tile__subheading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 900px) {
    .tile--footer--6 .tile__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media only screen and (min-width: 900px) and (min-width: 1120px) {
    .tile--footer--6 .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--default-height {
    height: 100%
}

.tile--mib {
    height: 375px
}

@media only screen and (min-width: 600px) {
    .tile--mib {
        height: 450px
    }
}

@media only screen and (min-width: 1100px) {
    .tile--mib {
        height: 600px
    }
}

.tile--mib .tile__heading {
    font-size: 30px;
    font-size: 1.875rem
}

@media only screen and (min-width: 600px) {
    .tile--mib .tile__heading {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1100px) {
    .tile--mib .tile__heading {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.tile--mib .tile__excerpt {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width: 1100px) {
    .tile--mib .tile__excerpt {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.title-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    text-align: center
}

.careers_css .title-block {
	padding: 0px;
}

.title-block,
.title-block:visited,
.title-block:hover,
.title-block:active,
.title-block:focus {
    color: #fff
}

.title-block--top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 60px
}

.title-block--bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 60px
}

@media only screen and (min-width: 1025px) {
    .title-block--bottom {
        padding-bottom: 90px
    }
}

.title-block__title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: normal;
    line-height: 1.25
}

@media only screen and (min-width: 600px) {
    .title-block__title {
        font-size: 32px;
        font-size: 2rem
    }
}

.title-block__title--small {
    font-size: 21px;
    font-size: 1.3125rem
}

@media only screen and (min-width: 600px) {
    .title-block__title--small {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.title-block__logo--chip-shop {
    font-size: 57px
}

@media only screen and (min-width: 768px) {
    .title-block__logo--chip-shop {
        font-size: 76px
    }
}

.title-block__logo--funky-fish-kitchen {
    font-size: 82px
}

@media only screen and (min-width: 768px) {
    .title-block__logo--funky-fish-kitchen {
        font-size: 109px
    }
}

.title-block__logo--gastro {
    font-size: 38px
}

@media only screen and (min-width: 768px) {
    .title-block__logo--gastro {
        font-size: 50px
    }
}

.today {
    text-align: center;
    text-shadow: 0 0 5px #132862, 0 0 15px #132862, 0 0 25px #132862
}

.today__weather {
    margin-bottom: 4px
}

.today__location {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1
}

.today__icon {
    display: inline-block;
    vertical-align: bottom;
    width: 32px;
    height: 32px;
    margin-left: 5px
}

.today__tides {
    font-size: 14px;
    font-size: .875rem
}

.video {
    margin-top: 40px
}

.window {
    position: relative;
    padding: 60px 25px 30px;
    color: #132862;
    background-color: #fff
}

.window__title {
    margin-bottom: 0.5em;
    font-size: 26px;
    font-size: 1.625rem;
    text-align: center
}

.window__close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
    color: #999
}

.wrapper {
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto
}

.wrapper--outer {
    max-width: 1400px
}

.wrapper--inner {
    max-width: 1240px
}

.wrapper--narrow {
    max-width: 1080px
}

.wrapper--copy {
    max-width: 810px
}

.wrapper--clip {
    overflow: hidden
}

.wrapper--content {
    padding-top: 40px;
    padding-bottom: 50px
}

@media only screen and (min-width: 1025px) {
    .wrapper--content {
        padding-top: 80px;
        padding-bottom: 100px
    }
}

.wrapper__padding {
    padding-left: 25px;
    padding-right: 25px
}

.zoom {
    overflow: hidden
}

.zoom__content {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0)
}

.zoom-trigger:hover .zoom__content,
.zoom-trigger:focus .zoom__content {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.calories-hero__lockup {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width: 768px) {
    .calories-hero__lockup {
        width: 873px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .calories-hero__lockup {
        width: 400px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1025px) {
    .calories-hero__lockup {
        margin-bottom: 55px
    }
}

.calories-hero__button {
    background-color: rgba(19, 40, 98, 0.3)
}

.hero-button-new {
    top: 191px
}

@media only screen and (max-width: 1024px) {
    .hero-button-new {
        top: 157px
    }
}

@media only screen and (max-width: 767px) {
    .hero-button-new {
        top: 128px;
        padding-top: 0.5em;
        padding-bottom: 0.5em
    }
}

.SFW-hero {
    text-align: center;
    background-color: #333;
    background-image: url("../images/seafood-week/hero.jpg")
}

.SFW-hero__wrapper {
    width: 100%;
    max-width: 350px
}

@media only screen and (min-width: 700px) {
    .SFW-hero__wrapper {
        max-width: 400px
    }
}

@media only screen and (min-width: 900px) {
    .SFW-hero__wrapper {
        max-width: 500px
    }
}

@media only screen and (min-width: 1050px) {
    .SFW-hero__wrapper {
        max-width: 560px
    }
}

@media only screen and (min-width: 1300px) {
    .SFW-hero__wrapper {
        max-width: 615px
    }
}

.SFW-hero__content {
    padding-left: 20px;
    padding-right: 20px
}

.SFW-hero__heading {
    display: block;
    width: 100%;
    -webkit-filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.5))
}

.SFW-hero__button {
    margin-top: 15px;
    background-color: rgba(19, 40, 98, 0.2)
}

.SFW-hero__banner {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 20;
    width: 100px
}

@media only screen and (min-width: 450px) {
    .SFW-hero__banner {
        width: 120px
    }
}

@media only screen and (min-width: 700px) {
    .SFW-hero__banner {
        right: 40px;
        width: 140px
    }
}

@media only screen and (min-width: 900px) {
    .SFW-hero__banner {
        width: 170px
    }
}

@media only screen and (min-width: 1050px) {
    .SFW-hero__banner {
        right: 60px;
        width: 190px
    }
}

@media only screen and (min-width: 1300px) {
    .SFW-hero__banner {
        right: 116px;
        width: 224px
    }
}

.gdn-hero {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center
}

@media only screen and (min-width: 851px) {
    .gdn-hero {
        background-image: url("../images/gastro-date-night/hero/background-large.jpg")
    }
}

@media only screen and (min-width: 551px) and (max-width: 850px) {
    .gdn-hero {
        background-image: url("../images/gastro-date-night/hero/background-medium.jpg")
    }
}

@media only screen and (max-width: 550px) {
    .gdn-hero {
        background-image: url("../images/gastro-date-night/hero/background-small.jpg")
    }
}

.gdn-hero__roundel {
    position: absolute;
    top: -18px;
    right: 128px;
    z-index: 100;
    -webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.5))
}

@media only screen and (max-width: 1024px) {
    .gdn-hero__roundel {
        right: 60px;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

@media only screen and (max-width: 899px) {
    .gdn-hero__roundel {
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .gdn-hero__roundel {
        -webkit-transform: scale(0.65);
        -moz-transform: scale(0.65);
        -ms-transform: scale(0.65);
        transform: scale(0.65)
    }
}

@media only screen and (max-width: 599px) {
    .gdn-hero__roundel {
        right: -25px;
        -webkit-transform: scale(0.55);
        -moz-transform: scale(0.55);
        -ms-transform: scale(0.55);
        transform: scale(0.55)
    }
}

@media only screen and (max-width: 499px) {
    .gdn-hero__roundel {
        right: 50%;
        -webkit-transform: translateX(50%) scale(0.55);
        -moz-transform: translateX(50%) scale(0.55);
        -ms-transform: translateX(50%) scale(0.55);
        transform: translateX(50%) scale(0.55)
    }
}

.gdn-hero__content {
    width: 461px;
    -webkit-filter: drop-shadow(0 0 30px #000);
    filter: drop-shadow(0 0 30px #000)
}

@media only screen and (min-width: 500px) {
    .gdn-hero__content {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 499px) {
    .gdn-hero__content {
        padding-top: 40px
    }
}

.mib-hero {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center
}

@media only screen and (min-width: 851px) {
    .mib-hero {
        background-image: url("../images/made-in-britain/hero-large.jpg")
    }
}

@media only screen and (max-width: 850px) {
    .mib-hero {
        background-image: url("../images/made-in-britain/hero-small.jpg")
    }
}

.mib-hero__flag {
    position: absolute;
    top: 0;
    right: 100px;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

@media only screen and (max-width: 1200px) {
    .mib-hero__flag {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6)
    }
}

@media only screen and (max-width: 920px) {
    .mib-hero__flag {
        right: 30px
    }
}

@media only screen and (max-width: 600px) {
    .mib-hero__flag {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@media only screen and (max-width: 499px) {
    .mib-hero__flag {
        right: 50%;
        -webkit-transform: translateX(50%) scale(0.5);
        -moz-transform: translateX(50%) scale(0.5);
        -ms-transform: translateX(50%) scale(0.5);
        transform: translateX(50%) scale(0.5);
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

.mib-hero__lockup {
    -webkit-filter: drop-shadow(0 0 12px rgba(19, 40, 98, 0.3));
    filter: drop-shadow(0 0 12px rgba(19, 40, 98, 0.3))
}

@media only screen and (max-width: 499px) {
    .mib-hero__lockup {
        padding-top: 60px
    }
}

.mib-hero__logo {
    width: 620px
}

@media only screen and (max-width: 920px) {
    .mib-hero__logo {
        width: 465px
    }
}

@media only screen and (max-width: 520px) {
    .mib-hero__logo {
        width: 388px
    }
}

.mib-hero__banner {
    width: 412px;
    margin-top: -8px
}

@media only screen and (max-width: 920px) {
    .mib-hero__banner {
        width: 309px
    }
}

@media only screen and (max-width: 520px) {
    .mib-hero__banner {
        width: 258px;
        margin-bottom: -15px
    }
}

.buy {
    font-size: 15px;
    font-size: .9375rem;
    text-align: center
}

.buy__button {
    padding: 0.9em 2.5em;
    font-size: 1em
}

.buy__label {
    display: block;
    margin-top: 16px;
    font-weight: bold;
    color: #132862
}

.buy__icon {
    vertical-align: top;
    margin-left: 10px;
    font-size: 20px
}

.carousel {
    position: relative
}

@media only screen and (max-width: 550px) {
    .carousel {
        padding-left: 15px;
        padding-right: 15px
    }
}

.carousel__slide {
    -webkit-transition-property: -webkit-filter, -webkit-transform;
    transition-property: -webkit-filter, -webkit-transform;
    -moz-transition-property: filter, transform, -moz-transform;
    transition-property: filter, transform;
    transition-property: filter, transform, -webkit-filter, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.carousel__slide:not(.swiper-slide-visible) {
    -webkit-filter: brightness(0.4);
    filter: brightness(0.4);
    pointer-events: none
}

.carousel__button {
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel__button--prev {
    right: -moz-calc(100% + 48px);
    right: calc(100% + 48px)
}

.carousel__button--next {
    left: -moz-calc(100% + 48px);
    left: calc(100% + 48px);
    -webkit-transform: translateY(-50%) scaleX(-1);
    -moz-transform: translateY(-50%) scaleX(-1);
    -ms-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1)
}

.contact-card__heading {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: normal
}

.contact-card__small-print {
    display: block;
    margin-bottom: 1.8em;
    font-size: 14px;
    font-size: .875rem
}

.fish-for-life-header {
    padding-top: 70px;
    padding-bottom: 60px;
    text-align: center;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))), url("../images/fish-for-life/sea.jpg");
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url("../images/fish-for-life/sea.jpg");
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url("../images/fish-for-life/sea.jpg");
    background-position: 50% 50%;
    background-size: cover
}

@media only screen and (min-width: 600px) {
    .fish-for-life-header {
        padding-top: 100px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 1025px) {
    .fish-for-life-header {
        padding-top: 145px;
        padding-bottom: 100px
    }
}

.fish-for-life-header--compact {
    padding-top: 50px;
    padding-bottom: 40px
}

.fish-for-life-header__wrapper {
    max-width: 900px
}

.fish-for-life-header__logo {
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1025px) {
    .fish-for-life-header__logo {
        margin-bottom: 65px
    }
}

.fish-for-life-header--compact .fish-for-life-header__logo {
    margin-bottom: 30px
}

.fish-for-life-header__intro {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6
}

@media only screen and (min-width: 1025px) {
    .fish-for-life-header__intro {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.fish-for-life-header__heading {
    font-size: 32px;
    font-size: 2rem
}

.fish-for-life-logo {
    width: 440px;
    max-width: 100%;
    padding-bottom: 40px;
    padding-left: 35px;
    padding-right: 35px;
    background-image: -webkit-gradient(linear, left top, right top, from(#f5692a), color-stop(25%, #f5692a), color-stop(25%, #49a84c), color-stop(50%, #49a84c), color-stop(50%, #229be0), color-stop(75%, #229be0), color-stop(75%, #c84043), to(#c84043));
    background-image: -moz-linear-gradient(left, #f5692a, #f5692a 25%, #49a84c 25%, #49a84c 50%, #229be0 50%, #229be0 75%, #c84043 75%, #c84043);
    background-image: linear-gradient(to right, #f5692a, #f5692a 25%, #49a84c 25%, #49a84c 50%, #229be0 50%, #229be0 75%, #c84043 75%, #c84043);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100% 5px
}

@media only screen and (min-width: 1025px) {
    .fish-for-life-logo:not(.fish-for-life-logo--small) {
        width: 540px;
        padding-bottom: 55px;
        padding-left: 45px;
        padding-right: 45px;
        background-size: 100% 8px
    }
}

.fish-for-life-logo__img {
    display: block;
    width: 100%
}

.theme--responsibly-sourced.theme__bg.theme__bg,
.theme--responsibly-sourced .theme__bg {
    color: #fff;
    background-color: #49a84c
}

.theme--responsibly-sourced.theme__button.theme__button:hover,
.theme--responsibly-sourced.theme__button.theme__button:active,
.theme--responsibly-sourced.theme__button.theme__button:focus,
.theme--responsibly-sourced .theme__button:hover,
.theme--responsibly-sourced .theme__button:active,
.theme--responsibly-sourced .theme__button:focus {
    color: #49a84c
}

.theme--environment.theme__bg.theme__bg,
.theme--environment .theme__bg {
    color: #fff;
    background-color: #229be0
}

.theme--environment.theme__button.theme__button:hover,
.theme--environment.theme__button.theme__button:active,
.theme--environment.theme__button.theme__button:focus,
.theme--environment .theme__button:hover,
.theme--environment .theme__button:active,
.theme--environment .theme__button:focus {
    color: #229be0
}

.theme--people.theme__bg.theme__bg,
.theme--people .theme__bg {
    color: #fff;
    background-color: #ff6c2b
}

.theme--people.theme__button.theme__button:hover,
.theme--people.theme__button.theme__button:active,
.theme--people.theme__button.theme__button:focus,
.theme--people .theme__button:hover,
.theme--people .theme__button:active,
.theme--people .theme__button:focus {
    color: #ff6c2b
}

.theme--marketplace.theme__bg.theme__bg,
.theme--marketplace .theme__bg {
    color: #fff;
    background-color: #c94144
}

.theme--marketplace.theme__button.theme__button:hover,
.theme--marketplace.theme__button.theme__button:active,
.theme--marketplace.theme__button.theme__button:focus,
.theme--marketplace .theme__button:hover,
.theme--marketplace .theme__button:active,
.theme--marketplace .theme__button:focus {
    color: #c94144
}

.footer {
    padding-top: 20px;
    padding-bottom: 15px;
    color: #fff;
    background-color: #132862
}

@media only screen and (min-width: 1025px) {
    .footer {
/*
        padding-top: 65px;
        padding-bottom: 40px
*/
    }
}

.footer a {
    color: currentColor
}

.footer__wrapper {
}

.wrapper--inner.footer__wrapper {
	max-width: 100%;
}

.footer__heading {
    margin-bottom: 0.5em;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.3
}

.footer__nav {
    margin-top: 40px
}


.footer_p_1 {
/* 	outline: red solid 1px; */
	margin-bottom: 20px;

}

.for_head {
	margin-top: 20px;
}

.footer_p_1 .contact-card__small-print {
	margin-bottom: 0px;
}

.footer_p_2 p {
	margin-bottom: 20px;
}

.footer_p_2 {
	box-sizing: border-box;
	padding-right: 10px;
}

.footer_p_2 p a, .footer_p_3 p a {
	text-decoration: none;
}

.footer_p_3 {
/* 	outline: yellow solid 1px; */
}

.footer_p_3 p {
	margin-bottom: 20px;
	font-size: 14px;
	font-size: .875rem;
}

.footer_p_4 {
	width: 100%;
	display: block;
}

@media only screen and (min-width: 900px) {
	
	
	.footer_p_1, .footer_p_2, .footer_p_3 {
		float: left;
	}
	
	.footer_p_1 {
		width: 60%;
	}
	
	.footer_p_2 {
		width: 20%;	
	}
	
	.footer_p_3 {
		width: 20%;		
	}
	

	
}

@media only screen and (max-width: 1024px) {
    .footer__nav {
        text-align: center
    }
}

.footer__small-print {
    margin-bottom: 1em
}

.header {
    position: relative;
    color: #fff
}

.header__logo {
    position: absolute;
    top: 59px;
    left: 50%;
    z-index: 3;
    font-size: 80px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s
}

@media only screen and (max-width: 899px) {
    .header__logo {
        top: 22px;
        -webkit-transform: translateX(-50%) scale(0.8);
        -moz-transform: translateX(-50%) scale(0.8);
        -ms-transform: translateX(-50%) scale(0.8);
        transform: translateX(-50%) scale(0.8)
    }
}

@media only screen and (min-width: 900px) {
    .header__logo--nudge {
        -webkit-transform: translate(-50%, 90px) scale(0.8);
        -moz-transform: translate(-50%, 90px) scale(0.8);
        -ms-transform: translate(-50%, 90px) scale(0.8);
        transform: translate(-50%, 90px) scale(0.8)
    }
}

.header__seascape {
    position: relative;
    z-index: 2;
    height: 126px;
    background-color: #132862;
    background-image: url("../images/branding/seascape.png");
    background-repeat: no-repeat;
    background-position: 50% 0
}

@media only screen and (max-width: 899px) {
    .header__seascape {
        display: none
    }
}

.header__slogan {
    position: absolute;
    bottom: 30px;
    left: 40px
}

.header__today {
    position: absolute;
    bottom: 30px;
    right: 40px
}

.header__nav {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 78px;
    background-color: #071948
}

.careers_css.header__nav {
	background-color: #0075b8;
	height: 68px;
}

.careers_css.header__nav a {
	color: #FFFFFF;
}

@media only screen and (max-width: 960px) {
	.careers_css.header__nav {
		display: none;
	}
}


@media only screen and (max-width: 1150px) {
	.careers_css.header__nav .main-menu {
		font-size: 14px;
	}
}

.header__hamburger {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 961px) {
    .header__hamburger {
        display: none
    }
}

@media only screen and (max-width: 960px) {
    .header__main-menu {
        display: none
    }
}

@media only screen and (max-width: 1150px) {
    .header__main-menu--slim {
        display: none
    }
}

.header__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 8px solid #0075b8;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff
}

.header__icon-menu {
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 1350px) {
    .header__icon-menu {
        display: none
    }
}

.header__full-page-menu {
    position: fixed;
    top: 78px;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #132862;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

@media only screen and (min-width: 900px) {
    .header__full-page-menu {
        top: 204px
    }
}

.header__ffl-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s
}

.body--admin-bar .sticky-header {
    top: 32px
}

@media only screen and (max-width: 782px) {
    .body--admin-bar .sticky-header {
        top: 46px
    }
}

@media only screen and (min-width: 900px) {
    .sticky-header--shift {
        -webkit-transform: translateY(-126px);
        -moz-transform: translateY(-126px);
        -ms-transform: translateY(-126px);
        transform: translateY(-126px)
    }
}

.sticky-header__spacer {
    height: 78px;
    background-color: #071948
}

@media only screen and (min-width: 900px) {
    .sticky-header__spacer {
        height: 204px
    }
}

.sticky-header-anchor {
    position: relative;
    top: -108px;
    background-color: #f00
}

.http-error {
    width: 741px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 100px 50px;
    text-align: center
}

@media only screen and (max-width: 599px) {
    .http-error {
        width: 657px;
        padding: 60px 8px
    }
}

.http-error__code {
    margin-bottom: 60px
}

@media only screen and (max-width: 599px) {
    .http-error__code {
        margin-bottom: 20px
    }
}

.http-error__message {
    margin-bottom: 32px;
    font-size: 24px;
    font-size: 1.5rem;
    color: #132862
}

@media only screen and (max-width: 599px) {
    .http-error__message {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 499px) {
    .http-error__message {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.http-error__pollock {
    -webkit-transition: -webkit-transform linear 0.3s;
    transition: -webkit-transform linear 0.3s;
    -moz-transition: transform linear 0.3s, -moz-transform linear 0.3s;
    transition: transform linear 0.3s;
    transition: transform linear 0.3s, -webkit-transform linear 0.3s, -moz-transform linear 0.3s
}

@media only screen and (max-width: 1024px) {
    .http-error__pollock {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media only screen and (max-width: 599px) {
    .http-error__pollock {
        display: none
    }
}

.http-error:hover .http-error__pollock {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

@media only screen and (max-width: 1024px) {
    .http-error:hover .http-error__pollock {
        -webkit-transform: translateX(-20px) scale(0.8);
        -moz-transform: translateX(-20px) scale(0.8);
        -ms-transform: translateX(-20px) scale(0.8);
        transform: translateX(-20px) scale(0.8)
    }
}

.http-error__cod {
    -webkit-transition: -webkit-transform linear 0.3s;
    transition: -webkit-transform linear 0.3s;
    -moz-transition: transform linear 0.3s, -moz-transform linear 0.3s;
    transition: transform linear 0.3s;
    transition: transform linear 0.3s, -webkit-transform linear 0.3s, -moz-transform linear 0.3s
}

@media only screen and (max-width: 1024px) {
    .http-error__cod {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media only screen and (max-width: 599px) {
    .http-error__cod {
        display: none
    }
}

.http-error:hover .http-error__cod {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

@media only screen and (max-width: 1024px) {
    .http-error:hover .http-error__cod {
        -webkit-transform: translateX(30px) scale(0.8);
        -moz-transform: translateX(30px) scale(0.8);
        -ms-transform: translateX(30px) scale(0.8);
        transform: translateX(30px) scale(0.8)
    }
}

.error-code {
    position: relative;
    padding-top: 36.66147%
}

.error-code__digit {
    position: absolute;
    top: 0
}

.error-code__digit--1 {
    left: 3.27613%;
    z-index: 1;
    width: 31.35725%
}

.error-code__digit--2 {
    left: 24.18097%;
    z-index: 3;
    width: 52.4181%
}

.error-code__digit--3 {
    left: 68.64275%;
    z-index: 5;
    width: 31.35725%
}

.error-code__fish {
    position: absolute
}

.error-code__fish--pollock {
    bottom: -54px;
    left: -96px;
    z-index: 2;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.error-code__fish--cod {
    top: -29px;
    right: -154px;
    z-index: 4;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.job-application__title {
    margin-bottom: 0.05em;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.8), 0 0 35px rgba(0, 0, 0, 0.8)
}

@media only screen and (min-width: 600px) {
    .job-application__title {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media only screen and (min-width: 1025px) {
    .job-application__title {
        font-size: 90px;
        font-size: 5.625rem;
        text-shadow: 0 0 35px rgba(0, 0, 0, 0.8)
    }
}

.job-application__subtitle {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.8), 0 0 15px rgba(0, 0, 0, 0.8), 0 0 15px rgba(0, 0, 0, 0.8)
}

@media only screen and (max-width: 599px) {
    .job-application__subtitle {
        margin-top: 0.5em
    }
}

@media only screen and (min-width: 600px) {
    .job-application__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 1025px) {
    .job-application__subtitle {
        font-size: 40px;
        font-size: 2.5rem;
        text-shadow: 0 0 20px rgba(0, 0, 0, 0.8)
    }
}

.job-application__button {
    margin-top: 30px
}

.job-application__heading {
    margin-bottom: 0.5em;
    font-size: 32px;
    font-size: 2rem;
    color: #132862
}

@media only screen and (min-width: 600px) {
    .job-application__heading {
        margin-bottom: 1em
    }
}

@media only screen and (min-width: 1025px) {
    .job-application__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.job-application__wrapper {
    max-width: 1095px
}

.job-application__content {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width: 768px) {
    .job-application__content {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media only screen and (min-width: 1025px) {
    .job-application__content {
        padding-right: 75px
    }
}

.job-application__content h2 {
    margin-bottom: 0.6em;
    font-size: 1.333em;
    text-align: left;
    color: #132862
}

.job-application__content h2:not(:first-child) {
    margin-top: 1.5em
}

.job-application__content li {
    margin-bottom: 0.5em
}

.job-application__form-intro {
    margin-bottom: 28px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #132862
}

@media only screen and (min-width: 768px) {
    .job-application__form-intro {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media only screen and (min-width: 1300px) {
    .job-application__form-intro {
        margin-right: -50px
    }
}

.microsite {
    display: block;
    width: 100%;
    height: 800px;
    border: 0
}

.my-fish-dish {
    text-align: center;
    color: #fff;
    background-image: url("../images/ruth-and-serge.jpg")
}

.my-fish-dish__wrapper {
    max-width: 700px
}

.my-fish-dish__logo {
    width: 250px;
    margin-bottom: 25px
}

.my-fish-dish__intro {
    margin-bottom: 1.5em;
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: bold;
    line-height: 1.4
}

.newsletter-form__input {
    width: -moz-calc(100% - 140px);
    width: calc(100% - 140px)
}

@media only screen and (min-width: 1160px) {
    .newsletter-form__input {
        width: 400px
    }
}

.newsletter-form__button {
    width: 140px
}

.product__header {
    padding-top: 70px;
    text-align: center;
    color: #fff;
    background-color: #0075b8;
    background-image: -moz-linear-gradient(top, rgba(18, 40, 99, 0.5), rgba(18, 40, 99, 0) 350px);
    background-image: linear-gradient(to bottom, rgba(18, 40, 99, 0.5), rgba(18, 40, 99, 0) 350px)
}

.product__header--gastro {
    background-color: #0b0b0b;
    background-image: none
}

.product__header--funky-fish-kitchen {
    color: #000;
    background-color: #e6e2d5;
    background-image: none
}

.product__pack {
    max-width: 750px;
    margin-bottom: 30px;
    text-align: center
}

.product__lockup {
    position: relative;
    display: inline-block
}

.product__img {
    display: block;
    max-width: 275px;
    max-height: 175px;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow(0 0 50px rgba(255, 255, 255, 0.3));
    filter: drop-shadow(0 0 50px rgba(255, 255, 255, 0.3))
}

@media only screen and (min-width: 600px) {
    .product__img {
        max-width: 375px;
        max-height: 225px
    }
}

@media only screen and (min-width: 768px) {
    .product__img {
        max-width: 425px;
        max-height: 260px
    }
}

.product__header--funky-fish-kitchen .product__img {
    -webkit-filter: drop-shadow(0 0 50px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 0 50px rgba(0, 0, 0, 0.15))
}

.product__badge {
    position: absolute;
    top: -40px;
    right: -90px;
    -webkit-filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.15));
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.15))
}

.product__carousel {
    position: relative
}

.product__slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__slide:not(.swiper-slide-visible) {
    opacity: 0.35;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    pointer-events: none
}

.product__slide--animated {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, transform, -moz-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.product__arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product__arrow--prev {
    left: 0
}

@media only screen and (max-width: 767px) {
    .product__arrow--prev {
        left: 15px
    }
}

@media only screen and (max-width: 599px) {
    .product__arrow--prev {
        left: 25px
    }
}

.product__arrow--next {
    right: 0;
    -webkit-transform: scaleX(-1) translateY(-50%);
    -moz-transform: scaleX(-1) translateY(-50%);
    -ms-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .product__arrow--next {
        right: 15px
    }
}

@media only screen and (max-width: 599px) {
    .product__arrow--next {
        right: 25px
    }
}

.product__headline {
    max-width: 800px;
    padding-bottom: 55px
}

.product__heading {
    margin-bottom: 0.25em;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.2
}

@media only screen and (min-width: 768px) {
    .product__heading {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.product__subheading {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2
}

@media only screen and (min-width: 768px) {
    .product__subheading {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.product__description {
    margin-top: 0.5em
}

.product__small-print {
    display: block;
    margin-top: 1em;
    font-size: 13px;
    font-size: .8125rem
}

@media only screen and (max-width: 899px) {
    .product__tabs {
        display: none
    }
}

.product__suggestion {
    margin-top: 45px
}

.product__content {
    padding-top: 45px;
    padding-bottom: 45px
}

@media only screen and (max-width: 899px) {
    .product__section {
        margin-bottom: 30px
    }
}

.product__section-heading {
    margin-bottom: 0.5em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: normal;
    text-align: center;
    color: #132862
}

@media only screen and (min-width: 900px) {
    .product__section-heading {
        display: none
    }
}

.product__ingredients {
    text-align: center
}

.product__nutrition {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.product__nutrition tbody th {
    width: 40%
}

.product__nutrition tbody td {
    width: 30%;
    text-align: right
}

.product__buy {
    margin-top: 50px
}

.range__contents {
    margin-bottom: 35px
}

.recipe__content {
    background-color: #fff
}

@media only screen and (max-width: 599px) {
    .recipe__wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.recipe__ingredients {
    background-color: #f7f5ed
}

.recipe__product {
    margin-top: 30px;
    text-align: center
}

@media only screen and (min-width: 1025px) {
    .recipe__product {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width: 767px) {
    .recipe__product {
        width: 225px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.recipe__box {
    max-height: 200px
}

.recipe__buy {
    margin-top: 35px
}

.recipe__padding {
    padding: 30px 25px
}

@media only screen and (min-width: 600px) {
    .recipe__padding {
        padding: 38px 36px
    }
}

@media only screen and (min-width: 1025px) {
    .recipe__padding {
        padding: 48px 56px
    }
}

.recipe__heading {
    margin-bottom: 1em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.1;
    color: #132862
}

@media only screen and (min-width: 768px) {
    .recipe__heading {
        margin-bottom: 1.25em;
        font-size: 30px;
        font-size: 1.875rem
    }
}

.recipe__subheading {
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 21px;
    font-size: 1.3125rem;
    color: #132862
}

@media only screen and (min-width: 768px) {
    .recipe__subheading {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.recipe__glossary {
    margin-bottom: 25px
}

.recipe__video {
    margin-bottom: 40px
}

.recipe__share {
    text-align: right
}

.recipes__header {
    padding-top: 150px
}

.recipes__subheading {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1
}

.recipes__heading {
    margin-bottom: 0.1em;
    font-size: 80px;
    font-size: 5rem;
    line-height: 1
}

.recipes__excerpt {
    font-size: 24px;
    font-size: 1.5rem
}

.related__heading {
    margin-bottom: 0.15em;
    color: #132862
}

.related__subheading {
    color: #0075b8
}

.sfw-logo {
    position: relative;
    z-index: 8
}

@media only screen and (max-width: 599px) {
    .sfw-logo {
        width: 120px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 600px) {
    .sfw-logo {
        position: absolute;
        top: 18px;
        left: 18px;
        width: 100px
    }
}

@media only screen and (min-width: 768px) {
    .sfw-logo {
        top: 24px;
        left: 36px;
        width: 130px
    }
}

@media only screen and (min-width: 1025px) {
    .sfw-logo {
        left: 115px;
        width: 190px
    }
}

.sfw-headline {
    text-align: center;
    color: #132862
}

.sfw-headline--white {
    text-shadow: 0 0 70px #000;
    color: #fff
}

.sfw-headline__heading {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.2
}

@media only screen and (min-width: 600px) {
    .sfw-headline__heading {
        font-size: 48px;
        font-size: 3rem
    }
}

@media only screen and (min-width: 768px) {
    .sfw-headline__heading {
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1025px) {
    .sfw-headline__heading {
        font-size: 86px;
        font-size: 5.375rem
    }
}

.sfw-headline__intro {
    display: block;
    margin-bottom: 0.25em;
    font-size: 0.4em
}

.sfw-headline__subheading {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold
}

@media only screen and (min-width: 768px) {
    .sfw-headline__subheading {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.sfw-headline__button {
    margin-top: 32px
}

.polaroid {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 242px;
    padding: 15px 15px 6px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2)
}

.polaroid__img {
    width: 242px;
    height: 217px;
    margin-bottom: 6px
}

@media only screen and (min-width: 500px) {
    .polaroid__img {
        background-image: url("../images/seafood-week/polaroids.jpg")
    }
}

.polaroid__img--cod-and-chips {
    background-position: 0px 0px
}

.polaroid__img--kedgeree {
    background-position: -242px 0px
}

.polaroid__img--chippy-cone {
    background-position: -484px 0px
}

.polaroid__img--fish-finger-sandwich {
    background-position: -726px 0px
}

.polaroid__img--fish-pie {
    background-position: 0px 217px
}

.polaroid__img--fish-cake-burger {
    background-position: -242px 217px
}

.polaroid__img--scampi-wraps {
    background-position: -484px 217px
}

.polaroid__img--prawn-cocktail {
    background-position: -726px 217px
}

.polaroid__caption {
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 18px;
    font-size: 1.125rem;
    color: #132862
}

.sfw-polaroids {
    z-index: 6
}

@media only screen and (min-width: 768px) {
    .sfw-polaroids {
        -webkit-transform: translateY(72px);
        -moz-transform: translateY(72px);
        -ms-transform: translateY(72px);
        transform: translateY(72px)
    }
}

@media only screen and (max-width: 1024px) {
    .sfw-polaroids {
        padding: 30px
    }
}

@media only screen and (max-width: 767px) {
    .sfw-polaroids {
        padding: 0 60px
    }
}

@media only screen and (max-width: 499px) {
    .sfw-polaroids {
        padding-left: 15px;
        padding-right: 15px
    }
}

.sfw-polaroid {
    position: absolute
}

@media only screen and (max-width: 499px) {
    .sfw-polaroid {
        display: none
    }
}

.sfw-polaroid--1 {
    bottom: -moz-calc(100% - 36px);
    bottom: calc(100% - 36px);
    right: -moz-calc(100% - 100px);
    right: calc(100% - 100px);
    z-index: 6;
    -webkit-transform: scale(0.87) rotate(-9deg);
    -moz-transform: scale(0.87) rotate(-9deg);
    -ms-transform: scale(0.87) rotate(-9deg);
    transform: scale(0.87) rotate(-9deg)
}

.sfw-polaroid--2 {
    bottom: -moz-calc(100% + 38px);
    bottom: calc(100% + 38px);
    left: 50%;
    z-index: 5;
    -webkit-transform: rotate(7deg) translateX(-50%);
    -moz-transform: rotate(7deg) translateX(-50%);
    -ms-transform: rotate(7deg) translateX(-50%);
    transform: rotate(7deg) translateX(-50%)
}

.sfw-polaroid--3 {
    bottom: -moz-calc(100% + 5px);
    bottom: calc(100% + 5px);
    left: -moz-calc(100% - 159px);
    left: calc(100% - 159px);
    z-index: 4;
    -webkit-transform: scale(0.86) rotate(21.5deg);
    -moz-transform: scale(0.86) rotate(21.5deg);
    -ms-transform: scale(0.86) rotate(21.5deg);
    transform: scale(0.86) rotate(21.5deg)
}

.sfw-polaroid--4 {
    bottom: -moz-calc(100% - 68px);
    bottom: calc(100% - 68px);
    left: -moz-calc(100% + 176px);
    left: calc(100% + 176px);
    z-index: 1;
    -webkit-transform: scale(0.82) rotate(26deg);
    -moz-transform: scale(0.82) rotate(26deg);
    -ms-transform: scale(0.82) rotate(26deg);
    transform: scale(0.82) rotate(26deg)
}

.sfw-polaroid--5 {
    top: -95px;
    left: -moz-calc(100% + 33px);
    left: calc(100% + 33px);
    z-index: 2;
    -webkit-transform: scale(0.89) rotate(11deg);
    -moz-transform: scale(0.89) rotate(11deg);
    -ms-transform: scale(0.89) rotate(11deg);
    transform: scale(0.89) rotate(11deg)
}

.sfw-polaroid--6 {
    top: -moz-calc(100% - 147px);
    top: calc(100% - 147px);
    left: -moz-calc(100% - 72px);
    left: calc(100% - 72px);
    z-index: 3;
    -webkit-transform: scale(0.81) rotate(-13deg);
    -moz-transform: scale(0.81) rotate(-13deg);
    -ms-transform: scale(0.81) rotate(-13deg);
    transform: scale(0.81) rotate(-13deg)
}

.sfw-polaroid--7 {
    top: -moz-calc(100% - 149px);
    top: calc(100% - 149px);
    right: -moz-calc(100% - 73px);
    right: calc(100% - 73px);
    z-index: 7;
    -webkit-transform: scale(0.78) rotate(8deg);
    -moz-transform: scale(0.78) rotate(8deg);
    -ms-transform: scale(0.78) rotate(8deg);
    transform: scale(0.78) rotate(8deg)
}

.sfw-polaroid--8 {
    bottom: 0;
    right: -moz-calc(100% + 76px);
    right: calc(100% + 76px);
    z-index: 8;
    -webkit-transform: scale(0.86) rotate(15deg);
    -moz-transform: scale(0.86) rotate(15deg);
    -ms-transform: scale(0.86) rotate(15deg);
    transform: scale(0.86) rotate(15deg)
}

.search {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    -moz-transition-property: top, transform, -moz-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.search.is-empty {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search__input {
    display: block;
    width: 100%;
    height: 80px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #fff;
    margin-bottom: 32px;
    font-size: 40px;
    font-size: 2.5rem;
    color: #fff;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.search__input::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.4
}

.search__input:-moz-placeholder {
    color: #fff;
    opacity: 0.4
}

.search__input::-moz-placeholder {
    color: #fff;
    opacity: 0.4
}

.search__input:-ms-input-placeholder {
    color: #fff;
    opacity: 0.4
}

.search__input:focus {
    outline: 0
}

.search__input::-webkit-search-decoration,
.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-results-button,
.search__input::-webkit-search-results-decoration {
    display: none
}

.search__tools {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.search__tools.is-hidden {
    opacity: 0
}

.search__heading {
    margin-bottom: 0.6em;
    font-size: 21px;
    font-size: 1.3125rem
}

.search__results {
    margin-top: 160px
}

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

.search__no-results.is-hidden {
    display: none
}

.results {
    position: relative;
    z-index: 2;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.results.is-empty {
    opacity: 0;
    pointer-events: none
}

.results__section {
    padding-top: 25px;
    padding-bottom: 50px
}

.results__heading {
    margin-bottom: 28px;
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center
}

@media only screen and (min-width: 500px) {
    .results__heading {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.results__grid {
    color: #000
}

.species__header {
    height: auto;
    text-align: center;
    background-image: url("../images/paper.png");
    background-size: auto
}

.species__img {
    margin-bottom: 20px
}

.species__headline {
    color: #132862
}

.species__data {
    margin-bottom: 30px
}

@media only screen and (max-width: 899px) {
    .species__data {
        margin-top: 40px
    }
}

.species__data--map {
    text-align: center
}

.species__subheading {
    margin-bottom: 0.75em;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    color: #132862
}

.stores {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stores__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 6px
}

.stores__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 110px;
    height: 35px;
    border: 1px solid #e4e4e4;
    border-radius: 2px
}

.stores__link:hover,
.stores__link:active,
.stores__link:focus {
    border-color: #b1b1b1;
    background-color: #f8f8f8
}

.stores__icon--asda {
    font-size: 24px
}

.stores__icon--tesco {
    font-size: 17px
}

.stores__icon--sainsburys {
    font-size: 17px
}

.stores__icon--ocado {
    font-size: 18px
}

.stores__icon--waitrose {
    font-size: 17px
}

.stores__icon--morrisons {
    font-size: 24px
}

.story-header {
    background-image: url("../images/our-story/factory.jpg")
}

.ourScampi.story-header {
    background-image: url("../images/masters-of-fish/masters-of-fish.jpg")
}


@supports (mix-blend-mode: color) {
    .story-header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#040d25), to(rgba(4, 13, 37, 0.25))), -webkit-gradient(linear, left top, left bottom, from(rgba(36, 112, 148, 0.7)), to(rgba(36, 112, 148, 0)));
        background-image: -moz-linear-gradient(bottom, #040d25, rgba(4, 13, 37, 0.25)), -moz-linear-gradient(top, rgba(36, 112, 148, 0.7), rgba(36, 112, 148, 0));
        background-image: linear-gradient(to top, #040d25, rgba(4, 13, 37, 0.25)), linear-gradient(to bottom, rgba(36, 112, 148, 0.7), rgba(36, 112, 148, 0));
        mix-blend-mode: color
    }
    @media only screen and (min-width: 600px) {
        .story-header::before {
            background-image: -webkit-gradient(linear, left bottom, left top, from(#040d25), to(rgba(4, 13, 37, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(36, 112, 148, 0.4)), to(rgba(36, 112, 148, 0)));
            background-image: -moz-linear-gradient(bottom, #040d25, rgba(4, 13, 37, 0)), -moz-linear-gradient(top, rgba(36, 112, 148, 0.4), rgba(36, 112, 148, 0));
            background-image: linear-gradient(to top, #040d25, rgba(4, 13, 37, 0)), linear-gradient(to bottom, rgba(36, 112, 148, 0.4), rgba(36, 112, 148, 0))
        }
    }
}

.story-header__intro {
    font-size: 18px;
    font-size: 1.125rem
}

@media only screen and (min-width: 600px) {
    .story-header__intro {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.story__section:not(:last-child) {
    margin-bottom: 60px
}

@media only screen and (min-width: 768px) {
    .story__section:not(: last-child) {
        margin-bottom: 130px
    }
}

.story__top {
    position: relative;
    z-index: 3;
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (min-width: 600px) {
    .story__top {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media only screen and (min-width: 768px) {
    .story__top {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media only screen and (max-width: 899px) {
    .story__top {
        margin-bottom: 25px
    }
}

.story__intro {
    padding-bottom: 25px
}

@media only screen and (min-width: 768px) {
    .story__intro {
        padding-bottom: 85px
    }
}

.story__intro-img {
    z-index: 3
}

@media only screen and (max-width: 767px) {
	
    .story__intro-img {
        margin-top: 30px;
        margin-bottom: 30px
    }
    
}

@media only screen and (min-width: 768px) {
	
    .story__intro-img {
        -webkit-transform: translateX(-80px);
        -moz-transform: translateX(-80px);
        -ms-transform: translateX(-80px);
        transform: translateX(-80px)
    }
    
    .ourScampi.story__intro-img {
        -webkit-transform: translateX(185px);
        -moz-transform: translateX(185px);
        -ms-transform: translateX(185px);
        transform: translateX(185px)
    }
    
    .ourscmpiimg {
	    margin-top: -140px;
	    max-width: 300px;
    }
}

.story__highlight {
    position: relative;
    z-index: 1;
    padding: 35px 25px 60px;
    color: #071948;
    background-color: #e5f1f7
}

@media only screen and (max-width: 599px) {
    .story__highlight {
        margin-right: 25px
    }
}

@media only screen and (min-width: 600px) {
    .story__highlight {
        margin-bottom: 70px;
        padding-bottom: 35px;
        padding-left: 35px;
        padding-right: 70px
    }
}

@media only screen and (min-width: 768px) {
    .story__highlight {
        padding: 60px 120px 60px 60px;
        -webkit-transform: translate(80px, -55px);
        -moz-transform: translate(80px, -55px);
        -ms-transform: translate(80px, -55px);
        transform: translate(80px, -55px)
    }
    
    .story__highlight.odd {
	    -webkit-transform: translate(-120px, -55px);
        -moz-transform: translate(-120px, -55px);
        -ms-transform: translate(-120px, -55px);
        transform: translate(-120px, -55px)
    }
}

@media only screen and (min-width: 900px) {
    .story__highlight {
        padding: 145px 170px 90px 80px
    }
}

.story__highlight-img {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 599px) {
    .story__highlight-img {
        -webkit-transform: translateY(-35px);
        -moz-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
        transform: translateY(-35px)
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .story__highlight-img {
        -webkit-transform: translate(-35px, 30px);
        -moz-transform: translate(-35px, 30px);
        -ms-transform: translate(-35px, 30px);
        transform: translate(-35px, 30px)
    }
}

.story__summary {
    max-width: 920px;
    text-align: center
}

.story__summary::after {
    content: '';
    display: block;
    width: 180px;
    height: 5px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    background-color: #bce0f5
}

.ourscampi.story__summary::after {
	display: none;
}

.ourscampi.story__summary p.oursc {
	background: #e5f1f7;
	padding: 20px;
}


@media only screen and (min-width: 600px) {
    .story__summary::after {
        height: 8px
    }
}

.xmas-hero {
    background-image: url("../images/xmas/hero.jpg")
}

.xmas-hero__intro {
    margin-bottom: 0.15em;
    font-family: 'AndreaIIPrintUprightNib', sans-serif;
    font-weight: inherit;
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1
}

@media only screen and (min-width: 500px) {
    .xmas-hero__intro {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media only screen and (min-width: 768px) {
    .xmas-hero__intro {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media only screen and (min-width: 1025px) {
    .xmas-hero__intro {
        font-size: 70px;
        font-size: 4.375rem
    }
}

.xmas-hero__heading {
    line-height: 1;
    text-shadow: 0 0 20px #000
}

@media only screen and (min-width: 500px) {
    .xmas-hero__heading {
        line-height: 0.9
    }
}

.xmas-hero__heading span {
    display: block
}

.xmas-hero__heading span:nth-child(1) {
    font-size: 50px;
    font-size: 3.125rem
}

@media only screen and (min-width: 500px) {
    .xmas-hero__heading span:nth-child(1) {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 768px) {
    .xmas-hero__heading span:nth-child(1) {
        font-size: 98px;
        font-size: 6.125rem
    }
}

@media only screen and (min-width: 1025px) {
    .xmas-hero__heading span:nth-child(1) {
        font-size: 130px;
        font-size: 8.125rem
    }
}

.xmas-hero__heading span:nth-child(2) {
    font-size: 38px;
    font-size: 2.375rem
}

@media only screen and (min-width: 500px) {
    .xmas-hero__heading span:nth-child(2) {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media only screen and (min-width: 768px) {
    .xmas-hero__heading span:nth-child(2) {
        font-size: 75px;
        font-size: 4.6875rem
    }
}

@media only screen and (min-width: 1025px) {
    .xmas-hero__heading span:nth-child(2) {
        font-size: 100px;
        font-size: 6.25rem
    }
}

.info_icon {
  position: relative;

/* 	outline: red solid 1px; */
}

/* Popup container */
.popup {
  position: absolute;
/*   display: inline-block; */
  cursor: pointer;
  width: 46px;
/*   outline: blue solid 1px; */
  right: 0;
  bottom: 0;
  padding: 10px;
  top: 0;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #071948;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 8px 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
  font-size: 11px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #071948 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


/*# sourceMappingURL=main.css.map */