/*
# Settings (_settings)
*/
/*
## Variables
### General
$phi: 1.618033988749 - Golden ratio
*/
/*
### Colours
$colour-base - #333 $colour-base - #333
$colour-highlight - #339 $colour-highlight - #339
$colour-link - #339 $colour-link - #339
*/
/*
### Fonts
$font-size - 13
$line-height - 1.4
$font-base - sans-serif
$font-header - sans-serif
*/
/*
## Functions
### em($size: $font-size, $context: $fs)
Will convert a pixel based size to an em value.
First value is the target size, the second value is the font-size of the context it is in.
Examples:
`em(26)` // 2em if base font-size is 13px
`em(18, 12)` // 1.5em
*/
/*
### rem($size: $font-size, $context: $fs)
Will convert a pixel based size to an rem value.
First value is the target size, the second value is the font-size of the context it is in.
Examples:
`em(26)` // 2em if base font-size is 13px
`em(18, 12)` // 1.5em
*/
/*
### lh($size: $font-size, $context: $fs)
Will provide the same function as 'em' above buth without appending 'em' to the result.
This makes it more suitable to use as a line-height value.
Examples:
`lh(26)` // 2 if base font-size is 13px
`lh(18, 12)` // 1.5
*/
/*
## Mixins
Mixins must to be called using @include (scss) or + (sass)
*/
/*
### max($maxwidth: $width)
A simple max-width media query
div {
@include max(768px) {
display: none;
}
}
Outputs:
@media (max-width: 768px) {
div {
display: none;
}
}
*/
/*
### min($minwidth: $width)
A simple min-width media query
div {
@include min(768px) {
display: block;
}
}
Outputs:
@media (min-width: 768px) {
div {
display: block;
}
}
*/
/*
### pixel-ratio($pixelratio: 2, $basedpi: 96)
A simple pixel-ratio media query
$basedpi is used for fine control over the dpi query value
div {
@include pixel-ratio {
background-image: url(image@2x.png);
}
}
Outputs:
@media
(-webkit-min-device-pixel-ratio: 2),
( min--moz-device-pixel-ratio: 2),
( -o-min-device-pixel-ratio: 2/1),
( min-device-pixel-ratio: 2),
( min-resolution: 192dpi),
( min-resolution: 2dppx) {
div {
background-image: url(image@2x.png);
}
}
*/
/*
### Placeholders
*/
/*
### boxes($cols: 3, $gutter: 10px, $selector: ".col")
Set the container and its children (as selected by the selector argument) to be a set of columns.
*/
/*
## Extend
Use these placeholder styles with @extend.
*/
/*
### %clearfix
@extend interface for @include clearfix;
*/
.form-item, .wrap, .site-wrap, .result, .form-contact .form-contact_row, .home-boxes, .post, .ig-content_section, .ig-nav { *zoom: 1; }
.form-item:before, .wrap:before, .site-wrap:before, .result:before, .form-contact .form-contact_row:before, .home-boxes:before, .post:before, .ig-content_section:before, .ig-nav:before, .form-item:after, .wrap:after, .site-wrap:after, .result:after, .form-contact .form-contact_row:after, .home-boxes:after, .post:after, .ig-content_section:after, .ig-nav:after { content: ""; display: table; }
.form-item:after, .wrap:after, .site-wrap:after, .result:after, .form-contact .form-contact_row:after, .home-boxes:after, .post:after, .ig-content_section:after, .ig-nav:after { clear: both; }
/*
### %list-reset
@extend interface for @include list-reset;
*/
.carousel-wrap .carousel, .pagination { margin: 0; padding: 0; }
.carousel-wrap .carousel > li, .pagination > li { list-style: none; list-style-image: none; padding-left: 0; }
.carousel-wrap .carousel > li:before, .pagination > li:before { content: none; }
.carousel-wrap .carousel > li + li, .pagination > li + li { padding-top: 0; }
/*
### %list-reset-full
@extend interface for @include list-reset-full;
*/
/*
# Normalize (_normalize)
normalize.css v1.0.1 | MIT License | git.io/normalize
Global reset. This file should not be edited.
*/
html { box-sizing: border-box; }
*, *:after, *:before { box-sizing: inherit; background-repeat: no-repeat; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }
a:focus { outline: 2px solid #3A001E; outline-offset: 4px; }
a:active, a:hover { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
nav a { text-decoration: none; }
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ resize: vertical; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/*
# Base styles: opinionated defaults (_base)
*/
html, button, input, select, textarea { color: #333; font-family: "Lato", sans-serif; }
body.site { font-family: "Lato", sans-serif; font-size: 1em; line-height: 1.75; word-wrap: break-word; }
body.nav__open { overflow: hidden; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }
/* Text Reset */
h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { margin-top: 14px; }
p { margin: 0; }
p + * { margin-top: 14px; }
p + p { margin-top: 1.75em; }
h1, .h1 { color: #4E2876; font-size: 2.5rem; font-weight: 200; line-height: 1.1; text-align: center; }
@media (min-width: 768px) { h1, .h1 { font-size: 3.75rem; } }
h1 + h2, .h1 + h2 { color: #4E2876; font-weight: 400; margin-top: 0.5em; text-align: center; }
h1 + .content, h1 + .content-top, .h1 + .content, .h1 + .content-top { margin-top: 0px; }
h2 { color: #D23D0E; font-size: 1.5rem; font-weight: 200; }
h3 { color: #D23D0E; font-size: 1rem; font-weight: 500; }
ul { color: #D23D0E; padding-left: 0; margin-bottom: 0; }
ul + * { margin-top: 14px; }
ul a { color: inherit; }
ul li { overflow: hidden; padding-left: 14px; position: relative; }
ul li:before { background-color: #D23D0E; border-radius: 50%; content: ''; left: 0; top: 0.875em; height: 6px; width: 6px; margin-top: -3px; position: absolute; }
ul li + li { margin-top: 4px; }
nav ul li, menu ul li { padding-left: 0; }
nav ul li:before, menu ul li:before { content: normal; }
nav ul li + li, menu ul li + li { margin-top: 0; }
/* Links */
a { color: #4E2876; }
a.white { color: white; }
blockquote { background-image: url(/site/images/icon/base/quote.svg); background-position: center top; background-size: 25px 18px; color: #D23D0E; margin: 0; padding: 35px 0 0; text-align: center; }
.no-svg blockquote { background-image: url(/site/images/icon/base/quote.png); }
blockquote + * { margin-top: 14px; }
/* Text Alignment */
.justifyleft { text-align: left; }
.justifyright { text-align: right; }
.justifyfull { text-align: justify; }
.justifycentre { text-align: center; }
/* ========================================================================== Chrome Frame prompt ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
.hide { display: none; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/*
## Object styles (_objects)
### Images
*/
img { display: inline-block; filter: grayscale(0%); height: auto; max-width: 100%; transition: filter 1s; }
.oldie img { max-width: none; }
img.right { float: right; margin: 0 0 16px 16px; }
img.left { float: left; margin: 0 16px 16px 0; }
img[style*="left"] { margin: 0 16px 16px 0; }
img[style*="right"] { margin: 0 0 16px 16px; }
@media (min-width: 1300px) { img.right, img[style*="right"] { margin-right: -100px; position: relative; right: -16px; }
img.left, img[style*="left"] { margin-left: -100px; position: relative; left: -16px; } }
img.outofview { filter: grayscale(100%); }
figure { border-bottom: 1px dotted #36F; margin-bottom: 10px; padding-bottom: 30px; position: relative; }
figure figcaption { bottom: 0; color: #999; font-size: 0.75em; font-style: italic; left: 0; line-height: 1.5; padding: 6px 0; position: absolute; text-align: center; width: 100%; }
figure .fig-img { margin: 0 auto; }
@media (min-width: 768px) { .fig-left { float: left; margin-bottom: 1em; margin-right: 1em; } }
@media (min-width: 768px) { .fig-right { float: right; margin-bottom: 1em; margin-left: 1em; } }
.button { background-color: #D23D0E; background-image: none; background-repeat: no-repeat; border: none; border-radius: 5px; color: #FFF; display: inline-block; font-size: 1.125rem; padding: 3px 12px; text-decoration: none; transition: background-color 0.3s linear; }
.button:hover { background-color: #722108; }
.button.leave { background-color: #000; background-image: url(/site/images/icon/white/leave.png); background-position: 8px center; padding-left: 35px; }
.button.leave:before { background-image: url(/site/images/icon/black/leave.png); }
.button.leave:hover { background-color: #FFF; background-image: url(/site/images/icon/black/leave.png); color: #000; }
.button.base { background-color: #4E2876; }
.button.base:hover { background-color: #1c0e2a; }
.button.phone { background-image: url(/site/images/icon/white/phone.svg); background-position: 12px 11px; padding-left: 54px; }
.no-svg .button.phone { background-image: url(/site/images/icon/white/phone.png); }
.button-readmore { background-image: url(/site/images/button/readmore.png); background-size: 77px 42px; display: inline-block; overflow: hidden; text-indent: -9999px; width: 77px; height: 42px; }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-readmore { background-image: url(/site/images/button/readmore@2x.png); } }
.button-image { background-color: transparent; border: none; color: inhert; display: inline-block; overflow: hidden; position: relative; text-decoration: none; text-indent: -9999px; width: 77px; height: 42px; }
.button-image:before, .button-image:after { background-size: 77px 42px; content: ''; position: absolute; top: 0; left: 0; width: 77px; height: 42px; transition: opacity 0.3s; }
.button-image:before { opacity: 1; }
.button-image:after { opacity: 0; }
.button-image:hover:before { opacity: 0; }
.button-image:hover:after { opacity: 1; }
.button-image.submit:before { background-image: url(/site/images/button/submit.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.submit:before { background-image: url(/site/images/button/submit@2x.png); } }
.button-image.submit:after { background-image: url(/site/images/button/base/submit.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.submit:after { background-image: url(/site/images/button/base/submit@2x.png); } }
.button-image.readmore:before { background-image: url(/site/images/button/readmore.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.readmore:before { background-image: url(/site/images/button/readmore@2x.png); } }
.button-image.readmore:after { background-image: url(/site/images/button/base/readmore.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.readmore:after { background-image: url(/site/images/button/base/readmore@2x.png); } }
.button-image.readmore.invert:before { background-image: url(/site/images/button/base/readmore.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.readmore.invert:before { background-image: url(/site/images/button/base/readmore@2x.png); } }
.button-image.readmore.invert:after { background-image: url(/site/images/button/readmore.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.readmore.invert:after { background-image: url(/site/images/button/readmore@2x.png); } }
.button-image.referhere:before { background-image: url(/site/images/button/referhere.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.referhere:before { background-image: url(/site/images/button/referhere@2x.png); } }
.button-image.referhere:after { background-image: url(/site/images/button/base/referhere.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.referhere:after { background-image: url(/site/images/button/base/referhere@2x.png); } }
.button-image.visitsite:before { background-image: url(/site/images/button/visitsite.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.visitsite:before { background-image: url(/site/images/button/visitsite@2x.png); } }
.button-image.visitsite:after { background-image: url(/site/images/button/base/visitsite.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .button-image.visitsite:after { background-image: url(/site/images/button/base/visitsite@2x.png); } }
.button-skew { background-color: transparent; border: none; color: #FFF; display: inline-block; font-size: 1.125rem; position: relative; padding: 10px; text-decoration: none; transform: perspective(1px); z-index: 80; }
.button-skew:before, .button-skew:after { background-color: #D23D0E; border-radius: 5px; content: ''; position: absolute; right: 0; left: 0; transition: background-color 0.3s; z-index: -1; }
.button-skew:before { transform: skew(0, -2deg); top: 0; bottom: 25%; }
.button-skew:after { transform: skew(0, 2deg); top: 25%; bottom: 0; }
.button-skew.base:before, .button-skew.base:after { background-color: #4E2876; }
.button-skew.base:hover:before, .button-skew.base:hover:after { background-color: #D23D0E; }
.button-skew:hover:before, .button-skew:hover:after { background-color: #4E2876; }
.button-skew__reverse:before { transform: skew(0, 2deg); }
.button-skew__reverse:after { transform: skew(0, -2deg); }
.lnk { color: inherit; }
.video-embed-frame { padding-bottom: 56.25%; position: relative; width: 100%; }
.video-embed-frame iframe { height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.overlay { background: url(/site/images/black-50.png); background: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; transition: opacity .3s linear; }
.overlay-box { background: #FFF; display: none; left: 50%; margin-left: -250px; padding: 10px; position: absolute; width: 500px; z-index: 101; }
.alert-message .inner { background-color: #D23D0E; border: 1px solid #4E2876; color: white; margin: 0 0 1rem; padding: 2rem; }
.alert-message a { color: white; text-decoration: underline; }
.alert-message a:hover { text-decoration: none; }
.cookie { height: 0; line-height: 30px; overflow: hidden; position: relative; background: #333; transition: height .3s linear; }
.cookie, .cookie a { color: #FFF; }
.cookie a { font-weight: 700; }
.cookie .inner { text-align: center; border-bottom: 1px solid #333; }
.cookie .lnk-accept-cookies { cursor: pointer; margin-left: 10px; }
.cookie.show { height: 32px; }
.cookie.hide { display: none !important; visibility: hidden; }
textarea, [type="text"], [type="password"], [type="datetime"], [type="datetime-local"], [type="date"], [type="month"], [type="time"], [type="week"], [type="number"], [type="email"], [type="url"], [type="search"], [type="tel"], [type="color"] { border: 1px solid #4E2876; border-radius: 5px; padding: 5px; width: 100%; }
select { width: 100%; }
.checkbox label, .radiobutton label { margin-left: 3px; vertical-align: middle; }
.checkbox input, .radiobutton input { vertical-align: middle; }
:-moz-placeholder { color: #999; opacity: .25; }
::-moz-placeholder { color: #999; opacity: .25; }
::-webkit-input-placeholder { color: #999; opacity: .25; }
:-ms-input-placeholder { color: #999; opacity: .25; }
.niceselect-wrapper { background: #FFF; border: 1px solid #4E2876; border-radius: 5px; display: block; line-height: 1.75; overflow: hidden; padding: 0 25px 0 10px; position: relative; z-index: 1; /* This is applied when the user tabs to focus or hovers on a nice select element */ /* Creates the arrow and positions it to the right */ /* Make sure the line-height matches the height of .niceSelect including padding */ /* The height must match the overall height of .niceSelect including padding */ }
.niceselect-wrapper.focus, .niceselect-wrapper:hover { border: 1px solid #333; }
.niceselect-wrapper:after { border-top: 5px solid #4E2876; border-right: 5px solid transparent; border-left: 5px solid transparent; content: "^"; display: block; height: 0; margin-top: -2.5px; position: absolute; right: 10px; text-indent: -99999em; top: 50%; width: 0; z-index: 5; }
.niceselect-wrapper .niceselect-text { display: block; }
.niceselect-wrapper select { border: 1px solid #eee; bottom: 0; display: block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 10; }
.form-item { margin-bottom: 10px; }
.form-item label { display: block; }
.form-buttons { margin-bottom: 10px; text-align: right; }
.form-errors { background: #FEE; border: 1px solid #F00; color: #F00; padding: 10px; }
.form-errors :last-child { margin-bottom: 0; }
.form_checkbox input { position: absolute; left: -9999px; }
.form_checkbox input:checked + .form_checkbox_proxy { background-image: url(/site/images/icon/check.svg); background-size: 9px 9px; }
.no-svg .form_checkbox input:checked + .form_checkbox_proxy { background-image: url(/site/images/icon/check.png); }
.form_checkbox label { cursor: pointer; }
.form_checkbox label + label { margin-left: 20px; }
.form_checkbox .form_checkbox_title { display: block; margin-bottom: 10px; }
.form_checkbox .form_checkbox_proxy { background-color: #FFF; background-position: center center; border: 1px solid #CCC; border-radius: 4px; display: inline-block; margin-right: 5px; width: 15px; height: 15px; vertical-align: middle; }
.alert-error, .alert-warning, .alert-success { border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 10px; }
.alert-error *, .alert-warning *, .alert-success * { margin: 0; }
.alert-error { background-color: #FEE; border-color: #F00; color: #F00; }
.alert-warning { background-color: #FFE; border-color: #C90; color: #C90; }
.alert-success { background-color: #EFE; border-color: #090; color: #090; }
.carousel-wrap { overflow: hidden; position: relative; }
.carousel-wrap .carousel { position: relative; }
.carousel-wrap .carousel-item { float: left; }
.hover { cursor: pointer; }
.home-boxes h2:after { border-color: #4E2876 transparent; border-style: solid; border-width: 30px 38px 0 0; content: ''; position: absolute; top: 100%; left: 50%; margin-left: -19px; }
.small { font-size: 0.5625em; }
.xsmall { font-size: 0.5em; }
.large { font-size: 1.125em; }
.xlarge { font-size: 1.25em; }
.hero-title { font-size: 3.125rem; }
.hero-title + h2 { margin-left: auto; margin-right: auto; max-width: 670px; }
.hero-title + h2 + * { margin-top: 45px; }
.highlight { color: #4E2876; font-size: 1.125rem; }
.highlight a { color: inherit; text-decoration: none; }
.clear { clear: both; }
.colour-white { color: #FFF; }
.colour-brand-2 { color: #D23D0E; }
.text-underline { border-bottom: 2px solid #D23D0E; }
iframe { visibility: visible; }
@media only screen and (max-width: 768px) { .gt-ie9 .tbl-mobile, .gt-ie9 .tbl-mobile table, .gt-ie9 .tbl-mobile tbody, .gt-ie9 .tbl-mobile tr, .gt-ie9 .tbl-mobile td { display: block; }
.gt-ie9 .tbl-mobile thead, .gt-ie9 .tbl-mobile th { display: none; } }
@media only screen and (max-width: 767px) { .tbl-mobile-attr tr { border: 1px solid #36F; margin-bottom: 20px; }
.tbl-mobile-attr td:before { background-color: #36F; color: #FFF; content: attr(title); display: block; font-weight: 700; } }
/* ShareThis */
.sharethis span { box-sizing: content-box; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(/site/images/ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide img.slick-loading { background: white url(/site/images/ajax-loader.gif) center center no-repeat; padding-bottom: 100%; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Icons */
@font-face { font-family: "slick"; src: url("/site/fonts/slick.eot"); src: url("/site/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/site/fonts/slick.woff") format("woff"), url("/site/fonts/slick.ttf") format("truetype"), url("/site/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
.slick-prev:before { content: '\8592'; }
.slick-next { right: -25px; }
.slick-next:before { content: '\8594'; }
/* Dots */
.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: '\8226'; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); }
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; }
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s; }
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s; transform: translateY(0); }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; }
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; }
.full { position: relative; width: 100%; }
.wrap { margin-left: auto; margin-right: auto; max-width: 1000px; width: 95%; }
@media (min-width: 768px) { .nav-select, .nav-mobile { display: none; } }
.display-no-mobile { display: none; }
@media (min-width: 768px) { .display-no-mobile { display: block; } }
@media (min-width: 1024px) { .site-column_left, .site-column_right { float: left; min-height: 100vh; } }
.site-column_left { padding-top: 20px; }
@media (min-width: 1024px) { .site-column_left { padding-right: 30px; padding-top: 55px; width: 30.625%; } }
.site-column_left_top, .site-column_left_bottom { padding-bottom: 20px; text-align: center; }
@media (min-width: 1024px) { .site-column_left_top, .site-column_left_bottom { margin-left: auto; max-width: 366px; padding-bottom: 0; } }
.site-column_left_bottom { margin-top: 20px; padding-bottom: 20px; }
.site-column_right { background-position: center -318px; padding-top: 14px; }
@media (min-width: 1024px) { .site-column_right { padding-top: 116px; width: 69.375%; } }
.site-column_right_inner { padding-left: 2.5%; padding-right: 2.5%; }
@media (min-width: 1024px) { .site-column_right_inner { max-width: 961px; padding-left: 60px; padding-right: 30px; } }
.split-2 { margin: 50px 0 0; }
.split-2 + * { margin-top: 75px; }
h2 + .split-2 { margin-top: 14px; }
@media (min-width: 768px) { .split-2 { display: -ms-flexbox; display: flex; margin-left: -30px; margin-right: -30px; } }
@media (min-width: 768px) { .split-2 .col { padding-left: 30px; padding-right: 30px; width: 50%; } }
@media (min-width: 768px) { .split-2 .col:first-child { border-right: 1px solid #4E2876; } }
@media (min-width: 768px) { .split-2 .col:last-child { border-left: 1px solid #4E2876; } }
.split-2 .col + .col { border-top: 2px solid #4E2876; margin-top: 15px; padding-top: 15px; }
@media (min-width: 768px) { .split-2 .col + .col { border-top: none; margin-top: 0; padding-top: 0; } }
.split-2.no-divider .col { border: none; }
/*
=======
Modules
=======
Module level CSS should be placed in this file.
Modules are self-contained sections of markup.
Modules can exist with other modules.
Modules can often include objects.
EXAMPLES::
"Site Header" would be a module.
"Top Navigation" may exist within the "Site Header" markup but it is capable of existing as its own module and so should be done separately.
*/
/*
=========
No Script
=========
*/
/** Simple fade transition, */
.mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.site-alert { background: #FFF; border-bottom: 2px solid #F00; display: block; font-family: sans-serif; font-size: 0.75em; left: 0; padding: 5px 0; position: relative; text-align: center; top: 0; width: 100%; z-index: 100; }
/* No Script */
.skip-section { position: absolute; top: auto; left: -999px; width: 1px; height: 1px; overflow: hidden; z-index: -999; }
.skip-section .screen-reader-text { display: inline-block; font-size: 1em; font-weight: 700; color: #3A001E; }
.skip-section .screen-reader-text:focus { outline-color: #3A001E; }
.skip-section .screen-reader-text + .screen-reader-text { margin-left: 20px; }
.skip-section.show { top: auto; left: auto; width: 80%; height: auto; padding: 8px 5px; margin: 0 10% 10px; border: 2px solid #3A001E; border-radius: 30px; text-align: center; z-index: 999; background-color: #FFE6D6; overflow: auto; }
@media (min-width: 768px) { .skip-section.show { width: 40%; margin-left: 30%; margin-right: 30%; } }
@media (min-width: 1024px) { .skip-section.show { width: 30%; margin-left: 35%; margin-right: 35%; } }
/*
===========
Site Header
===========
*/
.header-site { border-top: 2px solid #D23D0E; max-width: 1366px; margin-left: auto; margin-right: auto; padding-bottom: 25px; padding-top: 35px; position: relative; text-align: center; z-index: 100; }
@media (min-width: 1024px) { .header-site { border-top: none; } }
.header-site .row { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 768px) { .header-site .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -10px; margin-right: -10px; } }
.header-site .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 0; flex-grow: 0; padding-left: 10px; padding-right: 10px; }
@media (min-width: 768px) { .header-site .col { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; } }
@media (max-width: 767px) { .header-site .col:nth-child(1) { margin-top: 10px; -ms-flex-order: 3; order: 3; } }
@media (max-width: 767px) { .header-site .col:nth-child(2) { -ms-flex-preferred-size: 40%; flex-basis: 40%; -ms-flex-order: 1; order: 1; } }
.header-site .col:nth-child(3) { text-align: right; }
@media (max-width: 767px) { .header-site .col:nth-child(3) { -ms-flex-preferred-size: 60%; flex-basis: 60%; -ms-flex-order: 2; order: 2; } }
.header-site .header-site_tel { color: #4E2876; display: none; font-size: 0.9375rem; line-height: 0.8125rem; text-align: center; }
@media (min-width: 768px) { .header-site .header-site_tel { display: inline-block; font-size: 1.875rem; line-height: 1.75rem; } }
.header-site .header-site_tel a { color: #D23D0E; font-size: 1.5625rem; font-weight: 700; line-height: 1; text-decoration: none; }
@media (min-width: 768px) { .header-site .header-site_tel a { font-size: 1.875rem; } }
@media (min-width: 1120px) { .header-site .header-site_tel a { font-size: 3.125rem; } }
.header-site .header-site_logo { display: block; max-width: 120px; }
@media (min-width: 768px) { .header-site .header-site_logo { max-width: 100%; } }
@media (min-width: 768px) { .header-site .header-site_mobile { display: none; } }
.header-site .header-site_mobile .header-site_mobile_button { background-color: #4E2876; border: none; color: #FFF; display: inline-block; width: 32px; height: 32px; margin: 5px; padding: 0; text-align: center; vertical-align: top; }
.header-site .header-site_mobile .header-site_mobile_tel svg { margin-top: 5px; }
/* Site Header */
/*
===========
Site Footer
===========
*/
.footer-site { color: #D23D0E; font-size: 1rem; padding: 70px 0; text-align: center; }
.footer-site a.link { color: inherit; display: block; padding: 1em; text-decoration: none; }
.footer-site a.link:hover span { text-decoration: underline; }
@media (min-width: 640px) { .footer-site a.link { display: inline; padding: 0; } }
@media (min-width: 640px) { .footer-site a.link:before { content: '| '; padding: 0 10px; } }
/* Site Footer */
/*
==========
Navigation
==========
*/
.nav-main { display: block; font-size: 1.125rem; background-color: #FFF; position: absolute; top: 0; right: 100%; height: 100vh; overflow: auto; padding-top: 20px; transform: translateX(0); transition: transform 0.3s, width 0.3s; width: 50%; z-index: 100; }
@media (max-width: 767px) { .nav__open .nav-main { transform: translateX(100%); width: 100%; } }
@media (min-width: 768px) { .nav-main { display: inline-block; height: auto; margin-top: 40px; overflow: visible; position: static; vertical-align: top; width: auto; } }
.nav-main > ul > li { display: block; }
@media (min-width: 768px) { .nav-main > ul > li { display: inline-block; } }
.nav-main > ul > li + li { border-top: 2px solid #D23D0E; }
@media (min-width: 768px) { .nav-main > ul > li + li { border-left: 2px solid #D23D0E; border-top: none; } }
.nav-main ul { display: block; }
@media (min-width: 768px) { .nav-main ul { display: inline-block; } }
.nav-main ul ul { background-color: #FFF; padding-left: 10px; text-align: left; width: 200px; }
@media (min-width: 768px) { .nav-main ul ul { left: -999em; padding: 20px 0; position: absolute; } }
.nav-main li { overflow: visible; }
.nav-main li.open > ul, .nav-main li:hover > ul { left: 0; }
.nav-main li.open > a, .nav-main li:hover > a, .nav-main li.active > a { color: #D23D0E; }
@media (min-width: 768px) { .nav-main li.open > a:before, .nav-main li:hover > a:before, .nav-main li.active > a:before { background-color: #D23D0E; } }
.nav-main a { color: #4E2876; display: block; padding: 4px 16px; position: relative; transition: color 0.3s; }
.nav-main a:focus { color: #D23D0E; }
.nav-main a:focus:before { background-color: #D23D0E; }
.nav-main a:before { background-color: transparent; content: ''; height: 2px; left: 16px; right: 16px; position: absolute; top: 100%; transition: background-color 0.3s; }
.nav-main .nav-main_close { background-color: transparent; border: none; border-radius: 0; font-size: 24px; font-weight: 700; line-height: 1; padding: 6px 12px 12px 24px; position: absolute; top: 0; right: 0; z-index: 10; }
@media (min-width: 768px) { .nav-main .nav-main_close { display: none; } }
.block .nav-main { padding: 0 0 20px; margin-top: 0; }
.nav-select select { display: block; width: 100%; }
.nav-mobile { margin-top: 20px; text-align: left; }
.nav-mobile ul { height: 0; margin: 0; padding: 0; overflow: hidden; position: relative; transition: height 0.3s linear; }
.nav-mobile ul ul { padding-left: 10px; }
.nav-mobile ul ul li:last-child { border-bottom: none; }
.nav-mobile li { background-image: none; border-bottom: 1px solid #4E2876; margin: 0; padding: 0; }
.nav-mobile a { display: block; padding: 5px; }
.nav-mobile .open > ul, .nav-mobile.open > ul { border-top: 1px solid #4E2876; height: auto; }
.nav-mobile .nav-mobile-header { background-color: #4E2876; background-image: url(/site/images/navicon.svg); background-position: 10px center; background-repeat: no-repeat; border: none; color: #FFF; display: block; padding: 10px; text-align: center; width: 100%; }
.nav-mobile .parent { position: relative; }
.nav-mobile .parent:after { content: "+"; line-height: 30px; position: absolute; right: 0; text-align: center; top: 0; width: 30px; }
.nav-mobile .parent a { margin-right: 30px; }
.nav-mobile .parent.open:after { content: "-"; }
.nav-side ul ul { padding-left: 10px; }
.nav-side a { display: block; padding: 5px 0; }
.nav-content { background-color: #e5dee9; font-size: 1.5rem; font-weight: 600; padding: 55px; margin-top: 55px; text-align: center; }
.nav-content h2 { color: #4E2876; font-weight: 500; }
.nav-content ul { margin-top: 55px; }
.nav-content li { display: inline-block; margin-left: 12px; margin-right: 12px; }
.nav-content a { color: #4E2876; display: block; text-decoration: underline; }
.nav-content a:hover { text-decoration: none; }
.nav-cop { background-color: #4E2876; border-radius: 0 12px 12px 0; display: none; font-size: 1em; padding: 0 25px; position: relative; }
@media (min-width: 1024px) { .nav-cop { display: block; } }
.nav-cop ul { max-width: 312px; margin-left: auto; }
.nav-cop li { overflow: visible; }
.nav-cop li + li { border-top: 1px solid #BBADCA; }
.nav-cop a { color: #FFF; display: block; margin-right: -25px; padding: 4px 0; position: relative; }
.nav-cop a:before { border-color: transparent #D23D0E; border-style: solid; border-width: 18px 0 18px 22px; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; }
.nav-cop a:hover { background-color: #D23D0E; margin-left: -25px; margin-right: -25px; padding-left: 25px; }
.nav-cop a:hover:before { content: ''; }
.nav-cop .tab-active { border-top-color: #4E2876; }
.nav-cop .tab-active a { background-color: #D23D0E; margin-left: -25px; margin-right: -25px; padding-left: 25px; }
.nav-cop .tab-active a:before { content: ''; }
.nav-cop .tab-active + li { border-top-color: #4E2876; }
/* Navigation */
/*
======
Search
======
*/
.form-search { background-color: #FFF; border: 1px solid #4E2876; border-radius: 2px; display: block; padding: 6px; transition: background-color 0.3s, color 0.3s; width: 100%; }
@media (min-width: 768px) { .form-search { max-width: 320px; } }
.form-search :-moz-placeholder { color: #4E2876; opacity: 1; }
.form-search ::-moz-placeholder { color: #4E2876; opacity: 1; }
.form-search ::-webkit-input-placeholder { color: #4E2876; opacity: 1; }
.form-search :-ms-input-placeholder { color: #4E2876; opacity: 1; }
.form-search .form-search_fieldset { display: -ms-flexbox; display: flex; }
.form-search button { background-color: transparent; border: none; display: block; padding: 0; height: 23px; width: 22px; }
.form-search button path { fill: #D23D0E; transition: fill 0.3s; }
.form-search [type=text] { background-color: transparent; border: none; color: inherit; display: block; padding: 3px; }
.form-search .form-item, .form-search .form-buttons { display: inline-block; margin: 0; vertical-align: top; }
.form-search .form-item { -ms-flex-positive: 1; flex-grow: 1; }
.form-search.form-search__focus { background-color: #4E2876; color: #FFF; }
.form-search.form-search__focus button path { fill: #FFF; }
.searches { left: -9999px; opacity: 0; overflow: hidden; position: absolute; transition: opacity 0.3s; height: 0; width: 0; }
.searches.show { opacity: 1; position: static; height: auto; width: auto; }
.searches.show + .main { display: none; }
.searches .searches_close { background-color: transparent; background-image: url(/site/images/icon/close.svg); border: none; position: absolute; width: 15px; height: 17px; right: 14px; top: 42px; z-index: 30; }
.no-svg .searches .searches_close { background-image: url(/site/images/icon/close.png); }
.result { color: #4E2876; display: block; text-decoration: none; }
.result + .result { border-top: 2px solid #D23D0E; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; }
.result img { border-radius: 4px; }
.result h2 + * { margin-top: 8px; }
.result p { padding-left: 24px; }
.result p + p { margin-top: 4px; }
.result a { color: inherit; text-decoration: none; }
.result .result_image { display: block; float: left; position: relative; padding-bottom: 62px; text-align: center; width: 100px; }
@media (min-width: 500px) { .result .result_image { width: 200px; } }
.main-content .main-content_content .result .result_image:after { content: none; }
.result .result_image .button-image { position: absolute; left: 50%; margin-left: -39px; bottom: 0; margin-top: 0; transform: translateY(-6px); }
.result .result_quote { display: none; padding-left: 15px; padding-right: 15px; margin-top: 60px; }
@media (min-width: 500px) { .result .result_quote { float: right; margin-top: 0; width: 275px; } }
@media (min-width: 768px) { .result .result_quote { display: block; } }
@media only screen and (min-width: 1024px) and (max-width: 1210px) { .result .result_quote { display: none; } }
@media (min-width: 768px) { .result .result_quote + .result_details { border-right: 2px solid #4E2876; margin-right: 275px; padding-right: 25px; } }
@media only screen and (min-width: 1024px) and (max-width: 1210px) { .result .result_quote + .result_details { border-right: none; margin-right: 0; padding-right: 0; } }
.result .result_details { margin-left: 110px; }
@media (min-width: 500px) { .result .result_details { margin-left: 225px; } }
@media (min-width: 768px) { .result .result_details { clear: none; margin-left: 225px; padding-top: 0; } }
.result .result_tel { background-image: url(/site/images/icon/phone.svg); background-position: 0 1px; }
.no-svg .result .result_tel { background-image: url(/site/images/icon/phone.png); }
.result .result_web { background-image: url(/site/images/icon/web.svg); background-position: 0 3px; color: #D23D0E; }
.no-svg .result .result_web { background-image: url(/site/images/icon/web.png); }
.result .result_web a { color: #D23D0E; }
.result .result_adr { background-image: url(/site/images/icon/home.svg); background-position: 0 3px; }
.no-svg .result .result_adr { background-image: url(/site/images/icon/home.png); }
.result .result_email { background-image: url(/site/images/icon/at.svg); background-position: 1px 2px; }
.no-svg .result .result_email { background-image: url(/site/images/icon/at.png); }
.result .button-image.readmore:before { background-image: url(/site/images/button/base/readmore.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .result .button-image.readmore:before { background-image: url(/site/images/button/base/readmore@2x.png); } }
.result .button-image.readmore:after { background-image: url(/site/images/button/white/readmore.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .result .button-image.readmore:after { background-image: url(/site/images/button/white/readmore@2x.png); } }
.result .button-image.referhere:before { background-image: url(/site/images/button/base/referhere.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .result .button-image.referhere:before { background-image: url(/site/images/button/base/referhere@2x.png); } }
.result .button-image.referhere:after { background-image: url(/site/images/button/white/referhere.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .result .button-image.referhere:after { background-image: url(/site/images/button/white/referhere@2x.png); } }
.result .button-image.visitsite:after { background-image: url(/site/images/button/white/visitsite.png); }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .result .button-image.visitsite:after { background-image: url(/site/images/button/white/visitsite@2x.png); } }
.result-internal + .result-external:before { background-color: #4E2876; border-radius: 5px; color: #FFF; content: 'The services below are not commissioned by Thames Valley PCC and we cannot accept responsibility for their provision'; display: block; font-weight: 700; margin-bottom: 50px; padding: 5px; text-align: center; }
.pagination { border-top: 2px solid #D23D0E; font-size: 1.25rem; margin-top: 30px; padding-top: 30px; text-align: center; }
.pagination .pagination { border: none; }
.pagination li { display: inline-block; vertical-align: top; }
.pagination li + li { margin-left: 6px; margin-top: 0; }
.pagination a, .pagination span { background-color: #D23D0E; border-radius: 4px; color: #FFF; display: block; width: 30px; height: 30px; line-height: 30px; text-decoration: none; }
.pagination .control, .pagination .disabled { overflow: hidden; padding-top: 4px; }
.pagination .control a, .pagination .control span, .pagination .disabled a, .pagination .disabled span { background-color: transparent; background-image: url(/site/images/icon/pagination.svg); background-size: 26px 44px; height: 22px; width: 13px; text-indent: -9999px; margin-left: 8px; margin-right: 8px; }
.pagination .active a { background-color: #4E2876; }
.pagination .control:last-child a { background-position: -13px 0; }
.pagination .disabled span { background-position: 0 -22px; }
.pagination .disabled:last-child span { background-position: -13px -22px; }
.main-content .main-content_content .pagination a:after { content: none; }
/* Search */
/*
============
Service Form
============
*/
.form-services [type=submit] { background-color: #4E2876; background-image: url(/site/images/icon/white/search.svg); background-position: 12px center; background-size: 30px 30px; border: none; border-radius: 5px; color: #FFF; display: block; font-size: 1.5rem; margin-top: 0; padding: 7px 7px 7px 42px; transition: background-color 0.3s; width: 100%; }
.form-services [type=submit]:hover { background-color: #D23D0E; }
.form-services [style*=none] + [type=submit] { margin-top: 30px; }
.form-services [type=text] { border-color: #4E2876; background-image: url(/site/images/icon/gps.png); background-position: 6px center; background-size: 13px 17px; margin-top: 8px; padding-left: 28px; }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .form-services [type=text] { background-image: url(/site/images/icon/gps@2x.png); } }
.form-services :-moz-placeholder { color: #D23D0E; opacity: 1; }
.form-services ::-moz-placeholder { color: #D23D0E; opacity: 1; }
.form-services ::-webkit-input-placeholder { color: #D23D0E; opacity: 1; }
.form-services :-ms-input-placeholder { color: #D23D0E; opacity: 1; }
.form-services .alert-error { display: none; margin: 1em 0; margin-left: auto; }
@media (min-width: 1024px) { .form-services .alert-error { max-width: 310px; } }
.form-services .form-services_group-1 { background: #D23D0E; color: #FFF; padding: 10px; position: relative; z-index: 20; }
.form-services .form-services_group-1 hr { border-color: #F4825D; }
.form-services .form-services_group-1 hr + label { margin-top: 0; }
.form-services .form-services_group-2 { background: #FCDED4; color: #4E2876; padding: 10px; position: relative; z-index: 10; }
.form-services .form-services_inner { text-align: left; }
.form-services .form-services_services label { cursor: pointer; display: inline-block; margin-top: 3px; }
.form-services .form-services_services input { position: absolute; left: -999px; }
.form-services .form-services_services input:checked + .label { background-color: #4E2876; box-shadow: none; color: #FFF; }
.form-services .form-services_services input:checked + .label:before { background-image: url(/site/images/icon/check.svg); background-position: center center; background-size: 9px 9px; border-color: #4E2876; box-shadow: none; }
.no-svg .form-services .form-services_services input:checked + .label:before { background-image: url(/site/images/icon/check.png); }
.form-services .form-services_services .label { box-shadow: inset -5px -5px 5px #CCC; color: #4E2876; display: block; background-color: #EEE; border: 1px solid #FFF; border-radius: 5px; font-size: 0.9375rem; padding: 4px 12px 4px 6px; }
@media (min-width: 1024px) { .form-services .form-services_services .label { font-size: 1.125rem; } }
.form-services .form-services_services .label:hover { background-color: #4E2876; box-shadow: none; color: #FFF; }
.form-services .form-services_services .label:before { background-color: #FFF; border: 1px solid #CCC; border-radius: 5px; box-shadow: inset 2px 2px 4px #DDD; content: ''; display: inline-block; margin-right: 5px; margin-top: 3px; height: 17px; width: 17px; vertical-align: top; }
.form-services + .searches-results { margin-top: 30px; }
/* Services Form */
/*
============
Contact Form
============
*/
.form-contact { margin-left: -22px; margin-right: -22px; }
.form-contact label { color: #4E2876; display: block; font-size: 1rem; margin-bottom: 8px; }
.form-contact textarea { min-height: 73px; height: 73px; }
.form-contact .form-contact_name, .form-contact .form-contact_email, .form-contact .form-contact_message { background-position: 6px center; padding-left: 30px; }
.form-contact .form-contact_row + * { margin-top: 30px; }
.form-contact .form-contact_field { clear: both; padding-left: 22px; padding-right: 22px; }
.form-contact .form-contact_field.half { clear: none; float: left; width: 50%; }
.form-contact .form-contact_name { background-image: url(/site/images/icon/user.svg); }
.no-svg .form-contact .form-contact_name { background-image: url(/site/images/icon/user.png); }
.form-contact .form-contact_email { background-image: url(/site/images/icon/email.svg); }
.no-svg .form-contact .form-contact_email { background-image: url(/site/images/icon/email.png); }
.form-contact .form-contact_message { background-image: url(/site/images/icon/pencil.svg); background-position: 6px 6px; }
.no-svg .form-contact .form-contact_message { background-image: url(/site/images/icon/pencil.png); }
/* Contact Form */
/*
=====
Formz
=====
*/
.form-formz [id*="_wrap"], .form-formz .actions { margin-top: 1em; }
.form-formz .boolWrap { display: block; }
.form-formz .actions { text-align: right; }
.form-formz .formz_req > label:after { color: #F00; content: ' *'; }
/* Formz */
/*
========
Carousel
========
*/
.carousel .carousel-item { height: 200px; }
@media (min-width: 768px) { .carousel .carousel-item { height: 300px; } }
.carousel .carousel-item.item-1 { background: #FCC; }
.carousel .carousel-item.item-2 { background: #CFC; }
.carousel .carousel-item.item-3 { background: #CCF; }
.carousel .carousel-item.item-4 { background: #FCF; }
.carousel .slick-next { right: 10px; }
.carousel .slick-prev { left: 10px; }
.carousel .wrap { height: 200px; }
@media (min-width: 768px) { .carousel .wrap { height: 300px; } }
.carousel .text { background: rgba(255, 255, 255, 0.5); padding: 10px; width: 33.3333%; }
/* Carousel */
/*
===========
Breadcrumbs
===========
*/
.breadcrumbs { padding: 1em 0; }
/* Breadcrumbs */
/*
==========
Home Boxes
==========
*/
.home-boxes { color: #4E2876; }
.home-boxes .col ~ * { margin-top: 15px; }
@media (min-width: 370px) { .home-boxes { margin-left: -15px; margin-right: -15px; }
.home-boxes .col { float: left; padding-left: 15px; padding-right: 15px; width: 50%; }
.home-boxes .col:nth-child(n) { clear: none; }
.home-boxes .col:nth-child(2n+1) { clear: left; }
.home-boxes .col ~ * { margin-top: 0; }
.home-boxes .col:nth-child(2) ~ * { margin-top: 30px; } }
@media (min-width: 768px) { .home-boxes { margin-left: -15px; margin-right: -15px; }
.home-boxes .col { float: left; padding-left: 15px; padding-right: 15px; width: 33.3333333333%; }
.home-boxes .col:nth-child(n) { clear: none; }
.home-boxes .col:nth-child(3n+1) { clear: left; }
.home-boxes .col:nth-child(2) ~ * { margin-top: 0; }
.home-boxes .col:nth-child(3) ~ * { margin-top: 50px; } }
.home-boxes h2 { background-color: #4E2876; border-radius: 4px 4px 0 0; color: #FFF; font-size: 1.125rem; font-weight: 500; padding-top: 8px; padding-bottom: 4px; text-align: center; position: relative; z-index: 30; }
.home-boxes h2 + * { margin-top: 0; }
.home-boxes p { padding-left: 10px; padding-right: 10px; }
.home-boxes .inner { background-color: #fff; border-radius: 6px; padding: 6px; }
.home-boxes .image { overflow: hidden; padding-bottom: 55.0387%; position: relative; }
.home-boxes .image img { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; }
.home-boxes .image:before { background-image: url(/site/images/mask/service-mask-top.svg); background-position: center top; background-size: cover; content: ''; position: absolute; top: 0; right: 0; left: 0; height: 20px; z-index: 20; }
.home-boxes .image:after { background-image: url(/site/images/mask/service-mask-btm.svg); background-position: center bottom; background-size: cover; content: ''; position: absolute; right: -1px; bottom: 0; left: -1px; height: 20px; z-index: 20; }
.home-boxes .button-image { margin-top: -35px; position: relative; z-index: 30; }
/* Home Boxes */
/*
========
Articles
========
*/
.post { color: inherit; display: block; text-decoration: none; }
.post + * { border-top: 2px solid #D23D0E; margin-top: 30px; padding-top: 30px; }
.post .post_image { position: relative; text-align: center; }
@media (min-width: 768px) { .post .post_image { float: left; max-width: 200px; margin-left: 14px; } }
.post .post_image + .post_text { margin-top: 32px; }
@media (min-width: 768px) { .post .post_image + .post_text { margin-left: 228px; margin-top: 0; } }
.post .post_image img { border-radius: 6px; }
.post .post_image .button-image { position: absolute; top: 100%; left: 50%; margin-top: -21px; margin-left: -38px; }
.post .post_date { color: #D23D0E; margin-top: 8px; }
.post .post_readmore { color: #D23D0E; }
/* Articles */
/*
=======
Content
=======
*/
.content-top { display: none; height: 63px; max-width: 871px; overflow: hidden; position: relative; text-align: center; }
@media (min-width: 768px) { .content-top { display: block; } }
.content-top .button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; display: none; min-width: 80px; padding: 10px 20px 100px; }
.content-top .button.phone { padding-left: 54px; }
.content-top:after { background-image: url(/site/images/background/content-top.png); background-position: center bottom; content: ''; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.content-top.show-buttons { height: 90px; }
.content-top.show-buttons .button { display: inline-block; }
.content { background-color: #FFF; border-radius: 0 0 24px 24px; padding: 15px; max-width: 871px; }
/* Content */
.safety-blanket.show { background-color: #FFF; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 200; }
/*
=====
Story
=====
*/
.story { margin-bottom: 12px; margin-left: auto; margin-right: auto; position: relative; max-width: 390px; }
.story .button-image { position: absolute; left: 50%; margin-left: -39px; top: 100%; }
.story_image { position: relative; }
.story_image:before { background-image: url(/site/images/mask/story-mask-top.svg); background-size: contain; content: ''; height: 29px; position: absolute; top: 0; left: 0; right: 0; }
.no-svg .story_image:before { background-image: url(/site/images/mask/story-mask-top.png); }
.story_text { background-color: #FCDED4; color: #D23D0E; font-size: 1.125rem; padding: 8px 20px; position: relative; }
.story_text:before, .story_text:after { background-image: url(/site/images/background/story-text.png); background-size: 100% 58px; content: ''; position: absolute; left: 0; right: 0; height: 29px; }
.story_text:before { top: -29px; }
.story_text:after { background-position: 0 bottom; top: 100%; }
/* Story */
/*
=======
Service
=======
*/
.service-top { border-bottom: 2px solid #D23D0E; width: 100%; }
@media (min-width: 768px) { .service-top { display: table; } }
.service-top + * { margin-top: 14px; }
.service-top img { border: 1px solid #FCDED4; border-radius: 5px; }
.service-top a { text-decoration: none; }
.service-top a:after { content: none; }
.service-top .service-top_col { padding-bottom: 20px; vertical-align: top; }
@media (min-width: 768px) { .service-top .service-top_col { display: table-cell; } }
.service-top .service-top_col:nth-child(1) { margin-left: auto; margin-right: auto; width: 95px; }
@media (min-width: 768px) { .service-top .service-top_col:nth-child(2) { padding-left: 15px; padding-right: 30px; } }
.service-top .service-top_col:nth-child(3) { min-width: 260px; }
.service-top .service-top_intro, .service-top .service-top_phone, .service-top .service-top_link, .service-top .service-top_email, .service-top .service-top_map { color: #D23D0E; font-size: 1.125rem; font-weight: 600; }
.service-top .service-top_intro a, .service-top .service-top_phone a, .service-top .service-top_link a, .service-top .service-top_email a, .service-top .service-top_map a { color: inherit; }
.service-top .service-top_addr, .service-top .service-top_phone, .service-top .service-top_link, .service-top .service-top_email, .service-top .service-top_map { padding-left: 28px; }
.service-top .service-top_addr, .service-top .service-top_phone { color: #4E2876; }
.service-top .service-top_intro { border-bottom: 1px solid #D23D0E; padding-bottom: 15px; }
.service-top .service-top_intro + * { margin-top: 15px; }
.service-top .service-top_addr { background-image: url(/site/images/icon/home.svg); background-size: 15px 15px; background-position: left center; }
.no-svg .service-top .service-top_addr { background-image: url(/site/images/icon/home.png); }
.service-top .service-top_map { background-image: url(/site/images/icon/gps.svg); background-size: 13px 17px; background-position: left center; }
.no-svg .service-top .service-top_map { background-image: url(/site/images/icon/gps.png); }
.service-top .service-top_phone { background-image: url(/site/images/icon/phone.svg); background-size: 14px 15px; background-position: left center; }
.no-svg .service-top .service-top_phone { background-image: url(/site/images/icon/phone.png); }
.service-top .service-top_email { background-image: url(/site/images/icon/email.svg); background-size: 23px 16px; background-position: left center; }
.no-svg .service-top .service-top_email { background-image: url(/site/images/icon/email.png); }
.service-top .service-top_link { background-image: url(/site/images/icon/web.svg); background-size: 14px 15px; background-position: left center; }
.no-svg .service-top .service-top_link { background-image: url(/site/images/icon/web.png); }
.main-content .main-content_content .service-top a { color: #D23D0E; }
.main-content .main-content_content .service-top a:after { content: none; }
.main-content .main-content_content .service-top a:hover { color: #4E2876; }
/* Service */
.main { overflow: hidden; }
.main-content { border-top: 5px solid #4E2876; padding-top: 40px; }
.main-content .main-content_title h1 { line-height: 1; }
.main-content .main-content_title + * { margin-top: 60px; }
.main-content .main-content_content ul a:after { background-color: #D23D0E; }
.main-content .main-content_content a { position: relative; transform: perspective(1px); text-decoration: none; transition: color 0.3s; }
.main-content .main-content_content a:after { background-color: #4E2876; content: ''; height: 1px; position: absolute; z-index: -1; left: -2px; right: -2px; bottom: 0; transition: height 0.3s; }
.main-content .main-content_content a.button::after { content: none; }
.main-content .main-content_content a:hover { color: #FFF; }
.main-content .main-content_content a:hover:after { height: 100%; }
/*
================
Code of Practice
================
*/
.codeofpractice-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
@media (min-width: 768px) { .codeofpractice-wrapper { -ms-flex-direction: row; flex-direction: row; } }
.codeofpractice_left { -ms-flex-preferred-size: 320px; flex-basis: 320px; -ms-flex-positive: 0; flex-grow: 0; max-width: 100%; display: none; }
@media (min-width: 768px) { .codeofpractice_left { display: block; } }
.codeofpractice_right { -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.site-infographic h1 { color: #4E2876; font-size: 3.125em; font-weight: 900; }
.site-infographic .h1 { color: #4E2876; font-weight: 900; text-align: left; }
.site-infographic .h1 + * { margin-top: 24px; }
.site-infographic .site-column_right { background-image: url(/site/images/background/ig-main.png); background-position: 0 0; background-repeat: repeat-x; background-size: 1px 555px; }
.ig-title { background-image: url(/site/images/background/ig-title.png); background-position: center center; color: #FFF; font-size: 1.875em; font-weight: 700; height: 142px; line-height: 120px; text-align: center; }
.ig-title + * { margin-top: 0; }
.ig-content { background-color: #FFF; max-width: 871px; margin-left: auto; margin-right: auto; padding: 0 25px 25px; }
.ig-content_section + * { margin-top: 52px; }
.ig_img-1-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-1-1 { float: right; max-width: 50%; margin-left: 16px; margin-bottom: 16px; } }
.ig_img-1-2 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-1-2 { float: left; margin-right: 16px; margin-bottom: 16px; } }
.ig_img-1-2 + * { margin-top: 25px; }
.ig_img-2-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-2-1 { float: right; margin-left: 16px; margin-bottom: 16px; margin-top: -80px; max-width: 50%; } }
.ig_img-3-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-3-1 { float: left; margin-right: 16px; margin-bottom: 16px; max-width: 50%; } }
.ig_img-4-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-4-1 { float: left; max-width: 70%; } }
.ig_img-4-2 { display: block; margin-left: auto; margin-right: auto; margin-top: 16px; }
@media (min-width: 768px) { .ig_img-4-2 { float: right; margin-top: 0; max-width: 30%; } }
.ig_img-5-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-5-1 { float: left; margin-right: 24px; margin-bottom: 16px; max-width: 50%; }
.ig_img-5-1 + * { padding-top: 60px; } }
.ig_img-6-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-6-1 { float: left; margin-right: 52px; margin-bottom: 16px; max-width: 50%; }
.ig_img-6-1 + * { padding-top: 60px; } }
.ig_img-8-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-8-1 { float: left; margin-right: 24px; margin-bottom: 16px; max-width: 50%; }
.ig_img-8-1 + * { padding-top: 8px; } }
.ig_img-8-2 { display: block; margin-left: auto; margin-right: auto; }
.ig-casestudy { background-color: #4E2876; border-radius: 10px; color: #D23D0E; padding: 22px; }
.ig-casestudy blockquote { color: #FFF; font-style: italic; margin: 10px 0 0; padding: 0; text-align: left; }
.ig-casestudy a { display: block; width: 77px; margin: 10px auto -40px; }
.ig_img-10-1 { display: block; margin-left: auto; margin-right: auto; }
.ig_img-11-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-11-1 { float: right; margin-left: 16px; max-width: 50%; } }
.ig_img-11-2 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-11-2 { float: left; margin-right: 16px; max-width: 50%; }
.ig_img-11-2 ~ * { margin-top: 36px; } }
.ig_img-12-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-12-1 { float: right; margin-left: 40px; max-width: 50%; } }
.ig_img-13-1 { display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-13-1 { float: left; margin-right: 16px; max-width: 50%; } }
.ig_img-14-1 { display: block; margin-left: auto; margin-right: auto; }
.ig_img-14-1 ~ * { margin-top: 12px; }
@media (min-width: 768px) { .ig_img-14-1 { float: right; margin-left: 50px; max-width: 50%; } }
.ig_img-15-1 { display: block; margin-bottom: 16px; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .ig_img-15-1 { float: left; margin-right: 16px; max-width: 50%; } }
.ig-video { color: #FFF; text-decoration: none; }
.ig-video .ig-video_title { background-color: #4E2876; background-image: url(/site/images/icon/ig-video.png); background-position: 21px center; border-radius: 8px; font-size: 1.125rem; margin-bottom: -8px; padding: 30px 25px 30px 80px; position: relative; z-index: 20; }
.ig-video .ig-video_title span { display: block; font-size: 0.875rem; }
.ig-video .ig-video_image { background-position: center center; position: relative; z-index: 10; }
.ig-nav { -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; align-items: center; border-top: 2px solid #D23D0E; clear: both; display: -ms-flexbox; display: flex; padding-top: 40px; }
.ig-nav a { color: #D23D0E; -ms-flex-positive: 1; flex-grow: 1; font-size: 1rem; font-weight: 700; position: relative; text-decoration: none; width: 50%; }
.ig-nav a:after, .ig-nav a:before { background-image: url(/site/images/icon/ig-pagination.png); width: 25px; height: 37px; position: absolute; top: 50%; margin-top: -18.5px; vertical-align: middle; }
#tab-1 .ig-nav a, #tab-15 .ig-nav a { max-width: 100%; }
.ig-nav .ig-nav_next { padding-right: 45px; text-align: right; }
.ig-nav .ig-nav_next:after { background-position: right center; content: ''; margin-left: 16px; right: 0; }
.ig-nav .ig-nav_prev { padding-left: 45px; }
.ig-nav .ig-nav_prev:before { background-position: left center; content: ''; left: 0; margin-right: 16px; }
.tab-7_content-section { background-position: 0 0; }
@media (min-width: 768px) { .tab-7_content-section { background-image: url(/site/images/content/victims-code/7-1.png); min-height: 650px; padding-top: 76px; } }
.tab-7_text { background-color: #4E2876; border-radius: 20px; color: #FFF; margin-left: auto; margin-right: auto; padding: 25px; max-width: 370px; }
@media (min-width: 768px) { .tab-7_text { float: right; } }
@media (min-width: 768px) { .tab-9_content-section { background-image: url(/site/images/content/victims-code/9-1.png); background-position: center top; min-height: 660px; margin-left: -25px; margin-right: -25px; padding-left: 0; padding-right: 25px; position: relative; top: -64px; padding-top: 290px; padding-right: 376px; }
.tab-9_content-section + * { margin-top: 0; } }
@media (min-width: 1024px) { .tab-9_content-section { background-position: -182px top; } }
@media (min-width: 1100px) { .tab-9_content-section { background-position: -130px top; } }
@media (min-width: 1150px) { .tab-9_content-section { background-position: -80px top; } }
@media (min-width: 1200px) { .tab-9_content-section { background-position: -60px top; } }
@media (min-width: 1400px) { .tab-9_content-section { background-position: center top; } }
.tab-9_content-section .ig-content_section_inner { background-color: #FFF; border-radius: 0 15px 0 0; padding: 16px 16px 16px 41px; margin-left: -25px; }
.tab-9_video { max-width: 444px; margin-left: auto; margin-right: auto; }
@media (min-width: 1400px) { .tab-9_video { float: left; margin-right: 16px; margin-top: -65px; } }
.tab-9_video .ig-video_image { background-image: url(/site/images/content/victims-code/9-2.png); background-position: center center; height: 242px; }
.tab-10_video { margin-left: auto; margin-right: auto; max-width: 444px; }
@media (min-width: 1400px) { .tab-10_video { float: right; margin-left: 16px; margin-top: -112px; } }
.tab-10_video .ig-video_image { background-image: url(/site/images/content/victims-code/10-2.png); background-position: center center; height: 235px; }
/* Code of Practice */
/*
====
Hero
====
*/
.hero { color: #FFF; background-position: center center; background-size: cover; font-size: 1rem; line-height: 1.75; max-width: 1366px; margin-left: auto; margin-right: auto; position: relative; }
.hero a { color: inherit; }
.hero.hero__loaded .hero_image, .hero.hero__loaded .hero-carousel { filter: grayscale(0%); }
.hero_image { background-image: url(/site/images/background/hero.jpg); background-position: center center; background-size: cover; filter: grayscale(100%); padding-bottom: 40%; transition: filter 1s; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }
@media (min-width: 1500px) { .hero_image { height: auto; padding-bottom: 0; position: absolute; } }
.hero_inner { background-position: center bottom; position: relative; z-index: 20; }
@media (min-width: 1500px) { .hero_inner { background-image: url(/site/images/background/hero.svg); height: 720px; padding-top: 425px; } }
.hero_over { background-color: #D23D0E; font-size: 1.875rem; font-weight: 300; left: 54px; line-height: 1.1; padding: 25px; top: 220px; }
@media (min-width: 768px) { .hero_over { padding-left: 50px; padding-right: 50px; } }
@media (min-width: 1500px) { .hero_over { background-color: transparent; font-size: 3.75rem; padding: 0; position: absolute; transform: translateY(-50%); width: 470px; } }
.hero_over span { opacity: 0; transition: opacity 0.3s; }
.hero_over .hero_over__show { opacity: 1; }
.hero_row { background-color: #D23D0E; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; padding-left: 25px; padding-right: 25px; padding-bottom: 25px; width: 100%; }
@media (min-width: 768px) { .hero_row { padding-left: 50px; padding-right: 50px; } }
@media (min-width: 1500px) { .hero_row { background-color: transparent; height: 295px; padding-left: 50px; padding-right: 50px; padding-bottom: 0; } }
.hero_row > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 0; flex-grow: 0; }
.hero_row > div + div { margin-top: 25px; }
@media (min-width: 1340px) { .hero_row > div + div { margin-top: 0; } }
@media (min-width: 768px) { .hero_row > div { -ms-flex-preferred-size: auto; flex-basis: auto; } }
@media (min-width: 768px) { .hero_row > div:nth-child(1) { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 0; flex-grow: 0; } }
@media (min-width: 1340px) { .hero_row > div:nth-child(1) { -ms-flex-preferred-size: 390px; flex-basis: 390px; padding-bottom: 0; padding-right: 50px; } }
.hero_row > div:nth-child(2) { background-image: url(/site/images/icon/white/telephone.svg); background-position: left center; font-size: 1.125rem; min-height: 36px; font-weight: 300; line-height: 1.25; padding-left: 55px; }
@media (min-width: 768px) { .hero_row > div:nth-child(2) { font-size: 1.5rem; } }
.hero_row > div:nth-child(2) a { display: block; font-weight: 500; }
.hero_row > div:nth-child(3) { background-image: url(/site/images/icon/white/mouse.svg); background-position: left center; font-size: 1.125rem; min-height: 36px; padding-left: 55px; }
@media (min-width: 768px) { .hero_row > div:nth-child(3) { font-size: 1.5rem; } }
.hero_row > div:nth-child(3) a { display: inline-block; line-height: 1.25; padding-right: 36px; position: relative; text-decoration: none; }
.hero_row > div:nth-child(3) a:after { border-color: transparent #FFF; border-style: solid; border-width: 9px 0 9px 16px; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(0); transition: transform 0.3s; }
.hero_row > div:nth-child(3) a:hover:after { transform: translateY(-50%) translateX(10px); }
.hero-carousel { filter: grayscale(100%); transition: filter 1s; }
.hero-carousel .slick-slider { margin-bottom: 0; }
.hero-carousel .carousel-item { position: relative; height: auto; }
.hero-carousel .carousel-item-image { padding-bottom: 40%; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(/site/images/background/hero.jpg); }
.hero-carousel .carousel-item-over { background-color: #D23D0E; font-size: 1.875rem; font-weight: 300; left: 54px; line-height: 1.1; padding: 25px; top: 220px; }
.hero-carousel .carousel-item-over a { text-decoration: none; }
.hero-carousel .carousel-item-over a:hover { text-decoration: underline; }
.hero-carousel .carousel-item-over span { opacity: 0; transition: opacity 0.3s; }
.hero-carousel .carousel-item-over .hero_over__show { opacity: 1; }
.hero-carousel .slick-prev, .hero-carousel .slick-next { top: calc(50% - 50px); }
@media (min-width: 768px) { .hero-carousel .carousel-item-over { padding-left: 50px; padding-right: 50px; } }
@media (min-width: 1500px) { .hero-carousel .carousel-item-image { height: 720px; }
.hero-carousel .carousel-item-over { background-color: transparent; font-size: 3.75rem; padding: 0; position: absolute; transform: translateY(-50%); width: 470px; }
.hero-carousel .slick-prev, .hero-carousel .slick-next { top: 50%; } }
.hero_overlay { position: relative; z-index: 20; }
@media (min-width: 1500px) { .hero_overlay { position: absolute; top: 425px; left: 0; width: 100%; background-image: url(/site/images/background/hero.svg); } }
/* Hero */
.closewebsite { background-color: #FFF; border: 1px solid #000; border-top: none; border-radius: 0 0 5px 5px; color: #000; font-weight: 700; line-height: 35px; padding-right: 35px; padding-left: 20px; position: fixed; right: 0; top: 50%; text-decoration: none; transform: translateY(100%) rotate(90deg); transform-origin: right top; transition: color 0.3s, background-color 0.3s; z-index: 100; }
.closewebsite span { font-size: 1.875rem; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.closewebsite:hover { background-color: #000; color: #FFF; }
/*
======
Blocks
======
*/
.block { max-width: 1366px; width: 90%; margin-left: auto; margin-right: auto; }
.block + .block { margin-top: 40px; }
.casestudy-block { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.casestudy-block + .block { margin-top: 140px; }
.casestudy-block blockquote { background-color: #4E2876; background-image: none; color: #FFF; line-height: 2; padding: 65px 30px 30px; position: relative; }
@media (min-width: 768px) { .casestudy-block blockquote { border-radius: 10px 0 0 10px; margin-left: -75px; } }
.casestudy-block blockquote:before { border-color: #FFF transparent; border-style: solid; border-width: 32px 42px 0 0; content: ''; position: absolute; top: 0; left: 50%; margin-left: -21px; }
.casestudy-block blockquote p { font-size: 1.125rem; font-style: italic; }
.casestudy-block blockquote p:before { color: white; content: open-quote; margin-right: 0.1em; }
.casestudy-block blockquote p:after { color: white; content: close-quote; margin-left: 0.1em; }
.casestudy-block cite { color: white; display: block; font-style: normal; margin-top: 1em; }
.casestudy-block .casestudy-block_col { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 0; flex-grow: 0; max-width: 100%; position: relative; }
@media (min-width: 768px) { .casestudy-block .casestudy-block_col { -ms-flex-preferred-size: 50%; flex-basis: 50%; } }
.casestudy-block .button { transform: translateY(-50%); }
.casestudy-block .button-skew { position: absolute; top: 100%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.signpost-block { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; padding-top: 20px; position: relative; z-index: 1; }
.signpost-block h2 { color: #FFF; position: relative; padding: 0 0 5px; transform: perspective(1px); z-index: 10; }
.signpost-block h2 span { display: block; line-height: 1; padding: 4px 2px; }
.signpost-block h2 + * { margin-top: 0; }
.signpost-block h2:before { background-color: #4E2876; border-radius: 10px 10px 0 0; content: ''; position: absolute; top: -50%; right: 0; bottom: -50%; left: 0; z-index: -1; transform: skew(0, -2deg); }
.signpost-block img { border-radius: 10px; display: block; }
.signpost-block .signpost-block_item { -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-positive: 0; flex-grow: 0; padding: 15px 15px 65px; max-width: 380px; min-width: 260px; }
.signpost-block .signpost-block_image { background-image: url(/site/images/placeholder/1360x710.jpg); background-position: center center; background-size: cover; border-radius: 10px; padding-bottom: 55%; position: relative; z-index: 20; -webkit-mask-image: url(/site/images/mask/imagemask.svg); mask-image: url(/site/images/mask/imagemask.svg); -webkit-mask-size: cover; mask-size: cover; }
.signpost-block .signpost-block_image:after { border-color: #4E2876 transparent; border-style: solid; border-width: 28px 38px 0 0; content: ''; position: absolute; top: 0; left: 50%; margin-left: -19px; }
.signpost-block .button-skew, .signpost-block .button { position: relative; transform: translateY(-50%); z-index: 30; }
.info-block { color: #FFF; margin-left: auto; margin-right: auto; max-width: 1366px; overflow: hidden; padding-bottom: 50px; position: relative; }
.info-block h2 { color: inherit; }
.info-block p { font-size: 1rem; line-height: 1.75rem; margin-top: 1em; }
.info-block .info-block_one { background-color: #4E2876; padding-top: 110px; padding-bottom: 110px; position: relative; }
.info-block .info-block_one:before { background-color: #FFF; content: ''; height: 50px; position: absolute; top: 0; left: 0; width: 100%; transform: skew(0, 2deg) translateY(-50%); }
.info-block .info-block_two { background-color: #D23D0E; padding-top: 100px; padding-bottom: 100px; position: relative; }
.info-block .info-block_two:before { background-color: #4E2876; content: ''; height: 50px; position: absolute; top: 0; left: 0; width: 100%; transform: skew(0, -2deg) translateY(-50%); }
.info-block .info-block_two:after { background-color: #FFF; content: ''; height: 50px; position: absolute; bottom: 0; left: 0; width: 100%; transform: skew(0, 2deg) translateY(50%); }
.info-block .info-block_row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-left: -10px; margin-right: -10px; }
.info-block .info-block_stat { -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 1rem; padding: 10px; }
@media (min-width: 768px) { .info-block .info-block_stat { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } }
.info-block .info-block_stat img { display: block; margin-left: auto; margin-right: auto; }
.info-block .info-block_stat_num { font-size: 2.5rem; font-weight: 800; margin-top: 10px; }
@media (min-width: 1200px) { .info-block .info-block_stat_num { font-size: 5rem; } }
.info-block .info-block_text { margin-left: 20px; margin-right: 20px; }
@media (min-width: 1024px) { .info-block .info-block_text { margin-right: 530px; margin-left: 65px; } }
.info-block .info-block_img { display: none; position: absolute; right: 65px; top: 50%; transform: translateY(-50%); z-index: 20; }
@media (min-width: 1024px) { .info-block .info-block_img { display: block; } }
.info-block .info-block_button { position: absolute; bottom: 0; text-align: center; width: 100%; left: 0; z-index: 10; }
/* Blocks */
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; border: 0 !important; padding: 0 !important; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }