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,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
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
}
input[type=text]::-ms-clear,
input[type=search]::-ms-clear,
input[type=email]::-ms-clear {
display: none
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none
}
input[type="search"] {
-webkit-appearance: none;
-webkit-box-sizing: content-box;
outline: none
}
input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
textarea:focus {
outline: none
}
hr {
height: 0;
border: none;
border-top: 4px solid #F3F3F3;
margin: 0
}
.mCustomScrollbar {
touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
touch-action: auto
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto
}
.mCSB_inside>.mCSB_container {
margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
right: auto;
left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
border-radius: 16px;
text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0
}
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0
}
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
box-sizing: border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"
}
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(mCSB_buttons.png);
background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonUp.nice-select.open,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonDown.nice-select.open,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonLeft.nice-select.open,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonRight.nice-select.open {
opacity: 0.9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 2px
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1)
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.15)
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
height: 14px
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
height: 16px;
margin: -1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
width: 16px;
margin: 0 -1px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 16px
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
border-radius: 7px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 5px
}
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
right: 1px
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
left: 0;
right: auto
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2)
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2)
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, 0.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9)
}
body.enable-version .js-version {
position: fixed;
top: 0;
left: 0;
z-index: 999;
color: white;
background: black
}
body.enable-version .js-version::after {
display: block;
content: 'CSS: 2617'
}
@-webkit-keyframes loaderAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes loaderAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: .7
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: .7
}
}
.js .animate-on-scroll {
opacity: 0
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-tap-highlight-color: transparent
}
body {
background: #fff;
color: #000;
font-family: "Open Sans", Helvetica, Arial;
line-height: 1.6;
letter-spacing: .5px;
font-size: 16px;
font-size: 1.6rem
}
.dp-sprite-svg {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
html.no-highlight *:focus {
outline: none
}
* {
box-sizing: border-box
}
*::-moz-selection {
color: #fff;
background: #000
}
*::selection {
color: #fff;
background: #000
}
.projectstypelist body {
background: #000
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
a,
button,
div,
span,
input {
-webkit-font-smoothing: antialiased
}
h1,
.dp-h1 {
font-size: 21px;
font-size: 2.1rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 28px;
margin-bottom: 16px
}
@media screen and (min-width: 768px) {
h1,
.dp-h1 {
font-size: 33px;
font-size: 3.3rem;
line-height: 40px;
margin-bottom: 20px
}
}
h2,
.dp-h2 {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px
}
@media screen and (min-width: 768px) {
h2,
.dp-h2 {
font-size: 21px;
font-size: 2.1rem;
line-height: 28px;
margin-bottom: 20px
}
}
h3,
.dp-h3 {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px
}
@media screen and (min-width: 768px) {
h3,
.dp-h3 {
font-size: 19px;
font-size: 1.9rem;
line-height: 26px;
margin-bottom: 20px
}
}
h4,
.dp-h4 {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 22px;
margin-bottom: 16px
}
@media screen and (min-width: 768px) {
h4,
.dp-h4 {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
margin-bottom: 20px
}
}
h5,
.dp-h5 {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 20px;
margin-bottom: 16px
}
@media screen and (min-width: 768px) {
h5,
.dp-h5 {
font-size: 12px;
font-size: 1.2rem;
line-height: 20px;
margin-bottom: 20px
}
}
h6,
.dp-h6 {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 26px;
margin-bottom: 16px
}
@media screen and (min-width: 768px) {
h6,
.dp-h6 {
font-size: 12px;
font-size: 1.2rem;
line-height: 26px;
margin-bottom: 20px
}
}
p,
.dp-p,
th,
.dp-th,
td,
.dp-td {
font-size: 14px;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 26px;
margin-bottom: 30px
}
strong {
font-weight: 600
}
a {
color: #000;
font-weight: 400;
text-decoration: none
}
a.theme-white {
color: #fff
}
p a {
font-weight: 600;
opacity: .7;
transition: opacity .3s
}
.no-touchevents p a:hover {
opacity: 1
}
.dp-section-title {
font-size: 19px;
font-size: 1.9rem;
color: #000;
font-weight: 300;
line-height: 40px;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-section-title {
font-size: 17px;
font-size: 1.7rem;
line-height: 32px
}
}
.dp-section-title a {
color: #000;
display: inline-block;
font-weight: 300
}
.dp-section-title.theme-white {
color: #fff
}
.dp-section-title.theme-white a {
color: #fff
}
.p-emphasis {
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 29px
}
ul li,
ul .dp-list-item,
.dp-list-primary li,
.dp-list-primary .dp-list-item {
font-size: 14px;
font-size: 1.4rem;
font-weight: 300;
line-height: 35px;
padding-left: 20px;
position: relative
}
@media screen and (min-width: 768px) {
ul li,
ul .dp-list-item,
.dp-list-primary li,
.dp-list-primary .dp-list-item {
font-size: 14px;
font-size: 1.4rem
}
}
ul li a,
ul .dp-list-item a,
.dp-list-primary li a,
.dp-list-primary .dp-list-item a {
font-weight: 600
}
ul li::before,
ul .dp-list-item::before,
.dp-list-primary li::before,
.dp-list-primary .dp-list-item::before {
content: '';
background: #000;
border-radius: 100%;
display: block;
height: 2px;
left: 0px;
position: absolute;
top: 17px;
width: 2px
}
ol {
counter-reset: section
}
ol li,
ol .dp-list-item {
font-size: 14px;
font-size: 1.4rem;
counter-increment: section;
font-weight: 300;
line-height: 35px;
padding-left: 22px;
position: relative
}
@media screen and (min-width: 768px) {
ol li,
ol .dp-list-item {
font-size: 14px;
font-size: 1.4rem
}
}
ol li a,
ol .dp-list-item a {
font-weight: 600;
opacity: 0.7
}
ol li a:hover,
ol .dp-list-item a:hover {
opacity: 1
}
ol li::before,
ol .dp-list-item::before {
content: counter(section) ".";
position: absolute;
left: 0px
}
.dp-reset-list-primary {
list-style: none
}
.dp-reset-list-primary li,
.dp-reset-list-primary .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-reset-list-primary li a,
.dp-reset-list-primary .dp-list-item a {
text-decoration: none
}
.dp-reset-list-primary li:before,
.dp-reset-list-primary .dp-list-item:before {
content: none
}
dl dt,
dl .dp-dl-term,
.dp-dl-primary dt,
.dp-dl-primary .dp-dl-term {
font-size: 14px;
font-size: 1.4rem;
color: #000;
font-weight: 600;
line-height: 20px;
margin-bottom: 8px
}
@media screen and (min-width: 768px) {
dl dt,
dl .dp-dl-term,
.dp-dl-primary dt,
.dp-dl-primary .dp-dl-term {
font-size: 14px;
font-size: 1.4rem
}
}
dl dd,
dl .dp-dl-description,
.dp-dl-primary dd,
.dp-dl-primary .dp-dl-description {
font-size: 20px;
font-size: 2rem;
font-weight: 300;
line-height: 20px;
margin-bottom: 20px
}
.dp-links-primary {
list-style: none;
border-top: solid 1px rgba(0, 0, 0, 0.12)
}
.dp-links-primary li,
.dp-links-primary .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-links-primary li a,
.dp-links-primary .dp-list-item a {
text-decoration: none
}
.dp-links-primary li:before,
.dp-links-primary .dp-list-item:before {
content: none
}
.dp-links-primary .dp-list-link {
font-size: 14px;
font-size: 1.4rem;
font-weight: 300;
line-height: 23px;
border-bottom: solid 1px rgba(0, 0, 0, 0.12)
}
@media screen and (min-width: 768px) {
.dp-links-primary .dp-list-link {
opacity: .7
}
}
@media screen and (min-width: 768px) {
.no-touchevents .dp-links-primary .dp-list-link:hover {
background-color: #f5f5f5;
opacity: 1
}
}
.dp-links-primary .dp-list-link .dp-lp-subtitle {
font-size: 12px;
font-size: 1.2rem;
display: block;
line-height: 20px;
margin-bottom: 5px
}
@media screen and (min-width: 768px) {
.dp-links-primary .dp-list-link .dp-lp-subtitle {
font-size: 13px;
font-size: 1.3rem;
line-height: 18px
}
}
.dp-links-primary .dp-list-link .dp-lp-title {
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
display: block;
line-height: 23px
}
@media screen and (min-width: 768px) {
.dp-links-primary .dp-list-link .dp-lp-title {
font-size: 19px;
font-size: 1.9rem;
line-height: 29px
}
}
.dp-links-primary .dp-list-link a {
background: url(../images/icons/arrow-right-black.svg?v=2617) no-repeat;
background-position: center right;
display: block;
font-weight: 400;
line-height: 22px;
padding: 20px 40px 20px 0;
position: relative;
width: 100%;
transition: background-position .4s
}
.browser-internetexplorer-11_0.is-windows-7 .dp-links-primary .dp-list-link a {
transition: none
}
@media screen and (min-width: 768px) {
.dp-links-primary .dp-list-link a {
background-position: calc(100% - 30px) 50%;
padding: 20px 90px 20px 30px
}
}
@media screen and (min-width: 768px) {
.no-touchevents .dp-links-primary .dp-list-link a:hover {
background-position: calc(100% - 20px) 50%
}
}
.dp-links-primary.dp-links-download .dp-list-link {
font-size: 14px;
font-size: 1.4rem
}
.dp-links-primary.dp-links-download .dp-list-link a {
background: url(../images/icons/arrow-down-black.svg?v=2617) no-repeat;
background-position: center right;
transition: background-position .4s
}
@media screen and (min-width: 768px) {
.dp-links-primary.dp-links-download .dp-list-link a {
background-position: calc(100% - 30px) 50%
}
}
@media screen and (min-width: 768px) {
.no-touchevents .dp-links-primary.dp-links-download .dp-list-link a:hover {
background-position: calc(100% - 30px) calc(50% + 10px)
}
}
.dp-links-primary.theme-white {
border-color: rgba(255, 255, 255, 0.12)
}
.dp-links-primary.theme-white .dp-list-link {
border-color: rgba(255, 255, 255, 0.12)
}
.dp-links-primary.theme-white a {
color: #fff;
background: url(../images/icons/arrow-right-white.svg?v=2617) no-repeat;
background-position: calc(100% - 30px) 50%
}
@media screen and (min-width: 768px) {
.dp-links-primary.theme-white a {
background-position: calc(100% - 30px) 50%;
border-color: #fff
}
}
.dp-links-primary.theme-white.dp-links-download a {
background: url(../images/icons/arrow-down-white.svg?v=2617) no-repeat;
background-position: center right
}
@media screen and (min-width: 768px) {
.dp-links-primary.theme-white.dp-links-download a {
background-position: calc(100% - 30px) 50%
}
}
.dp-button {
cursor: pointer;
display: inline-block;
font-family: "Open Sans", Helvetica, Arial;
min-width: 80px;
min-height: 32px;
height: auto;
text-align: center
}
.dp-button-primary {
cursor: pointer;
display: inline-block;
font-family: "Open Sans", Helvetica, Arial;
min-width: 80px;
min-height: 32px;
height: auto;
text-align: center;
font-size: 13px;
font-size: 1.3rem;
background-color: #EBEBEB;
border: none;
border-radius: 20px;
color: #000;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 19px;
padding: 7px 18px;
margin: 0;
text-decoration: none
}
.no-touchevents .dp-button-primary {
transition: background-color .3s ease-in-out, color .3s ease-in-out
}
.no-touchevents .dp-button-primary:hover {
background: #D9D9D9;
color: #000
}
.dp-button-primary:focus {
outline: 0
}
.dp-button-primary>.dp-bp-content {
position: relative
}
.dp-button-primary.dp-bp-black {
background-color: rgba(0, 0, 0, 0.5);
color: #fff
}
.no-touchevents .dp-button-primary.dp-bp-black:hover {
background: #000;
color: #fff
}
.dp-button-primary.dp-bp-white {
background-color: rgba(255, 255, 255, 0.15);
color: #fff
}
.no-touchevents .dp-button-primary.dp-bp-white:hover {
background-color: rgba(255, 255, 255, 0.25);
color: #fff
}
.dp-button-icon {
background-color: transparent;
border-radius: 100%;
border: solid 1px #000;
cursor: pointer;
display: inline-block;
height: 30px;
opacity: .7;
overflow: hidden;
position: relative;
text-indent: 100%;
width: 30px;
white-space: nowrap;
transition: opacity .3s, background-color .3s
}
.no-touchevents .dp-button-icon:hover {
opacity: 1
}
.dp-button-icon.icon-default {
background-size: auto 66%
}
.dp-button-icon.icon-default>.icon__i {
content: '';
display: block;
left: 3px;
height: 22px;
position: absolute;
top: 3px;
width: 22px
}
.dp-button-icon.icon-default:not(.theme-white)>.icon__i {
background: url(../images/icons/btn-default.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-default.theme-white>.icon__i {
background: url(../images/icons/btn-default-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-close {
background-color: #000;
border: solid 1px #000
}
.dp-button-icon.icon-close>.icon__i {
content: '';
display: block;
left: 8px;
height: 12px;
position: absolute;
top: 8px;
width: 12px
}
.dp-button-icon.icon-close:not(.theme-white)>.icon__i {
background: url(../images/icons/cross-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-close.theme-white {
background-color: #EBEBEB;
border: solid 1px #EBEBEB;
opacity: 1
}
.dp-button-icon.icon-close.theme-white>.icon__i {
background: url(../images/icons/cross-black.svg?v=2617) no-repeat center center/contain
}
.no-touchevents .dp-button-icon.icon-close.theme-white:hover {
background: #D9D9D9
}
.dp-button-icon.icon-close.theme-grey {
background-color: rgba(255, 255, 255, 0.15);
border: 0;
opacity: 1
}
.dp-button-icon.icon-close.theme-grey>.icon__i {
background: url(../images/icons/cross-white.svg?v=2617) no-repeat center center/contain;
left: 9px;
top: 8.5px
}
.no-touchevents .dp-button-icon.icon-close.theme-grey:hover {
background: rgba(255, 255, 255, 0.25)
}
.dp-button-icon.icon-close-cookie>.icon__i {
content: '';
background: url(../images/icons/cross-white.svg?v=2617) no-repeat center center/contain;
display: block;
left: 8px;
height: 12px;
position: absolute;
top: 8px;
width: 12px
}
.dp-button-icon.icon-arrow-right>.icon__i {
content: '';
display: block;
left: 6px;
height: 16px;
position: absolute;
top: 6px;
width: 16px
}
.dp-button-icon.icon-arrow-right:not(.theme-white)>.icon__i {
background: url(../images/icons/arrow-right-black.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-arrow-right.theme-white>.icon__i {
background: url(../images/icons/arrow-right-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-share>.icon__i {
content: '';
display: block;
left: 7px;
height: 12px;
position: absolute;
top: 8px;
width: 13px
}
.dp-button-icon.icon-share:not(.theme-white)>.icon__i {
background: url(../images/icons/share-black.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-share.theme-white>.icon__i {
background: url(../images/icons/share-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-facebook {
margin-right: 3px
}
.dp-button-icon.icon-facebook>.icon__i {
content: '';
display: block;
position: absolute;
top: 6px;
width: 10px
}
.dp-button-icon.icon-facebook:not(.theme-white) {
border: none
}
.dp-button-icon.icon-facebook:not(.theme-white)>.icon__i {
background: url(../images/icons/facebook-black.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-facebook.theme-white {
border: none
}
.dp-button-icon.icon-facebook.theme-white>.icon__i {
background: url(../images/icons/facebook-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-instagram>.icon__i {
content: '';
display: block;
position: absolute;
top: 6px;
width: 22px
}
.dp-button-icon.icon-instagram:not(.theme-white) {
border: none
}
.dp-button-icon.icon-instagram:not(.theme-white)>.icon__i {
background: url(../images/icons/instagram-black.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-instagram.theme-white {
border: none
}
.dp-button-icon.icon-instagram.theme-white>.icon__i {
background: url(../images/icons/instagram-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-twitter {
margin-right: 18px
}
.dp-button-icon.icon-twitter>.icon__i {
content: '';
display: block;
position: absolute;
top: 6px;
width: 24px
}
.dp-button-icon.icon-twitter:not(.theme-white) {
border: none
}
.dp-button-icon.icon-twitter:not(.theme-white)>.icon__i {
background: url(../images/icons/twitter-black.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-twitter.theme-white {
border: none
}
.dp-button-icon.icon-twitter.theme-white>.icon__i {
background: url(../images/icons/twitter-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-linkedin {
margin-right: 12px
}
.dp-button-icon.icon-linkedin>.icon__i {
content: '';
display: block;
position: absolute;
top: 5px;
width: 18px
}
.dp-button-icon.icon-linkedin:not(.theme-white) {
border: none
}
.dp-button-icon.icon-linkedin:not(.theme-white)>.icon__i {
background: url(../images/icons/linkedin-black.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-linkedin.theme-white {
border: none
}
.dp-button-icon.icon-linkedin.theme-white>.icon__i {
background: url(../images/icons/linkedin-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-weibo>.icon__i {
content: '';
display: block;
left: 7px;
height: 13px;
position: absolute;
top: 8px;
width: 16px
}
.dp-button-icon.icon-weibo:not(.theme-white) {
border: none
}
.dp-button-icon.icon-weibo:not(.theme-white)>.icon__i {
background: url(../images/icons/weibo-black.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-weibo.theme-white {
border: none
}
.dp-button-icon.icon-weibo.theme-white>.icon__i {
background: url(../images/icons/weibo-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-facebook>.icon__i,
.dp-button-icon.icon-twitter>.icon__i,
.dp-button-icon.icon-linkedin>.icon__i,
.dp-button-icon.icon-instagram>.icon__i {
height: 20px;
left: 0
}
.dp-button-icon.icon-facebook,
.dp-button-icon.icon-twitter,
.dp-button-icon.icon-linkedin,
.dp-button-icon.icon-weibo .dp-button-icon.icon-instagram {
border-radius: 0
}
.no-touchevents .dp-button-icon.icon-facebook:hover,
.no-touchevents .dp-button-icon.icon-twitter:hover,
.no-touchevents .dp-button-icon.icon-linkedin:hover,
.no-touchevents .dp-button-icon.icon-weibo .dp-button-icon.icon-instagram:hover {
opacity: 1
}
.dp-button-icon.icon-play {
background-color: rgba(255, 255, 255, 0.15);
border: 0;
border-radius: 100px;
width: 63px;
opacity: 1
}
.dp-button-icon.icon-play>.icon__i {
content: '';
display: block;
left: 50%;
height: 12px;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
width: 12px
}
.dp-button-icon.icon-play:not(.theme-white)>.icon__i {
background: url(../images/icons/play-white.svg?v=2617) no-repeat center center/contain
}
.dp-button-icon.icon-play.theme-white>.icon__i {
background: url(../images/icons/play-black.svg?v=2617) no-repeat center center/contain
}
.no-touchevents .dp-button-icon.icon-play:hover {
background-color: rgba(255, 255, 255, 0.25)
}
.dp-button-icon.icon-plus-white {
background: url(../images/icons/white-fill-plus.svg?v=2617) transparent;
background-size: 100%;
border: none;
height: 30px;
width: 30px
}
.dp-button-icon.theme-white {
border: solid 1px #fff
}
@media screen and (min-width: 1024px) {
.dp-button-icon:not(:last-of-type) {
margin-right: 5px
}
.dp-button-icon.icon-facebook,
.dp-button-icon.icon-instagram,
.dp-button-icon.icon-twitter,
.dp-button-icon.icon-linkedin {
border-radius: 100%;
width: 30px
}
.dp-button-icon.icon-facebook>.icon__i {
height: 14px;
left: 11px;
top: 8px;
width: 7px
}
.dp-button-icon.icon-instagram>.icon__i {
height: 16px;
left: 4px;
top: 8px;
width: 22px
}
.dp-button-icon.icon-twitter>.icon__i {
height: 13px;
left: 8px;
top: 9px;
width: 16px
}
.dp-button-icon.icon-linkedin>.icon__i {
height: 13px;
left: 9px;
top: 8px;
width: 12px
}
}
@media screen and (min-width: 768px) {
.dp-inline-button {
display: inline-block
}
.dp-inline-button.dp-share {
min-width: 200px
}
}
button:active,
button.nice-select.open,
button:focus {
outline: 0
}
.mCS-dp-horizontal .mCSB_scrollTools .mCSB_draggerContainer {
left: 40px;
right: 40px
}
.mCS-dp-horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
height: 1px
}
.mCS-dp-horizontal .mCSB_scrollTools .mCSB_draggerRail {
background-color: #ccc;
height: 1px;
margin: 6px 0
}
.dp-form__row {
margin-top: 28px
}
@media screen and (min-width: 1024px) {
.dp-form__row {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
}
.dp-form__row__full-width {
display: block
}
.dp-form__col {
margin-top: 28px
}
@media screen and (min-width: 1024px) {
.dp-form__col {
margin: 0
}
}
.dp-input__label,
.dp-input label {
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
margin-bottom: 10px;
margin-left: 5px
}
.dp-input__comment {
font-size: 10px;
font-size: 1rem;
margin: 10px 0 0 5px;
line-height: 18px
}
.dp-input__pull-right {
text-align: right
}
.dp-input input {
font-size: 14px;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 26px;
margin-bottom: 30px;
font-family: "open sans";
font-weight: 400;
margin: 0;
background: #f5f5f5;
box-sizing: border-box;
height: 46px;
border: 0;
padding: 0 20px;
width: 100%;
border-radius: 25px;
color: #000;
font-size: 16px;
font-size: 1.6rem
}
.dp-input input::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.5)
}
.dp-input input:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.5)
}
.dp-input input::placeholder {
color: rgba(51, 51, 51, 0.5)
}
.browser-internetexplorer .dp-input input:required:invalid {
outline: none
}
.dp-input input:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.5)
}
.dp-input button,
.dp-input input[type=submit] {
font-family: "open sans";
display: inline-block;
width: auto;
background-color: #f5f5f5;
color: #000;
font-weight: 400;
font-size: 12px;
font-size: 1.2rem;
line-height: 36px;
height: 36px;
border: none;
border-radius: 18px;
padding: 0px 18px;
cursor: pointer;
-webkit-appearance: none;
transition: background-color .3s ease-in-out
}
@media screen and (min-width: 768px) {
.dp-input button,
.dp-input input[type=submit] {
margin-top: 0;
height: 40px;
line-height: 40px;
border-radius: 20px;
vertical-align: middle
}
}
.dp-input button:hover,
.dp-input button:active,
.dp-input button.nice-select.open,
.dp-input input[type=submit]:hover,
.dp-input input[type=submit]:active,
.dp-input input[type=submit].nice-select.open {
background: #D9D9D9
}
.dp-input--required label::after,
.dp-input--required .dp-input__label::after {
content: '*'
}
.dp-input--error input,
.dp-input--error input[type=file]+label {
border-color: #980f0f;
background-color: #FEE5E3
}
.dp-input--error label::after,
.dp-input--error .dp-input__label::after {
color: #980f0f
}
.dp-select {
position: relative;
display: inline-block
}
.dp-select:after,
.dp-select:before {
content: "";
display: inline-block;
position: absolute;
top: 13px;
right: 7px;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #000
}
.dp-select:after {
border-top-color: #fff;
top: 12px
}
.no-touchevents .dp-select:after,
.no-touchevents .dp-select:before {
display: none
}
.dp-select select::-ms-expand {
display: none
}
.dp-select select {
color: #000;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
display: inline-block;
position: relative;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px 22px 5px 7px;
line-height: 1.2em;
border: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 2;
cursor: pointer
}
.dp-select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000
}
.no-touchevents .dp-select select {
display: none
}
.dp-select--form {
background: #f5f5f5;
box-sizing: border-box;
position: relative;
line-height: 44px;
padding: 0;
width: 100%;
border-radius: 25px;
color: #000;
font-size: 16px;
font-size: 1.6rem;
outline: none;
cursor: pointer
}
.dp-select--form::before {
position: absolute;
top: 18px;
right: 27px;
border: 1px solid #000;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 9px;
height: 9px;
width: 5px;
height: 5px;
z-index: 2
}
.dp-select--form::after {
content: "";
position: absolute;
width: 48px;
height: 30px;
border: 0;
background: #f5f5f5;
border-radius: 100px;
right: 8px;
top: 7px
}
.dp-select--form select {
font-size: 14px;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 26px;
margin-bottom: 30px;
font-size: 16px;
font-size: 1.6rem;
font-family: "open sans";
font-weight: 400;
margin: 0;
width: 100%;
padding: 5px 50px 5px 27px
}
.dp-select-style-1 {
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
display: inline-block;
padding-right: 10px;
position: relative
}
.dp-select-style-1 select {
font-size: 16px;
font-size: 1.6rem;
background: transparent;
border: none;
color: #000;
display: block;
font-family: "open sans";
font-weight: 600;
line-height: 26px;
margin: 0;
padding: 0;
position: relative;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none
}
.dp-select-style-1::before {
content: ' ';
background: url(../images/icons/chevron-down.svg?v=2617) no-repeat center center/100%;
border-radius: 30px;
display: block;
height: 7px;
width: 12px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.grecaptcha-badge {
bottom: initial !important;
z-index: 1000
}
table,
.dp-table {
table-layout: fixed;
text-align: left;
width: 100% !important
}
th,
.dp-th,
td,
.dp-td {
padding: 21px 25px
}
tr:nth-child(even),
.dp-tr:nth-child(even) {
background: #EBEBEB
}
tr:nth-child(1),
.dp-tr:nth-child(1) {
border-top: 2px solid #EBEBEB
}
tr:nth-child(1) td,
tr:nth-child(1) .dp-td,
.dp-tr:nth-child(1) td,
.dp-tr:nth-child(1) .dp-td {
font-weight: 400
}
th,
.dp-th {
border: 0;
font-weight: 400
}
td:nth-child(1),
.dp-td:nth-child(1) {
font-weight: 400
}
.dp-scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px
}
.dp-custom-scrollbar ::-webkit-scrollbar,
.dp-custom-scrollbar * ::-webkit-scrollbar {
width: 7px
}
.dp-custom-scrollbar ::-webkit-scrollbar-track,
.dp-custom-scrollbar * ::-webkit-scrollbar-track {
background: #ddd
}
.dp-custom-scrollbar ::-webkit-scrollbar-thumb,
.dp-custom-scrollbar * ::-webkit-scrollbar-thumb {
background: #000
}
.nice-select {
font-size: 14px;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 26px;
margin-bottom: 30px;
font-size: 16px;
font-size: 1.6rem;
font-family: "open sans";
font-weight: 400;
-webkit-tap-highlight-color: transparent;
background-color: #f5f5f5;
border-radius: 25px;
border: none;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: none;
float: left;
height: 46px;
line-height: 46px;
margin: 0;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
transition: all 0.3s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%
}
.no-touchevents .nice-select {
display: block
}
.dp-select--form .nice-select {
background-color: #f5f5f5
}
.dp-copy__filters .nice-select {
background-color: rgba(255, 255, 255, 0.15)
}
.no-touchevents .dp-copy__filters .nice-select:hover {
background-color: rgba(255, 255, 255, 0.25)
}
.no-touchevents .nice-select:hover,
.nice-select:focus {
border-color: #dedede
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: #999
}
.no-touchevents .dp-select--form .nice-select:active,
.no-touchevents .dp-select--form .nice-select.open,
.no-touchevents .dp-select--form .nice-select:hover {
background: #e2e2e2
}
.no-touchevents .dp-copy__filters .nice-select:active,
.no-touchevents .dp-copy__filters .nice-select.open,
.no-touchevents .dp-copy__filters .nice-select:hover {
background: rgba(255, 255, 255, 0.25)
}
.nice-select::after,
.nice-select::before {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
content: '';
display: block;
height: 6px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 21px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.15s;
width: 6px;
opacity: 1
}
.nice-select::before {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: 0
}
.nice-select>span {
color: #000;
margin-right: 5px
}
.nice-select.open::after {
opacity: 0
}
.nice-select.open::before {
opacity: 1
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
.nice-select.disabled {
border-color: #f0f0f0;
color: #999;
pointer-events: none
}
.nice-select.disabled:after {
border-color: #333
}
.nice-select.wide {
width: 100%
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important
}
.nice-select.right {
float: right
}
.nice-select.right .list {
left: auto;
right: 0
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px
}
.nice-select.small:after {
height: 4px;
width: 4px
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
border: 1px solid #f5f5f5;
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-23px);
-ms-transform: scale(0.75) translateY(-23px);
transform: scale(0.75) translateY(-23px);
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
max-height: 300px;
width: 100%
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important
}
.nice-select .list .ps__scrollbar-x-rail {
display: none !important
}
.nice-select .option {
font-weight: 400;
cursor: pointer;
line-height: 49px;
list-style: none;
min-height: 49px;
outline: none;
padding-left: 18px;
padding-right: 29px;
transition: all 0.2s
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
background-color: #e2e2e2
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default
}
.nice-select .option:before {
content: none
}
.no-csspointerevents .nice-select .list {
display: none
}
.no-csspointerevents .nice-select.open .list {
display: block
}
.ps {
touch-action: auto;
overflow: hidden !important;
-ms-overflow-style: none
}
.ps .browser-microsoftedge {
overflow: auto !important
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ps {
overflow: auto !important
}
}
.ps.ps--active-x>.ps__scrollbar-x-rail,
.ps.ps--active-y>.ps__scrollbar-y-rail {
display: block;
background-color: transparent
}
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
background-color: #f5f5f5;
opacity: 1
}
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {
background-color: #000;
height: 11px
}
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
background-color: #f5f5f5;
opacity: 1
}
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
background-color: #000;
width: 12px
}
.ps>.ps__scrollbar-x-rail {
display: none;
position: absolute;
opacity: 1;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0px;
height: 15px
}
.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x {
position: absolute;
background-color: #000;
border-radius: 2px;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 2px;
height: 6px
}
.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x,
.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x,
.ps>.ps__scrollbar-x-rail.nice-select.open>.ps__scrollbar-x {
height: 11px
}
.ps>.ps__scrollbar-y-rail {
display: none;
position: absolute;
opacity: 1;
transition: background-color .2s linear, opacity .2s linear;
right: 0;
width: 12px
}
.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
position: absolute;
background-color: #000;
border-radius: 2px;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0;
width: 4px
}
.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y,
.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y,
.ps>.ps__scrollbar-y-rail.nice-select.open>.ps__scrollbar-y {
width: 12px
}
.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
background-color: #f5f5f5;
opacity: 1
}
.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {
background-color: #000;
height: 11px
}
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
background-color: #f5f5f5;
opacity: 1
}
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
background-color: #000;
width: 12px
}
.ps:hover>.ps__scrollbar-x-rail,
.ps:hover>.ps__scrollbar-y-rail {
opacity: 1
}
.ps:hover>.ps__scrollbar-x-rail:hover {
background-color: #f5f5f5;
opacity: 1
}
.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x {
background-color: #000
}
.ps:hover>.ps__scrollbar-y-rail:hover {
background-color: #f5f5f5;
opacity: 1
}
.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
background-color: #000
}
#container-fluid {
position: relative
}
#container-fluid::after {
content: '';
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
background: black;
opacity: 0;
z-index: 9999;
transition: background-color 2s
}
.theme-white #container-fluid::after {
background: #fff
}
.page.leaving::before {
background: rgba(255, 255, 255, 0.8);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
content: '';
display: block;
z-index: 1000
}
.page.leaving::before::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23b2b2b2' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23000000' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .page.leaving::before::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .page.leaving::before {
background: rgba(0, 0, 0, 0.8)
}
.page.leaving::before.active {
display: block
}
.theme-black .page.leaving::before {
background: rgba(0, 0, 0, 0.8)
}
.page.leaving::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E");
position: fixed !important;
z-index: 1001
}
.search .page.leaving::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.theme-white .page.leaving::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23b2b2b2' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23000000' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .theme-white .page.leaving::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.page.new-page {
top: 0;
left: 0;
position: absolute;
opacity: 1;
width: 100%
}
html {
height: 100%;
width: 100%
}
html body {
height: 100%;
position: relative
}
html #container-fluid {
height: 100%
}
html.search.no-touchevents #container-fluid {
height: 100.1%
}
html .page {
height: 100%
}
html.project,
html.projects,
html.projectstype,
html.projectstypelist,
html.discipline,
html.disciplines,
html.news {
height: auto
}
html.project body,
html.projects body,
html.projectstype body,
html.projectstypelist body,
html.discipline body,
html.disciplines body,
html.news body {
height: auto
}
html.project body #container-fluid,
html.projects body #container-fluid,
html.projectstype body #container-fluid,
html.projectstypelist body #container-fluid,
html.discipline body #container-fluid,
html.disciplines body #container-fluid,
html.news body #container-fluid {
height: auto
}
html.project body .page,
html.projects body .page,
html.projectstype body .page,
html.projectstypelist body .page,
html.discipline body .page,
html.disciplines body .page,
html.news body .page {
height: auto
}
html.search body,
html.projects body,
html.projectstype body {
background-color: #000
}
.dp-pp-modules-block {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 1366px;
margin: 0 auto;
position: relative
}
.dp-pp-modules-block>.dp-pp-module {
width: 100%
}
@media screen and (min-width: 768px) {
.dp-pp-modules-block>.dp-pp-module {
width: 50%
}
}
@media screen and (min-width: 768px) {
.dp-pp-modules-block.dp-news-modules-block {
border-right: none;
border-left: none
}
}
.mg-sprite-svg {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
body.overflow-hidden {
overflow-y: hidden
}
.dp-example .dp-title {
color: #fff
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.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
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.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
}
.slick-arrow.slick-hidden {
display: none
}
.dp-carousel {
width: 100%;
height: 100%
}
.dp-carousel:hover .dp-slide-actions__cards a {
background: rgba(255, 255, 255, 0.25)
}
.dp-carousel .slick-list {
height: 100%
}
.dp-carousel .slick-track {
height: 100%
}
.dp-carousel .slick-slide {
height: 100%;
z-index: 15
}
.dp-carousel .slick-slide.slick-active {
z-index: 10
}
.dp-carousel .dp-slide-arrows {
display: none
}
@media screen and (min-width: 768px) {
.dp-carousel .dp-slide-arrows {
height: 30%;
width: 12.5%;
position: absolute;
top: 35%;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
transition: opacity .3s;
opacity: 0
}
.touchevents .dp-carousel .dp-slide-arrows {
display: none
}
.no-touchevents .dp-carousel .dp-slide-arrows:hover,
.dp-carousel .dp-slide-arrows.hover {
opacity: 1
}
.dp-carousel .dp-slide-arrows.is-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
}
.dp-carousel .dp-slide-arrows.is-left {
left: 0
}
.dp-carousel .dp-slide-arrows.is-right {
right: 0
}
.dp-carousel .slick-prev,
.dp-carousel .slick-next {
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
position: absolute;
background: url(../images/icons/arrow-back-carousel.svg?v=2617) top left no-repeat transparent;
background-position: 48px center;
background-size: 18px 30px;
overflow: hidden;
text-indent: 60px;
cursor: pointer;
font-size: 0;
left: 0;
top: 0
}
.dp-carousel .slick-prev:focus,
.dp-carousel .slick-next:focus {
outline: 0 !important
}
.dp-carousel .slick-next {
background-image: url(../images/icons/arrow-forward-carousel.svg?v=2617);
background-position-x: calc(100% - 48px)
}
.dp-carousel .dp-slide-dots {
position: absolute;
left: 50%;
bottom: 43px;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
z-index: 200
}
.browser-internetexplorer .dp-carousel .dp-slide-dots {
width: 50%
}
@media screen and (min-width: 768px) {
.dp-carousel .dp-slide-dots {
bottom: 53px
}
}
.dp-carousel .slick-dots {
list-style: none;
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
.dp-carousel .slick-dots li,
.dp-carousel .slick-dots .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-carousel .slick-dots li a,
.dp-carousel .slick-dots .dp-list-item a {
text-decoration: none
}
.dp-carousel .slick-dots li:before,
.dp-carousel .slick-dots .dp-list-item:before {
content: none
}
@media screen and (min-width: 768px) {
.dp-carousel .slick-dots {
bottom: 50px
}
}
.dp-carousel .slick-dots>li {
position: relative;
width: 28px;
height: 20px;
display: inline-block;
margin: 0 3px;
padding: 0;
opacity: .3;
transition: opacity .5s
}
.dp-carousel .slick-dots>li.slick-active {
opacity: 1
}
.dp-carousel .slick-dots>li:hover {
opacity: 1
}
.dp-carousel .slick-dots>li>button {
margin: 0;
padding: 0;
border: 0;
background: transparent;
overflow: hidden;
width: 100%;
height: 20px;
display: block;
font-size: 1px;
text-indent: -200px;
position: relative;
cursor: pointer;
-webkit-appearance: none
}
.dp-carousel .dp-arc-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
z-index: -1
}
.dp-slide-container {
list-style: none;
width: 100%;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
position: relative;
background: #000
}
.dp-slide-container li,
.dp-slide-container .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-slide-container li a,
.dp-slide-container .dp-list-item a {
text-decoration: none
}
.dp-slide-container li:before,
.dp-slide-container .dp-list-item:before {
content: none
}
.dp-slide-container>li {
width: 100%;
height: 100%
}
.dp-slide-container.hide-videos video {
display: none
}
.dp-carousel-slide {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.dp-carousel-slide::after {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 45%;
pointer-events: none;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
opacity: .7
}
.dp-carousel-image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.dp-carousel-image.is-feature {
display: none
}
.dp-carousel-image.is-cover {
display: block
}
.dp-video-unavailable .dp-carousel-image.is-feature {
display: block
}
.dp-video-unavailable .dp-carousel-image.is-cover {
display: none
}
@media screen and (max-width: 769px) {
.dp-slide-video-unavailable-mobile .dp-carousel-image.is-feature {
display: block
}
.dp-slide-video-unavailable-mobile .dp-carousel-image.is-cover {
display: none
}
}
@media screen and (min-width: 768px) {
.dp-slide-video-unavailable-desktop .dp-carousel-image.is-feature {
display: block
}
.dp-slide-video-unavailable-desktop .dp-carousel-image.is-cover {
display: none
}
}
.dp-carousel-slide__caption {
position: absolute
}
.dp-slide-labels {
width: 100%;
z-index: 100;
overflow: hidden;
position: absolute;
bottom: 120px;
pointer-events: none
}
@media screen and (min-width: 768px) {
.dp-slide-labels {
bottom: 76px
}
}
.dp-hp-figure__strapline,
.dp-hp-figure__body,
.dp-hp-figure__title,
.dp-hp-figure__source {
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
.dp-slide-labels__titles {
list-style: none;
list-style: none;
padding: 0;
position: relative;
height: 100%
}
.dp-slide-labels__titles li,
.dp-slide-labels__titles .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-slide-labels__titles li a,
.dp-slide-labels__titles .dp-list-item a {
text-decoration: none
}
.dp-slide-labels__titles li:before,
.dp-slide-labels__titles .dp-list-item:before {
content: none
}
@media screen and (min-width: 768px) {
.dp-slide-labels__titles {
margin: 0 0 0 48px
}
}
.dp-slide-labels__titles>li {
position: absolute;
bottom: 0;
left: 50%;
opacity: 0;
color: #fff;
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
will-change: transform;
width: calc(100% - 50px);
padding-bottom: 2px
}
@media screen and (min-width: 768px) {
.dp-slide-labels__titles>li {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
text-align: left;
left: 0;
width: auto;
letter-spacing: 0.5px
}
}
.dp-slide-labels__titles>li.is-transparent {
pointer-events: none
}
.dp-slide-labels__titles>li>.dp-relative {
position: relative;
left: -50%
}
@media screen and (min-width: 768px) {
.dp-slide-labels__titles>li>.dp-relative {
left: 0
}
}
.dp-hp-figure .dp-hp-figure__title {
font-size: 21px;
font-size: 2.1rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 28px;
display: block;
line-height: 35px;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-hp-figure .dp-hp-figure__title {
font-size: 33px;
font-size: 3.3rem;
line-height: 40px
}
}
@media screen and (min-width: 768px) {
.dp-hp-figure .dp-hp-figure__title {
margin-bottom: 0
}
}
.dp-hp-figure .dp-hp-figure__title.dp-hp-figure-no-quote__title {
font-size: 33px;
font-size: 3.3rem;
line-height: 40px
}
.dp-hp-figure .dp-hp-figure__body {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
margin-top: 5px;
max-width: 420px;
quotes: "\201C" "\201D";
line-height: 23px;
letter-spacing: .5px
}
@media screen and (min-width: 768px) {
.dp-hp-figure .dp-hp-figure__body {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
margin-top: 7px
}
}
.dp-hp-figure .dp-hp-figure__body::before {
content: open-quote
}
.dp-hp-figure .dp-hp-figure__body::after {
content: close-quote
}
.dp-hp-figure .dp-hp-figure__source {
font-size: 12px;
font-size: 1.2rem;
line-height: 17px;
letter-spacing: .5px;
font-weight: 400;
margin-top: 10px;
display: block
}
@media screen and (min-width: 768px) {
.dp-hp-figure .dp-hp-figure__source {
margin-top: 8px
}
}
.dp-hp-figure .dp-hp-figure__strapline {
line-height: 17px;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-hp-figure .dp-hp-figure__strapline {
line-height: 22px
}
}
.dp-hp-figure .dp-hp-figure__strapline.dp-hp-figure-no-quote__strapline {
line-height: 30px
}
.dp-hp-figure.dp-news {
margin-bottom: 0
}
.dp-hp-figure.dp-news .dp-hp-figure__title {
font-size: 14px;
font-size: 1.4rem;
line-height: 24px
}
.dp-hp-figure.dp-news .dp-hp-figure__body {
margin-top: 5px;
font-size: 16px;
font-size: 1.6rem;
line-height: 29px;
font-weight: 600;
display: block;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-hp-figure.dp-news .dp-hp-figure__body {
font-size: 19px;
font-size: 1.9rem;
line-height: 32px
}
}
.dp-hp-figure.dp-news .dp-hp-figure__body::before {
content: ""
}
.dp-hp-figure.dp-news .dp-hp-figure__body::after {
content: ""
}
.dp-slide-actions {
margin-top: 20px;
overflow: hidden;
position: absolute;
bottom: 64px;
width: 100%;
z-index: 20
}
@media screen and (min-width: 768px) {
.dp-slide-actions {
bottom: 30px
}
}
.dp-slide-actions__cards {
list-style: none;
list-style: none;
padding: 0;
position: relative;
height: 100%
}
.dp-slide-actions__cards li,
.dp-slide-actions__cards .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-slide-actions__cards li a,
.dp-slide-actions__cards .dp-list-item a {
text-decoration: none
}
.dp-slide-actions__cards li:before,
.dp-slide-actions__cards .dp-list-item:before {
content: none
}
@media screen and (min-width: 768px) {
.dp-slide-actions__cards {
margin: 0 0 0 48px
}
}
.dp-slide-actions__cards>li {
position: absolute;
left: 50%;
opacity: 0;
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0);
text-align: center;
will-change: transform;
width: 100%;
white-space: nowrap
}
@media screen and (min-width: 768px) {
.dp-slide-actions__cards>li {
width: auto;
min-width: 200px;
text-align: left;
left: 0
}
}
.dp-slide-actions__cards>li.is-transparent {
pointer-events: none
}
.dp-slide-actions__cards>li>.dp-relative {
position: relative;
left: -50%;
white-space: nowrap;
margin-left: 10px
}
.dp-slide-actions__cards>li>.dp-relative:first-child {
margin-left: 0
}
@media screen and (min-width: 768px) {
.dp-slide-actions__cards>li>.dp-relative {
left: 0
}
}
.dp-video {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-filter: saturate(100%);
filter: saturate(100%);
transition: opacity .2s;
opacity: 0
}
.browser-internetexplorer-11_0 .dp-video {
transition-delay: 1s
}
.dp-video.playing {
opacity: 1
}
.is-horizontal .dp-video {
width: 100%
}
.is-vertical .dp-video {
height: 100%
}
.dp-carousel-overlay {
display: none;
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}
.dp-carousel-overlay.enabled {
display: block
}
.dp-styleguide {
margin-top: 60px
}
.dp-styleguide .dp-styleguide-title {
margin: 40px 0
}
.dp-styleguide div {
margin-bottom: 20px
}
.dp-styleguide .dp-styleguide-bg {
padding: 10px 0 10px 0;
background-color: #000
}
.dp-styleguide .dp-colour1 {
background-color: #fff;
border: 1px solid #000
}
.dp-styleguide .dp-colour2 {
background-color: #000
}
.dp-styleguide .dp-colour3 {
background-color: #000
}
.dp-styleguide .dp-colour4 {
background-color: #D9D9D9
}
.dp-styleguide .dp-colour5 {
background-color: #EBEBEB
}
.dp-styleguide .dp-colour6 {
background-color: #fff;
border: 1px solid #000
}
.dp-styleguide .dp-colours {
margin: 0 auto 32px
}
.dp-styleguide .dp-colours .dp-colour {
display: inline-block;
height: 100px;
margin: 10px;
width: 100px
}
.dp-styleguide .dp-colours .dp-colours-list {
display: inline-block
}
.dp-styleguide .dp-colours .dp-colours-list .dp-p,
.dp-styleguide .dp-colours .dp-colours-list th,
.dp-styleguide .dp-colours .dp-colours-list .dp-th,
.dp-styleguide .dp-colours .dp-colours-list td,
.dp-styleguide .dp-colours .dp-colours-list .dp-td {
margin: 0 10px 10px
}
.dp-header {
height: 74px;
position: fixed;
transition: background-color .6s;
width: 100%;
z-index: 1000
}
.facebook-app.homepage .dp-header {
top: 0 !important
}
.dp-header:before {
background: #333;
content: '';
display: block;
height: 1px;
left: 0;
opacity: 0;
position: absolute;
top: 74px;
transition: opacity .6s;
width: 100%
}
.dp-navigation-is-open .dp-header:before,
.search .dp-header:before {
opacity: 1
}
.dp-navigation-is-closing .dp-header:before {
opacity: 0
}
@media screen and (min-width: 1024px) {
.dp-header:before {
display: none
}
}
.theme-white .dp-header::after,
.seniorpartner .dp-header::after,
.partner .dp-header::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.08);
top: 73px
}
@media screen and (min-width: 1024px) {
.theme-white .dp-header::after,
.seniorpartner .dp-header::after,
.partner .dp-header::after {
top: 77px
}
}
.search .dp-header {
box-shadow: none;
height: 158px
}
@media screen and (min-width: 1024px) {
.search .dp-header {
height: 82px
}
.search .dp-header::after {
content: none
}
}
@media screen and (min-width: 1024px) {
.dp-header {
height: 78px
}
.search .dp-header {
box-shadow: none
}
}
.dp-header .dp-header__logo {
display: inline
}
.dp-header .dp-logo__text {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
html.theme-white .dp-header,
.seniorpartner .dp-header,
.partner .dp-header {
background-color: #fff;
transition: box-shadow 600ms
}
html.theme-white .dp-header.header-top-gradient-is-open,
.seniorpartner .dp-header.header-top-gradient-is-open,
.partner .dp-header.header-top-gradient-is-open {
box-shadow: none
}
html.theme-white .dp-header.header-top-gradient-is-open::after,
.seniorpartner .dp-header.header-top-gradient-is-open::after,
.partner .dp-header.header-top-gradient-is-open::after {
content: none
}
.dp-header-content-over .dp-header {
background-color: #fff
}
.dp-header-content-over .dp-header.search {
background-color: #000
}
html.no-touchevents.theme-black:not(.dp-header-content-over):not(.seniorpartner):not(.partner) .dp-header:not(.header-top-gradient-is-open):hover {
background-color: #000
}
.dp-search-overlay {
background: #000;
height: 100%;
opacity: 0;
position: fixed;
transition: all .6s .6s;
visibility: hidden;
width: 100%;
z-index: 999
}
@media screen and (min-width: 1024px) {
.dp-search-overlay {
display: none
}
html.search .dp-search-overlay {
display: block
}
}
.dp-search-overlay.search-overlay-is-open {
transition: all .6s;
opacity: 1;
visibility: visible
}
.dp-header-top-gradient {
background-color: initial;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAADMCAYAAABKgzIUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzg1OUE1ODM4Q0MzMTFFN0EzMDg4RkIzQTg1MDJCOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzg1OUE1ODQ4Q0MzMTFFN0EzMDg4RkIzQTg1MDJCOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozODU5QTU4MThDQzMxMUU3QTMwODhGQjNBODUwMkI5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozODU5QTU4MjhDQzMxMUU3QTMwODhGQjNBODUwMkI5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnhdj0YAAAIzSURBVHja3FiLbsMwCITMP7z/l3JbpyVLyYFxYrdZLFVtXGQHOI6Hisin/C39/kDImswzFWKC0lUQzvfPKmZj3ii03UchCoD9niJN7YmSER5rnqpg7f2wtWMk/LDrnLkazDPiQW6qnXQBO1pf25hZnycPVvaZoUfZLeUX1eyUJ6QvBtcI3d7V580Dx887ULA1G+EQPej6jmOCC8wzVWVsFKqHopKl5iatQRRIAZfCrdmOYLazV6NyPbz0kfIMIrLHWVBI5GsaL4+9UkPNsjclBYVRijDY1Th8zbYZDseYcG0SjDh81TwDiidl4FQp8AwOL2aYZ2iuyfi63eDzETt6pI+S4EfNuhBZQc2GK07zIyOr1TwsZ2/5HIzsZ1YVTN1Jyis+duFQTEltlUHEZhTlp96RhYWyrKBmr1pJNdsRzZVUs9YaFHS7XIhsXMMpNKXWIbXHTP+Sa0xWQJQNMh0STmuNFmXQ1TxaKxUyCEdUmw124RvR0xzXc9cTxxZItiJ98nWGSF8w0EBEUnYgpCybTcGI6XjmiiiFtlJRVRoOr5C9Ot190GFBytcImkfY3nXOlK5vYoqmVgoZ4XItZa7OuOq1ptnJB8bNe5BtAaQ2r7iVr8dfjZbgQpdpoWZKrlQL0L9XqA1d0NzPjJuww5vAZetHeAnJzbA1rXEIFK9z4fHgCmd6yx8f2VNPzcMpX465WnrEjGzNo9d7x77lzA6jt9fa9bXcRWsJ5mXLt8o/WV8CDAAx7UnSwB7BygAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
background-size: auto 100%;
height: 100px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
pointer-events: none
}
@media screen and (min-width: 1024px) {
.dp-header-top-gradient {
height: 204px
}
}
.dp-header-top-gradient.disabled {
display: none
}
html.theme-white .dp-header-top-gradient,
.seniorpartner .dp-header-top-gradient,
.partner .dp-header-top-gradient {
height: 0
}
.dp-header-search-gradient {
background: rgba(0, 0, 0, 0.8);
display: none;
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999
}
.dp-header-search-gradient:after {
content: '';
display: block;
height: 1px;
width: 100%;
left: 0;
top: 74px;
box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
position: absolute
}
@media screen and (min-width: 1024px) {
.dp-header-search-gradient:after {
content: none
}
}
@media screen and (min-width: 1024px) {
html.theme-white .dp-header-search-gradient,
.seniorpartner .dp-header-search-gradient,
.partner .dp-header-search-gradient,
.dp-header-scroll-open .dp-header-search-gradient {
background: #fff
}
}
html.search .dp-header {
background: #000
}
html.search .dp-header-top-gradient {
height: 0
}
.dp-navigation-gradient {
background-color: #000;
display: block;
height: 100%;
opacity: 0;
position: fixed;
right: 0;
-webkit-transform: translate(100%);
-ms-transform: translate(100%);
transform: translate(100%);
width: 100%;
z-index: 998
}
@media screen and (min-width: 1024px) {
.dp-navigation-gradient {
display: none
}
}
.dp-navigation {
position: fixed;
width: 100%;
z-index: 1002
}
.js .dp-navigation {
display: none
}
.js .dp-navigation.enabled {
display: block
}
.dp-navigation .dp-nav-toggle {
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 30px;
top: 25px;
-webkit-tap-highlight-color: transparent
}
.dp-navigation.closed .dp-nav-list {
top: -9000px
}
.dp-navigation.closed .dp-nav-list-search {
display: none
}
.dp-navigation.closed .dp-toggle-opened {
opacity: 0
}
.dp-navigation .dp-toggle-text {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.dp-navigation .dp-toggle-content {
display: block;
height: 24px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 24px;
transition: opacity .3s;
opacity: 0
}
.dp-navigation .dp-toggle-content.open {
opacity: 1
}
.dp-navigation .dp-pulse {
height: 24px;
width: 24px;
position: absolute
}
.dp-navigation .dp-pulse::after {
background-color: #fff;
border-radius: 100%;
content: '';
display: block;
height: 18px;
width: 18px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
z-index: 1
}
.dp-navigation .dp-pulse-svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.dp-navigation .dp-toggle-opened {
background-color: transparent;
border: none;
display: block;
height: 24px;
position: absolute;
width: 24px
}
.dp-navigation .dp-icon-cross-wrap {
background-color: #fff;
border-radius: 100%;
display: block;
height: 24px;
left: 0;
position: absolute;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
width: 24px
}
.dp-navigation .dp-icon-cross-wrap .dp-icon-cross {
background: url(../images/icons/cross-black.svg?v=2617) center center no-repeat transparent;
background-size: 100%;
display: block;
height: 10px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
width: 10px
}
.dp-navigation .dp-icon-slide {
display: block;
height: 24px;
opacity: 0;
position: absolute;
width: 24px
}
.dp-navigation .dp-icon-slide::after {
background: url(../images/icons/chevron-right-white.svg?v=2617) center center no-repeat transparent;
background-size: 100%;
content: '';
display: block;
height: 15px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 8px
}
.dp-navigation .dp-nav-list-wrap {
display: inline-block;
font-size: 0;
position: absolute;
top: 100px;
right: -100%;
text-align: right
}
.dp-navigation .dp-nav-list-mask {
background: #000;
display: none;
height: 25px;
left: 0;
opacity: 0;
position: absolute;
transition: opacity .6s;
transition-delay: .6s;
top: -100px;
width: 100%
}
@media screen and (min-width: 1024px) {
.dp-navigation .dp-nav-list-mask {
display: none
}
}
@media screen and (max-width: 1024px) {
.dp-navigation.open .dp-nav-list-wrap,
.dp-navigation.open .dp-nav-list-mask {
right: 30px
}
.dp-navigation.open .dp-nav-list-mask {
top: 75px;
opacity: 1
}
}
.dp-navigation .dp-nav-list {
list-style: none;
display: inline-block
}
.dp-navigation .dp-nav-list li,
.dp-navigation .dp-nav-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-navigation .dp-nav-list li a,
.dp-navigation .dp-nav-list .dp-list-item a {
text-decoration: none
}
.dp-navigation .dp-nav-list li:before,
.dp-navigation .dp-nav-list .dp-list-item:before {
content: none
}
.dp-navigation .dp-nav-list-item {
margin-bottom: 35px;
position: relative
}
.dp-navigation .dp-nav-list-search {
margin-bottom: 56px
}
.dp-navigation .dp-nav-link {
color: #fff;
letter-spacing: 0.5px;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
opacity: .7
}
.theme-black:not(.dp-header-content-over):not(.seniorpartner):not(.partner) .dp-navigation .dp-nav-link {
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
.dp-navigation .dp-nav-link.selected {
font-weight: 600;
opacity: 1
}
.no-touchevents .dp-navigation .dp-nav-link {
transition: opacity .1s ease-in-out
}
.no-touchevents .dp-navigation .dp-nav-link:hover {
opacity: 1
}
html.theme-white .dp-navigation .dp-pulse::after,
.seniorpartner .dp-navigation .dp-pulse::after,
.partner .dp-navigation .dp-pulse::after,
.dp-header-content-over .dp-navigation .dp-pulse::after {
background-color: #000
}
html.theme-white .dp-navigation .dp-pulse-inner,
html.theme-white .dp-navigation .dp-pulse-outer,
.seniorpartner .dp-navigation .dp-pulse-inner,
.seniorpartner .dp-navigation .dp-pulse-outer,
.partner .dp-navigation .dp-pulse-inner,
.partner .dp-navigation .dp-pulse-outer,
.dp-header-content-over .dp-navigation .dp-pulse-inner,
.dp-header-content-over .dp-navigation .dp-pulse-outer {
border: 1px solid #000
}
html.theme-white .dp-navigation #pulse,
.seniorpartner .dp-navigation #pulse,
.partner .dp-navigation #pulse,
.dp-header-content-over .dp-navigation #pulse {
stroke: #000
}
@media screen and (max-width: 480px) and (orientation: portrait) {
.dp-navigation-is-open .dp-navigation .dp-nav-list-wrap {
height: 67vh;
overflow-x: hidden;
overflow-y: auto;
width: calc(100% - 30px)
}
}
@media screen and (max-width: 480px) and (orientation: portrait) and (min-width: 321px) {
.dp-navigation-is-open .dp-navigation .dp-nav-list-wrap {
height: 72vh
}
}
@media screen and (max-width: 480px) and (orientation: portrait) and (min-width: 321px) and (max-height: 560px) {
.is-android .dp-navigation-is-open .dp-navigation .dp-nav-list-wrap {
height: 80vh
}
}
@media screen and (max-width: 480px) and (orientation: portrait) {
.dp-navigation-is-open .dp-navigation .dp-nav-list-language-selector {
margin-bottom: 70px
}
}
@media screen and (max-width: 480px) and (orientation: portrait) and (min-width: 321px) {
.dp-navigation-is-open .dp-navigation .dp-nav-list-language-selector {
margin-bottom: 35px
}
}
@media screen and (max-width: 480px) and (orientation: portrait) and (min-width: 321px) and (max-height: 560px) {
.is-android .dp-navigation-is-open .dp-navigation .dp-nav-list-language-selector {
margin-bottom: 50px
}
}
@media screen and (max-width: 1024px) and (max-height: 480px) and (orientation: landscape) {
.dp-navigation-is-open .dp-navigation .dp-nav-list-wrap {
height: 49vh;
overflow-x: hidden;
overflow-y: auto;
width: calc(100% - 30px)
}
.dp-navigation-is-open .dp-navigation .dp-nav-list-language-selector {
margin-bottom: 100px
}
}
@media screen and (max-width: 1024px) and (max-height: 480px) and (orientation: landscape) and (min-width: 569px) {
.dp-navigation-is-open .dp-navigation .dp-nav-list-language-selector {
margin-bottom: 35px
}
}
@media screen and (max-width: 1024px) {
.dp-search-is-open .dp-navigation .dp-nav-list-wrap {
height: 60px
}
}
@media screen and (min-width: 1024px) {
.dp-navigation {
position: absolute;
z-index: 1
}
.dp-navigation .dp-nav-toggle {
display: none
}
.dp-navigation.closed .dp-nav-list {
top: 23px
}
.dp-navigation .dp-nav-list-wrap {
padding-right: 30px;
right: 0;
top: 32px
}
.dp-navigation .dp-nav-list {
list-style: none
}
.dp-navigation .dp-nav-list li,
.dp-navigation .dp-nav-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-navigation .dp-nav-list li a,
.dp-navigation .dp-nav-list .dp-list-item a {
text-decoration: none
}
.dp-navigation .dp-nav-list li:before,
.dp-navigation .dp-nav-list .dp-list-item:before {
content: none
}
.dp-navigation .dp-nav-list-item {
display: inline-block;
margin-bottom: 0
}
.dp-navigation .dp-nav-list-item:nth-last-child(2) {
margin-right: 0
}
.dp-navigation li.dp-nav-list-item {
padding: 0 15px
}
.dp-navigation .dp-nav-link {
display: block;
font-weight: 400;
text-align: center
}
.dp-navigation .dp-nav-link:after {
color: transparent;
content: attr(title);
display: block;
font-weight: 600;
height: 1px;
overflow: hidden;
visibility: hidden
}
.dp-navigation .dp-nav-list-search,
.dp-navigation .dp-nav-list-language-selector {
display: none
}
html.theme-white .dp-navigation .dp-nav-link,
.seniorpartner .dp-navigation .dp-nav-link,
.partner .dp-navigation .dp-nav-link,
.dp-header-content-over .dp-navigation .dp-nav-link {
color: #000
}
html.search .dp-navigation .dp-nav-link {
color: #fff
}
}
@-webkit-keyframes pulse-inner {
30% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
40% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(0.88);
transform: scale(0.88)
}
}
@keyframes pulse-inner {
30% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
40% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(0.88);
transform: scale(0.88)
}
}
@-webkit-keyframes pulse-outer {
30% {
-webkit-transform: scale(1.26);
transform: scale(1.26);
opacity: 0
}
40% {
-webkit-transform: scale(1.26);
transform: scale(1.26);
opacity: 0
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
}
@keyframes pulse-outer {
30% {
-webkit-transform: scale(1.26);
transform: scale(1.26);
opacity: 0
}
40% {
-webkit-transform: scale(1.26);
transform: scale(1.26);
opacity: 0
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
}
.dp-language-selector .dp-ls-list {
list-style: none
}
.dp-language-selector .dp-ls-list li,
.dp-language-selector .dp-ls-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-language-selector .dp-ls-list li a,
.dp-language-selector .dp-ls-list .dp-list-item a {
text-decoration: none
}
.dp-language-selector .dp-ls-list li:before,
.dp-language-selector .dp-ls-list .dp-list-item:before {
content: none
}
.dp-language-selector .dp-ls-btn {
cursor: pointer;
padding-left: 32px;
padding-right: 0;
position: relative
}
.dp-language-selector .dp-ls-btn::before {
content: '';
display: block;
overflow: hidden;
position: absolute;
height: 15px;
left: 9px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 15px
}
.dp-language-selector .dp-ls-btn:focus {
outline: none
}
.no-touchevents .dp-language-selector .dp-ls-btn:hover {
background: none;
color: #fff
}
.dp-language-selector .dp-bp-chevron {
display: none
}
@media screen and (max-width: 1023px) {
.dp-ls-standalone {
display: none
}
}
.dp-ls-standalone .dp-ls-overlay {
bottom: 42px;
display: none;
position: absolute;
right: 0;
width: 100%
}
.dp-ls-standalone .fl-ls-overlay-content {
border-radius: 8px
}
.dp-ls-standalone .dp-ls-item:first-child .dp-ls-link {
border-radius: 8px 8px 0px 0px;
opacity: 1;
font-weight: 600
}
.dp-ls-standalone .dp-ls-item:last-child .dp-ls-link {
border-radius: 0 0 8px 8px
}
.dp-ls-standalone .dp-ls-link {
font-size: 13px;
font-size: 1.3rem;
display: block;
font-weight: 400;
padding: 14px 20px 15px
}
.dp-ls-standalone .dp-ls-btn {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding-right: 30px
}
.dp-ls-standalone .dp-bp-chevron {
display: inline;
height: 5px;
width: 7px;
position: absolute;
top: 14px;
right: 15px
}
.browser-microsoftedge .dp-ls-standalone .dp-bp-chevron {
height: 6px;
width: 8px
}
.dp-ls-main-section {
bottom: 30px;
position: absolute;
right: 45px;
z-index: 100
}
@media screen and (min-width: 1024px) {
.dp-show-cookie .dp-ls-main-section {
bottom: 140px
}
}
.dp-ls-main-section .fl-ls-overlay-content {
background-color: rgba(255, 255, 255, 0.25)
}
.dp-ls-main-section .dp-ls-item:first-child .dp-ls-link {
background-color: rgba(255, 255, 255, 0.15)
}
.dp-ls-main-section .dp-ls-link {
color: #fff
}
.no-touchevents .dp-ls-main-section .dp-ls-link:hover {
background-color: rgba(255, 255, 255, 0.15)
}
.dp-ls-main-section .dp-ls-btn {
background-color: rgba(255, 255, 255, 0.15);
color: #fff
}
.no-touchevents .dp-ls-main-section .dp-ls-btn:hover {
background-color: rgba(255, 255, 255, 0.25);
color: #fff
}
.dp-ls-main-section .dp-ls-btn::before {
background: url(../images/icons/language-white.svg?v=2617) no-repeat center center/100%
}
.dp-ls-main-section .dp-bp-chevron {
background: url(../images/icons/chevron-down-white.svg?v=2617) no-repeat center center/100%
}
.dp-ls-footer {
display: inline-block;
margin-left: 30px;
position: relative
}
@media screen and (max-width: 1023px) {
.dp-ls-footer {
display: none
}
}
.dp-ls-footer .fl-ls-overlay-content {
background-color: #fff;
border: solid 1px #f5f5f5
}
.dp-ls-footer .dp-ls-item:first-child .dp-ls-link {
background: #f5f5f5
}
.dp-ls-footer .dp-ls-link {
color: #000
}
.no-touchevents .dp-ls-footer .dp-ls-link:hover {
background: #f5f5f5
}
.dp-ls-footer .dp-ls-btn {
background-color: transparent
}
.no-touchevents .dp-ls-footer .dp-ls-btn {
transition: none
}
.no-touchevents .dp-ls-footer .dp-ls-btn>span {
opacity: .7
}
.no-touchevents .dp-ls-footer .dp-ls-btn:hover {
background: none;
color: #000
}
.no-touchevents .dp-ls-footer .dp-ls-btn:hover>span {
opacity: 1
}
.dp-ls-footer .dp-ls-btn::before {
background: url(../images/icons/language-black.svg?v=2617) no-repeat center center/100%
}
.dp-ls-footer .dp-bp-chevron {
background: url(../images/icons/chevron-down-black.svg?v=2617) no-repeat center center/100%
}
.dp-ls-navigation .dp-ls-indicator {
background: rgba(255, 255, 255, 0.2);
height: 1px;
position: absolute;
width: 100%
}
.dp-ls-navigation .dp-ls-overlay {
top: 46px;
display: block;
overflow: hidden;
position: absolute;
right: 0;
width: calc(100vw - 60px)
}
.dp-ls-navigation .fl-ls-overlay-content {
padding-top: 15px
}
.dp-ls-navigation .dp-ls-btn {
background-color: transparent;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
line-height: 18px;
opacity: .7
}
.dp-ls-navigation .dp-ls-btn::before {
background: url(../images/icons/language-white.svg?v=2617) no-repeat center center/100%
}
.dp-ls-navigation.is-open .dp-bp-content {
font-weight: 600;
opacity: 1
}
.dp-ls-navigation.is-open .dp-ls-btn {
opacity: 1
}
.dp-ls-navigation .dp-ls-list {
font-size: 0
}
.dp-ls-navigation .dp-ls-item {
display: inline-block
}
.dp-ls-navigation .dp-ls-item:first-child .dp-ls-link {
font-weight: 600;
opacity: 1
}
.dp-ls-navigation .dp-ls-item:last-child .dp-ls-link {
padding-right: 0
}
.dp-ls-navigation .dp-ls-link {
color: #fff;
display: block;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
opacity: .7;
padding: 10px 13px;
text-align: center
}
@media screen and (min-width: 321px) {
.dp-ls-navigation .dp-ls-link {
padding: 10px 17.5px
}
}
.no-touchevents .dp-ls-navigation .dp-ls-link:hover {
opacity: 1
}
.dp-header-search.dp-hs-header {
display: none
}
.dp-header-search.dp-hs-navigation {
position: absolute;
right: 0
}
.dp-header-search.dp-hs-navigation .dp-hs-toggle {
left: -7px;
top: 0;
z-index: 1
}
.dp-header-search.dp-hs-navigation .dp-hs-search-wrapper {
background-color: #000
}
.js .dp-header-search {
display: none
}
.js .dp-header-search.dp-hs-navigation {
display: block
}
.js .dp-header-search.disabled {
display: none
}
.dp-header-search.search-is-open .dp-hs-toggle {
opacity: 1
}
.dp-header-search .dp-hs-toggle {
background: url(../images/icons/search-white.svg?v=2617) center center no-repeat transparent;
background-size: 16px;
border: 0;
cursor: pointer;
display: block;
height: 30px;
font-size: 0;
opacity: .7;
position: absolute;
transition: opacity .5s;
width: 30px;
z-index: 1
}
html.search .dp-header-search .dp-hs-toggle {
cursor: default
}
.no-touchevents .dp-header-search .dp-hs-toggle:hover {
opacity: 1
}
.dp-header-search .dp-hs-search-wrapper {
overflow: hidden;
position: relative
}
.no-js .dp-header-search .dp-hs-search-wrapper {
width: 370px
}
.js .dp-header-search .dp-hs-search-wrapper {
width: 0
}
.dp-header-search .dp-hs-search-content {
border-bottom: solid 1px #fff;
padding: 0 0 11px 25px;
text-align: left
}
.dp-header-search .dp-hs-label {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.dp-header-search .dp-hs-term {
background: transparent;
border: none;
bottom: -2px;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
font-family: "Open Sans", Helvetica, Arial;
letter-spacing: 0.5px;
margin-right: 6%;
padding: 1px 0 0 0;
position: relative;
width: 92%
}
html.theme-black .dp-header-search .dp-hs-term::-moz-selection {
background: #D9D9D9
}
html.theme-black .dp-header-search .dp-hs-term::selection {
background: #D9D9D9
}
.dp-header-search .dp-hs-term::-webkit-input-placeholder {
color: #fff;
opacity: .7
}
.dp-header-search .dp-hs-term:-ms-input-placeholder {
color: #fff;
opacity: .7
}
.dp-header-search .dp-hs-term::placeholder {
color: #fff;
opacity: .7
}
@media screen and (min-width: 1024px) {
html.theme-white .dp-header-search .dp-hs-term::-webkit-input-placeholder,
.seniorpartner .dp-header-search .dp-hs-term::-webkit-input-placeholder,
.partner .dp-header-search .dp-hs-term::-webkit-input-placeholder,
.dp-header-content-over .dp-header-search .dp-hs-term::-webkit-input-placeholder {
color: #000
}
html.theme-white .dp-header-search .dp-hs-term:-ms-input-placeholder,
.seniorpartner .dp-header-search .dp-hs-term:-ms-input-placeholder,
.partner .dp-header-search .dp-hs-term:-ms-input-placeholder,
.dp-header-content-over .dp-header-search .dp-hs-term:-ms-input-placeholder {
color: #000
}
html.theme-white .dp-header-search .dp-hs-term::placeholder,
.seniorpartner .dp-header-search .dp-hs-term::placeholder,
.partner .dp-header-search .dp-hs-term::placeholder,
.dp-header-content-over .dp-header-search .dp-hs-term::placeholder {
color: #000
}
}
.dp-header-search .dp-hs-submit {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.dp-header-search .dp-hs-search-clear {
background-size: 60%;
background: url(../images/icons/cross-white.svg?v=2617) right center no-repeat transparent;
border: none;
cursor: pointer;
display: none;
font-size: 0;
height: 30px;
opacity: 0;
opacity: 0.8;
position: absolute;
right: 0;
top: -1px;
transition: opacity 0.3s ease-in;
width: 24px
}
@media screen and (min-width: 1024px) {
.dp-header-search .dp-hs-search-clear {
display: block
}
}
.dp-header-search .dp-hs-search-clear:focus,
.no-touchevents .dp-header-search .dp-hs-search-clear:hover {
outline: 0;
opacity: 1
}
.theme-white .dp-header-search .dp-hs-search-clear,
.dp-header-content-over .dp-header-search .dp-hs-search-clear {
background: url(../images/icons/cross-black.svg?v=2617) right center no-repeat transparent;
background-size: 60%
}
.dp-instant-search {
left: 0;
opacity: 0;
position: fixed;
top: 0;
width: calc(100% - 60px);
z-index: 999
}
@media screen and (max-width: 1024px) {
.dp-instant-search {
height: 42vh;
left: 30px;
overflow-x: hidden;
overflow-y: auto;
top: 155px
}
}
@media screen and (min-width: 1024px) {
.dp-instant-search {
top: 82px;
width: 30%
}
}
.dp-instant-search .dp-is-title {
letter-spacing: 0.5px;
font-weight: 400;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 21px;
text-align: left
}
.dp-instant-search .dp-is-list {
list-style: none;
text-align: left
}
.dp-instant-search .dp-is-list li,
.dp-instant-search .dp-is-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-instant-search .dp-is-list li a,
.dp-instant-search .dp-is-list .dp-list-item a {
text-decoration: none
}
.dp-instant-search .dp-is-list li:before,
.dp-instant-search .dp-is-list .dp-list-item:before {
content: none
}
.dp-instant-search .dp-is-list-item {
margin-bottom: 25px
}
.dp-instant-search .dp-is-link {
font-weight: 400;
letter-spacing: 0.5px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6
}
.dp-instant-search .dp-is-title,
.dp-instant-search .dp-is-link {
color: #fff
}
.dp-instant-search .dp-is-link {
opacity: .7
}
.no-touchevents .dp-instant-search .dp-is-link:hover {
opacity: 1
}
@media screen and (min-width: 1024px) {
html.theme-white .dp-instant-search .dp-is-title,
html.theme-white .dp-instant-search .dp-is-link,
.seniorpartners .dp-instant-search .dp-is-title,
.seniorpartners .dp-instant-search .dp-is-link,
.partners .dp-instant-search .dp-is-title,
.partners .dp-instant-search .dp-is-link,
.associatepartners .dp-instant-search .dp-is-title,
.associatepartners .dp-instant-search .dp-is-link,
.seniorpartner .dp-instant-search .dp-is-title,
.seniorpartner .dp-instant-search .dp-is-link,
.partner .dp-instant-search .dp-is-title,
.partner .dp-instant-search .dp-is-link,
.dp-header-content-over .dp-instant-search .dp-is-title,
.dp-header-content-over .dp-instant-search .dp-is-link {
color: #000
}
html.theme-white .dp-instant-search .dp-is-link,
.seniorpartners .dp-instant-search .dp-is-link,
.partners .dp-instant-search .dp-is-link,
.associatepartners .dp-instant-search .dp-is-link,
.seniorpartner .dp-instant-search .dp-is-link,
.partner .dp-instant-search .dp-is-link,
.dp-header-content-over .dp-instant-search .dp-is-link {
opacity: .7
}
.no-touchevents html.theme-white .dp-instant-search .dp-is-link:hover,
.no-touchevents .seniorpartners .dp-instant-search .dp-is-link:hover,
.no-touchevents .partners .dp-instant-search .dp-is-link:hover,
.no-touchevents .associatepartners .dp-instant-search .dp-is-link:hover,
.no-touchevents .seniorpartner .dp-instant-search .dp-is-link:hover,
.no-touchevents .partner .dp-instant-search .dp-is-link:hover,
.no-touchevents .dp-header-content-over .dp-instant-search .dp-is-link:hover {
opacity: 1
}
.news .dp-instant-search,
.events .dp-instant-search,
.essays .dp-instant-search,
.videofolder .dp-instant-search,
.seniorpartners .dp-instant-search,
.partners .dp-instant-search,
.associatepartners .dp-instant-search,
.seniorpartner .dp-instant-search,
.partner .dp-instant-search {
z-index: 1000
}
html.search .dp-instant-search .dp-is-title,
html.search .dp-instant-search .dp-is-link {
color: #fff
}
html.search .dp-instant-search .dp-is-link {
opacity: .7
}
.no-touchevents html.search .dp-instant-search .dp-is-link:hover {
opacity: 1
}
}
@media screen and (min-width: 1024px) {
.dp-header-search.dp-hs-navigation {
display: none
}
.dp-header-search.dp-hs-navigation .enabled {
display: none
}
.dp-header-search.dp-hs-header {
display: none;
left: 50%;
margin-left: -8px;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 25px
}
.js .dp-header-search.dp-hs-header {
display: block
}
.js .dp-header-search.dp-hs-header.enabled {
display: block
}
html.search .dp-header-search.dp-hs-header {
margin-left: 0
}
.dp-header-search .dp-hs-toggle {
background-size: 54%;
background-position: 0 3px;
height: 30px;
top: 3px;
width: 30px
}
.dp-header-search .dp-hs-search-content {
padding: 2px 0 5px 30px
}
.dp-header-search .dp-hs-term {
bottom: 2px;
font-size: 14px;
font-size: 1.4rem;
margin-right: 0;
width: 92%
}
html.theme-white .dp-header-search .dp-hs-toggle,
.seniorpartner .dp-header-search .dp-hs-toggle,
.partner .dp-header-search .dp-hs-toggle,
.dp-header-content-over .dp-header-search .dp-hs-toggle {
background: url(../images/icons/search-black.svg?v=2617) center center no-repeat transparent;
background-size: 100%
}
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
html.theme-white .dp-header-search .dp-hs-toggle,
.seniorpartner .dp-header-search .dp-hs-toggle,
.partner .dp-header-search .dp-hs-toggle,
.dp-header-content-over .dp-header-search .dp-hs-toggle {
background-size: 54%;
background-position: 0 3px
}
}
@media screen and (min-width: 1024px) {
html.theme-white .dp-header-search .dp-hs-term,
.seniorpartner .dp-header-search .dp-hs-term,
.partner .dp-header-search .dp-hs-term,
.dp-header-content-over .dp-header-search .dp-hs-term {
color: #000
}
html.theme-white .dp-header-search .dp-hs-search-content,
.seniorpartner .dp-header-search .dp-hs-search-content,
.partner .dp-header-search .dp-hs-search-content,
.dp-header-content-over .dp-header-search .dp-hs-search-content {
border-bottom: solid 1px #000
}
html.search .dp-header-search .dp-hs-toggle {
background: url(../images/icons/search-white.svg?v=2617) center center no-repeat transparent;
background-size: 100%
}
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
html.search .dp-header-search .dp-hs-toggle {
background-size: 54%;
background-position: 0 3px
}
}
@media screen and (min-width: 1024px) {
html.search .dp-header-search .dp-hs-term {
color: #fff
}
html.search .dp-header-search .dp-hs-search-content {
border-bottom: solid 1px #fff
}
}
.search-results {
padding-top: 158px
}
.search-results .dp-section-tab {
background: #000
}
.search-results .dp-section-tab:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 50px;
background: #000;
top: -50px
}
@media screen and (min-width: 1024px) {
.search-results {
padding-top: 82px
}
.search-results .dp-section-tab {
padding-top: 18px
}
}
.autocomplete-suggestions {
max-height: none !important;
overflow: auto;
position: fixed !important;
width: calc(100% - 60px) !important;
opacity: 0;
z-index: -1;
transition: opacity .5s ease-out, z-index .5s step-end
}
.autocomplete-suggestions.show {
opacity: 1;
z-index: 999;
transition: opacity .5s .5s ease-out, z-index .5s step-start
}
@media screen and (max-width: 1023px) {
.autocomplete-suggestions {
height: 42vh !important;
left: 30px !important;
overflow-x: hidden;
overflow-y: auto;
top: 155px !important
}
}
@media screen and (min-width: 1024px) {
.autocomplete-suggestions {
top: -9000px !important
}
.autocomplete-suggestions.show {
top: 47px !important
}
.news .autocomplete-suggestions,
.events .autocomplete-suggestions,
.essays .autocomplete-suggestions,
.seniorpartners .autocomplete-suggestions,
.partners .autocomplete-suggestions,
.associatepartners .autocomplete-suggestions,
.seniorpartner .autocomplete-suggestions,
.partner .autocomplete-suggestions {
z-index: 1000 !important
}
}
.autocomplete-suggestions .autocomplete-suggestion {
color: #fff;
cursor: pointer;
font-size: 14px;
font-size: 1.4rem;
font-family: "Open Sans", Helvetica, Arial;
font-weight: 400;
letter-spacing: 0.5px;
overflow: hidden;
padding: 0 0 17px;
opacity: .7
}
.no-touchevents .autocomplete-suggestions .autocomplete-suggestion:hover {
opacity: 1
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
opacity: 1
}
@media screen and (min-width: 1024px) {
.seniorpartners .autocomplete-suggestions .autocomplete-suggestion,
.partners .autocomplete-suggestions .autocomplete-suggestion,
.associatepartners .autocomplete-suggestions .autocomplete-suggestion,
.seniorpartner .autocomplete-suggestions .autocomplete-suggestion,
.partner .autocomplete-suggestions .autocomplete-suggestion,
.dp-header-content-over .autocomplete-suggestions .autocomplete-suggestion {
color: #000
}
.search .autocomplete-suggestions .autocomplete-suggestion {
color: #fff
}
}
.autocomplete-suggestions strong {
color: #fff;
font-weight: 600;
opacity: 1
}
@media screen and (min-width: 1024px) {
.seniorpartners .autocomplete-suggestions strong,
.partners .autocomplete-suggestions strong,
.associatepartners .autocomplete-suggestions strong,
.seniorpartner .autocomplete-suggestions strong,
.partner .autocomplete-suggestions strong,
.dp-header-content-over .autocomplete-suggestions strong {
color: #000
}
.search .autocomplete-suggestions strong {
color: #fff
}
}
@media screen and (min-width: 769px) {
.autocomplete-suggestions {
-webkit-transform: translate(-30px, 35px);
-ms-transform: translate(-30px, 35px);
transform: translate(-30px, 35px);
width: 30% !important
}
}
@media screen and (min-width: 1024px) {
html.theme-white .autocomplete-suggestions .autocomplete-suggestion,
html.theme-white .autocomplete-suggestions strong {
color: #000
}
}
.dp-section-tab {
position: relative;
width: 100%;
z-index: 1;
height: 104px;
padding-top: 10px;
text-align: center;
transition: height .4ms
}
.js .dp-section-tab {
opacity: 0
}
.js .dp-section-tab.disabled {
visibility: hidden
}
.dp-section-tab .dp-st-wrap {
position: relative;
display: inline-block;
width: 100%
}
@media screen and (min-width: 768px) {
.dp-section-tab .dp-st-wrap {
width: auto
}
}
.dp-section-tab.dp-st-search .dp-st-wrap {
margin: 0 auto;
width: calc(100% - 60px)
}
.dp-section-tab.dp-st-inline .dp-st-link,
.dp-section-tab.dp-st-inline .dp-st-header {
padding-left: 20px;
padding-right: 20px
}
.dp-section-tab .dp-st-list {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: relative;
z-index: 1;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.dp-section-tab .dp-st-list li,
.dp-section-tab .dp-st-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-section-tab .dp-st-list li a,
.dp-section-tab .dp-st-list .dp-list-item a {
text-decoration: none
}
.dp-section-tab .dp-st-list li:before,
.dp-section-tab .dp-st-list .dp-list-item:before {
content: none
}
.dp-section-tab .dp-st-list-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
flex: 1 auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.dp-section-tab .dp-st-link,
.dp-section-tab .dp-st-header {
color: #fff;
display: block;
letter-spacing: 0.5px;
font-weight: 400;
opacity: 0.7;
padding: 10px 0 28px;
text-align: center;
width: 100%
}
.dp-section-tab .dp-st-link h1,
.dp-section-tab .dp-st-header h1 {
font-size: 14px;
font-size: 1.4rem;
display: inline;
line-height: 14px;
margin-bottom: 0
}
.dp-section-tab .dp-st-link.selected,
.dp-section-tab .dp-st-link.selected h1,
.dp-section-tab .dp-st-header.selected,
.dp-section-tab .dp-st-header.selected h1 {
font-weight: 600;
opacity: 1
}
.dp-section-tab .dp-st-link:after,
.dp-section-tab .dp-st-header:after {
color: transparent;
content: attr(title);
display: block;
font-weight: 600;
height: 1px;
overflow: hidden;
visibility: hidden
}
.no-touchevents .dp-section-tab .dp-st-link,
.no-touchevents .dp-section-tab .dp-st-header {
transition: opacity .1s ease-in-out
}
.no-touchevents .dp-section-tab .dp-st-link:hover,
.no-touchevents .dp-section-tab .dp-st-header:hover {
opacity: 1
}
.dp-section-tab .dp-st-header {
font-weight: 600;
opacity: 1
}
.dp-section-tab .dp-st-indicator {
bottom: 0;
height: 5px;
position: absolute;
width: 100%
}
.dp-section-tab .dp-st-indicator::after {
background-color: #fff;
content: '';
display: block;
position: absolute;
height: 1px;
opacity: 0.3;
top: 4px;
width: 100%
}
.dp-section-tab .dp-st-pointer {
background-color: #fff;
border-radius: 5px;
display: block;
height: 5px;
left: 0;
position: absolute;
top: 2px
}
html.theme-white .dp-section-tab {
background-color: #fff
}
html.theme-white .dp-section-tab .dp-st-link,
html.theme-white .dp-section-tab .dp-st-header {
color: #000
}
html.theme-white .dp-section-tab .dp-st-indicator::after,
html.theme-white .dp-section-tab .dp-st-pointer {
background-color: #000
}
html.theme-white .dp-section-tab .dp-st-indicator::after {
opacity: 0.08
}
.dp-sticky-header.dp-section-tab,
.dp-sticky-header .dp-section-tab {
box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.3);
height: auto;
padding-top: 0 !important
}
.news .dp-sticky-header.dp-section-tab,
.events .dp-sticky-header.dp-section-tab,
.seniorpartners .dp-sticky-header.dp-section-tab,
.partners .dp-sticky-header.dp-section-tab,
.associatepartners .dp-sticky-header.dp-section-tab,
.videofolder .dp-sticky-header.dp-section-tab,
.videocategory .dp-sticky-header.dp-section-tab,
.news .dp-sticky-header .dp-section-tab,
.events .dp-sticky-header .dp-section-tab,
.seniorpartners .dp-sticky-header .dp-section-tab,
.partners .dp-sticky-header .dp-section-tab,
.associatepartners .dp-sticky-header .dp-section-tab,
.videofolder .dp-sticky-header .dp-section-tab,
.videocategory .dp-sticky-header .dp-section-tab {
height: auto
}
.dp-sticky-header.dp-section-tab .dp-st-link,
.dp-sticky-header.dp-section-tab .dp-st-header,
.dp-sticky-header .dp-section-tab .dp-st-link,
.dp-sticky-header .dp-section-tab .dp-st-header {
padding-bottom: 25px;
padding-top: 30px
}
.theme-white .dp-sticky-header.dp-section-tab,
.theme-white .dp-sticky-header .dp-section-tab {
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08)
}
.dp-sticky-header .dp-st-indicator::after {
display: none
}
@media screen and (min-width: 768px) {
.dp-section-tab {
height: 72px
}
.events .dp-section-tab,
.seniorpartners .dp-section-tab,
.partners .dp-section-tab,
.associatepartners .dp-section-tab,
.news .dp-section-tab,
.videofolder .dp-section-tab,
.videocategory .dp-section-tab {
height: 63px
}
.dp-section-tab .dp-st-link,
.dp-section-tab .dp-st-header {
padding: 10px 0 28px
}
.dp-section-tab.dp-st-inline .dp-st-link,
.dp-section-tab.dp-st-inline .dp-st-header {
padding-left: 13px;
padding-right: 13px
}
}
@media screen and (min-width: 769px) {
.dp-section-tab.dp-st-search .dp-st-wrap {
width: 30%
}
.dp-section-tab.dp-st-inline .dp-st-link,
.dp-section-tab.dp-st-inline .dp-st-header {
padding-left: 20px;
padding-right: 20px
}
}
.dp-section-tab-content .slick-slide {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.dp-search-grid {
overflow: hidden
}
.js .dp-search-grid.disabled {
visibility: hidden
}
.dp-search-grid .dp-search-grid-col {
min-height: 1px;
width: 100%
}
.dp-search-grid .dp-search-list {
list-style: none;
font-size: 0
}
.dp-search-grid .dp-search-list li,
.dp-search-grid .dp-search-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-search-grid .dp-search-list li a,
.dp-search-grid .dp-search-list .dp-list-item a {
text-decoration: none
}
.dp-search-grid .dp-search-list li:before,
.dp-search-grid .dp-search-list .dp-list-item:before {
content: none
}
.dp-search-grid .dp-search-no-results {
padding-top: 8px
}
.dp-search-grid .dp-no-results-title {
color: #fff;
letter-spacing: 0.5px
}
.dp-search-grid .dp-search-no-results-wrap {
margin: 0 auto;
width: 83%
}
.dp-search-grid .dp-search-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-search-grid .dp-search-dominant-colour,
.page.entering .dp-search-grid .dp-search-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-search-grid-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
@media screen and (min-width: 768px) {
.dp-search-grid .dp-search-no-results-wrap {
margin: 0 auto;
width: 30%
}
}
.dp-universal-grid.dp-projects-grid .dp-grid__item .dp-content-header__title {
font-size: 19px;
font-size: 1.9rem;
line-height: 28px;
font-weight: 400
}
@media screen and (min-width: 768px) {
.dp-universal-grid.dp-projects-grid .dp-grid__item .dp-content-header__title {
font-size: 21px;
font-size: 2.1rem
}
}
.dp-universal-grid.dp-projects-grid .dp-grid__item .dp-content-header__subtitle {
font-size: 14px;
font-size: 1.4rem;
line-height: 17px;
font-weight: 400;
margin-top: 5px
}
.dp-universal-grid.dp-articles-grid .dp-grid__item .dp-content-header__title {
font-size: 16px;
font-size: 1.6rem;
line-height: 22px;
font-weight: 600
}
.dp-universal-grid.dp-articles-grid .dp-grid__item .dp-content-header__subtitle {
font-size: 14px;
font-size: 1.4rem;
line-height: 17px;
font-weight: 400;
margin: 5px 0
}
.dp-universal-grid.dp-people-grid .dp-grid__item::after {
content: none !important
}
.dp-universal-grid.dp-people-grid .dp-grid__item {
background-color: #FFFFFF
}
.dp-universal-grid.dp-people-grid .dp-grid__item .dp-content-header {
width: 50%
}
@media screen and (min-width: 768px) {
.dp-universal-grid.dp-people-grid .dp-grid__item .dp-content-header {
width: 52%
}
}
.dp-universal-grid.dp-people-grid .dp-grid__item .dp-content-header__title {
text-shadow: none;
font-size: 19px;
font-size: 1.9rem;
line-height: 28px;
font-weight: 500;
color: #000000
}
@media screen and (min-width: 768px) {
.dp-universal-grid.dp-people-grid .dp-grid__item .dp-content-header__title {
font-size: 21px;
font-size: 2.1rem
}
}
.dp-universal-grid.dp-people-grid .dp-grid__item .dp-content-header__subtitle {
text-shadow: none;
font-size: 14px;
font-size: 1.4rem;
line-height: 17px;
font-weight: 500;
color: #000000;
margin-top: 5px
}
.dp-universal-grid.dp-people-grid .dp-grid__item>.dp-content>.dp-content__img {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
top: 0;
left: 70%
}
.dp-universal-grid.dp-people-grid .dp-grid__item>.dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
.dp-universal-grid.dp-people-grid .dp-grid__item:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
.dp-universal-grid.dp-people-grid .dp-grid__item.is-loaded .dp-content-header__title,
.dp-universal-grid.dp-people-grid .dp-grid__item.is-loaded .dp-content-header__subtitle {
text-shadow: none
}
.dp-grid-item {
padding-bottom: 4px;
position: relative
}
.dp-grid-item .dp-gi-link {
position: relative;
display: block;
overflow: hidden
}
.dp-grid-item .dp-gi-link::before {
display: block;
content: '';
width: 100%;
padding-top: 56.25%
}
.dp-grid-item .dp-gi-link>.dp-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.dp-grid-item .dp-content {
background-color: #000
}
.dp-grid-item .dp-gi-img {
display: block;
width: 100%
}
.dp-grid-item .dp-gi-gradient {
height: calc(100% + 2px);
position: absolute;
width: 100%;
background-image: linear-gradient(to bottom, transparent 0%, #000);
opacity: 0.6;
left: 0;
top: 0
}
.dp-grid-item .dp-gi-subtitle {
color: #fff;
display: block;
letter-spacing: 0.5px;
margin-bottom: 7px
}
.dp-grid-item .dp-gi-content {
bottom: 21px;
left: 29px;
position: absolute;
width: 83%
}
.dp-grid-item .dp-gi-title {
color: #fff;
letter-spacing: 0.5px
}
.js .dp-grid-item {
opacity: 0
}
@media screen and (min-width: 768px) {
.dp-grid-item {
box-sizing: border-box;
display: inline-block;
width: 50%
}
.dp-grid-item:nth-child(odd) {
padding-right: 2px
}
.dp-grid-item:nth-child(even) {
padding-left: 2px
}
.dp-search-grid .dp-grid-item:nth-child(odd),
.dp-projects-list .dp-grid-item:nth-child(odd) {
padding-right: 2px
}
.dp-search-grid .dp-grid-item:nth-child(even),
.dp-projects-list .dp-grid-item:nth-child(even) {
padding-left: 2px
}
.dp-grid-item .dp-gi-subtitle {
margin-bottom: 5px
}
.dp-grid-item .dp-gi-content {
bottom: 24px;
left: 39px;
width: 86%
}
}
.dp-project-hero-video {
height: 500px;
margin-bottom: 30px;
position: relative
}
.dp-project-hero-video .dp-ph-gradient {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(-180deg, transparent 26%, #000 96%);
opacity: .4;
z-index: 150;
transition: opacity 1s
}
.dp-project-hero-video.gradient-disabled .dp-ph-gradient {
opacity: 0
}
@media screen and (min-width: 1024px) {
.dp-project-hero-video {
height: 73vh;
margin-bottom: 100px
}
}
.dp-project-hero-video .dp-ph-image {
width: 100%;
position: relative;
height: 100%
}
.dp-project-hero-video .dp-ph-image>.dp-spacer {
width: 100%;
padding-top: 37.2905027933%
}
.dp-project-hero-video .dp-ph-image>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.left-top,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.left-centre,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.left-bottom,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.centre-top,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.centre-centre,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.centre-bottom,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.right-top,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.right-centre,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-content>.dp-content__img.right-bottom,
.dp-project-hero-video .dp-ph-image>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-project-hero-video .dp-ph-image>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-project-hero-video .dp-ph-image .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-project-hero-video .dp-ph-image .dp-content__img.is-blurred {
opacity: 0
}
.dp-project-hero-video .dp-ph-image:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-project-hero-video .dp-ph-image.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-project-hero-video .dp-ph-image.is-loaded.no-gradient::after {
display: none
}
.dp-project-hero-video .dp-ph-image:hover.is-loaded::after {
opacity: .8
}
.dp-project-hero-video .dp-ph-image.is-loaded .dp-spacer::after {
content: none !important
}
.dp-project-hero-video .dp-ph-image .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-project-hero-video .dp-ph-image .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-project-hero-video .dp-ph-image.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-project-hero-video .dp-ph-image.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-project-hero-video .dp-ph-image .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-project-hero-video .dp-ph-image .dp-dominant-colour,
.page.entering .dp-project-hero-video .dp-ph-image .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-project-hero-video .dp-ph-copy {
color: #fff;
position: absolute;
left: 30px;
bottom: 30px;
z-index: 200;
max-width: 45%
}
@media screen and (min-width: 1024px) {
.dp-project-hero-video .dp-ph-copy {
left: 45px;
max-width: 33vw
}
}
.dp-project-hero-video .dp-ph-strapline {
margin-bottom: 0
}
.dp-project-hero-video .dp-ph-title {
margin: 0px
}
.dp-project-hero-video .is-loaded .dp-ph-strapline,
.dp-project-hero-video .is-loaded .dp-ph-title {
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
.dp-project-hero-video .dp-phv-dropback__cta {
margin-top: 10px
}
@media screen and (min-width: 1024px) {
.dp-project-hero-video .dp-phv-dropback__cta {
margin-top: 17px
}
}
.dp-project-hero-video.dp-is-unavailable .dp-phv-dropback__cta {
display: none
}
.dp-project-hero-video .dp-ph-project-types {
display: none
}
@media screen and (min-width: 1024px) {
.dp-project-hero-video .dp-ph-project-types {
bottom: 20px;
display: block;
padding: 0;
position: absolute;
right: 48px;
text-align: right;
width: 48%;
z-index: 200
}
.dp-project-hero-video .dp-ph-project-types .dp-ph-project-type {
margin-bottom: 10px
}
}
.dp-project-hero-video .dp-ph-project-type:not(:first-child) {
margin-left: 6px
}
.dp-project-hero-video .dp-phv-video-overlay {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
background: #000;
z-index: 1200;
display: none
}
.dp-project-hero-video .dp-phv-video-overlay__wrapper {
position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto
}
.dp-project-hero-video .dp-phv-video-overlay__holder {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.dp-project-hero-video .dp-phv-video-overlay__holder.is-horizontal {
padding-top: 56.25%
}
@media screen and (min-width: 768px) {
.dp-project-hero-video .dp-phv-video-overlay__holder.is-horizontal {
padding-top: 0;
height: 95%
}
}
.dp-project-hero-video .dp-phv-video-overlay__holder.is-vertical {
width: 95%;
height: 0;
padding-top: 56.25%
}
.dp-project-hero-video .dp-phv-video-overlay__close {
position: absolute;
top: 30px;
right: 30px;
overflow: hidden;
cursor: pointer;
z-index: 1001
}
.dp-project-hero-video #vimeo-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.dp-pg-mask {
width: 100%;
overflow: hidden;
position: relative
}
@media screen and (min-width: 768px) {
.no-touchevents .dp-pg-mask {
cursor: pointer
}
.no-gallery .dp-pg-mask {
cursor: default
}
}
.dp-pg-mask>.dp-pg-mask__after,
.dp-pg-mask>.dp-pg-mask__before {
width: 50%;
height: 100%;
background: white;
position: absolute;
will-change: transform
}
@media screen and (max-width: 767px) {
.dp-pg-mask>.dp-pg-mask__after,
.dp-pg-mask>.dp-pg-mask__before {
display: none
}
}
.dp-pg-mask>.dp-pg-mask__after {
left: 100%
}
.dp-pg-mask>.dp-pg-mask__before {
right: 100%
}
.dp-pg-image__source {
width: 100%
}
.dp-pg-dropback {
border-bottom: 1px solid #EBEBEB;
margin: 0 30px;
padding: 25px 0 40px;
text-align: center
}
@media screen and (min-width: 768px) {
.dp-pg-dropback {
border: 0;
padding: 25px 0 60px
}
}
.dp-project-quote,
.dp-quote {
padding: 0 30px 40px
}
@media screen and (min-width: 768px) {
.dp-project-quote,
.dp-quote {
padding: 0 0 100px;
max-width: 620px;
margin: 0 auto;
text-align: center
}
}
.dp-project-quote.is-mini,
.is-mini.dp-quote {
padding: 70px 40px;
border: 0
}
@media screen and (min-width: 768px) {
.dp-project-quote.is-mini,
.is-mini.dp-quote {
padding: 100px 90px;
min-height: 500px;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
}
.dp-project-quote__block,
.dp-quote__block {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px;
font-weight: 300;
max-width: 100%;
letter-spacing: 0.5px;
quotes: "\“" "\â€";
margin-bottom: 10px
}
@media screen and (min-width: 768px) {
.dp-project-quote__block,
.dp-quote__block {
font-size: 19px;
font-size: 1.9rem;
line-height: 26px;
margin-bottom: 20px
}
}
.dp-project-quote__block::before,
.dp-quote__block::before {
content: open-quote
}
.dp-project-quote__block::after,
.dp-quote__block::after {
content: close-quote
}
@media screen and (min-width: 768px) {
.dp-project-quote__block,
.dp-quote__block {
max-width: 800px;
margin: 0 auto 20px;
line-height: 29px
}
}
.is-mini .dp-project-quote__block,
.is-mini .dp-quote__block {
margin-bottom: 20px
}
.is-legacy .dp-project-quote__block,
.is-legacy .dp-quote__block {
quotes: none
}
.dp-project-quote__author,
.dp-quote__author {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 20px;
font-weight: 600;
display: block
}
@media screen and (min-width: 768px) {
.dp-project-quote__author,
.dp-quote__author {
font-size: 12px;
font-size: 1.2rem;
line-height: 20px
}
}
.dp-project-quote__source,
.dp-quote__source {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 20px;
font-weight: 300;
display: block
}
@media screen and (min-width: 768px) {
.dp-project-quote__source,
.dp-quote__source {
font-size: 12px;
font-size: 1.2rem;
line-height: 20px
}
}
@media screen and (min-width: 768px) {
.dp-project-description {
margin-bottom: 100px
}
}
.dp-project-description .dp-pd-copy {
margin: 40px 30px 0;
overflow: hidden
}
.dp-project-description .dp-pd-copy p:first-child {
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 29px
}
@media screen and (min-width: 768px) {
.dp-project-description .dp-pd-copy {
margin: 0 auto 0;
max-width: 620px;
padding: 0
}
}
@media screen and (min-width: 769px) {
.dp-project-description .dp-pd-copy p:last-child {
margin-bottom: 0
}
}
.dp-project-description .dp-pd-expand {
display: block;
margin: 0 auto 40px
}
@media screen and (min-width: 769px) {
.dp-project-description .dp-pd-expand {
display: none
}
}
.dp-project-mini-video {
position: relative;
padding: 115px 40px 60px;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
@media screen and (min-width: 768px) {
.dp-project-mini-video {
height: 500px;
padding: 130px 48px 60px
}
}
.dp-project-mini-video>.dp-section-title {
background: url(../images/icons/play-black.svg?v=2617) no-repeat transparent;
background-size: 32px auto;
background-position: 0 50%;
min-height: 32px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: absolute;
top: 39px;
left: 40px;
right: 60px
}
.dp-project-mini-video>.dp-section-title:hover {
opacity: 0.5
}
.dp-project-mini-video>.dp-section-title>a {
max-height: 80px;
display: block;
padding-left: 45px;
background: transparent
}
.dp-mv-poster {
width: 100%;
max-height: 330px;
position: relative
}
.dp-mv-poster>.dp-mv-poster__spacer {
width: 100%;
padding-top: 56.25%
}
.dp-mv-poster>.dp-mv-poster__content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-mv-poster__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.dp-project-mini-video.theme-white .dp-section-title {
background-image: url(../images/icons/play-white.svg?v=2617)
}
.dp-project-mini-video.theme-white .dp-section-title a {
color: #fff
}
.dp-logo {
display: block;
height: 50px;
line-height: 0;
left: 30px;
font-size: 0;
overflow: hidden;
position: absolute;
top: 15px;
width: 250px;
z-index: 1003
}
.dp-logo .dp-svg-logo {
width: 260px;
height: 50px;
fill: #fff;
fill-opacity: 1;
transition: fill-opacity .3s
}
html.theme-white .dp-logo .dp-svg-logo,
.seniorpartner .dp-logo .dp-svg-logo,
.partner .dp-logo .dp-svg-logo,
.dp-header-content-over .dp-logo .dp-svg-logo {
fill: #000
}
@media screen and (max-width: 1024px) {
.dp-header-scroll-open.dp-navigation-is-open .dp-logo .dp-svg-logo {
fill: #fff
}
}
.no-touchevents.theme-white .dp-logo .dp-svg-logo:hover {
fill-opacity: .6
}
.no-touchevents.theme-black .dp-logo .dp-svg-logo:hover {
fill-opacity: .8
}
html.search .dp-logo {
display: block !important;
opacity: 1 !important
}
html.search .dp-logo .dp-svg-logo {
fill: #fff
}
@media screen and (min-width: 1024px) {
.dp-logo {
background-size: 100%;
height: 60px;
left: 48px;
top: 15px;
width: 365px;
}
.dp-logo .dp-svg-logo {
height: 60px;
width: 260px
}
}
.dp-footer-routing {
padding: 60px 30px
}
.dp-footer-routing .dp-fr-title {
background-color: #000;
border-radius: 0 25px 25px 25px;
color: #fff;
display: inline-block;
margin-bottom: 20px;
padding: 15px 0;
text-align: center;
width: 100%
}
.dp-footer-routing .dp-fr-list {
list-style: none;
font-size: 0
}
.dp-footer-routing .dp-fr-list li,
.dp-footer-routing .dp-fr-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-footer-routing .dp-fr-list li a,
.dp-footer-routing .dp-fr-list .dp-list-item a {
text-decoration: none
}
.dp-footer-routing .dp-fr-list li:before,
.dp-footer-routing .dp-fr-list .dp-list-item:before {
content: none
}
.dp-footer-routing .dp-fr-list-item {
display: inline-block;
margin: 0 10px 20px 0
}
.dp-footer-routing .dp-fr-list-item:last-child {
margin: 0
}
@media screen and (min-width: 768px) {
.dp-footer-routing {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 50px
}
.dp-footer-routing .dp-fr-title {
padding: 15px 22px;
width: auto
}
.dp-footer-routing .dp-fr-list-item {
display: inline-block;
margin: 0 10px 10px 0
}
}
@media screen and (min-width: 1366px) {
.dp-footer-routing {
padding: 95px
}
}
.dp-project-map {
margin: 0 auto 40px
}
@media screen and (min-width: 1024px) {
.dp-project-map {
padding: 0 48px;
margin: 0 auto 100px
}
}
.dp-project-map .dp-pm-map-wrap {
position: relative;
height: 100%
}
@media screen and (max-width: 768px) and (orientation: portrait) {
.dp-project-map .dp-pm-map-content {
height: 60vh
}
}
@media screen and (max-width: 768px) and (orientation: landscape) {
.dp-project-map .dp-pm-map-content {
height: 74vh
}
}
@media screen and (min-width: 768px) {
.dp-project-map .dp-pm-map-content {
width: 100%;
position: relative
}
.dp-project-map .dp-pm-map-content>.dp-spacer {
width: 100%;
padding-top: 56.2225475842%
}
.dp-project-map .dp-pm-map-content>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.left-top,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.left-centre,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.left-bottom,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.centre-top,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.centre-centre,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.centre-bottom,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.right-top,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.right-centre,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-content>.dp-content__img.right-bottom,
.dp-project-map .dp-pm-map-content>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-project-map .dp-pm-map-content>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
}
.dp-project-map .dp-content {
height: 100%
}
.dp-project-map .dp-pm-map {
height: 100%;
width: 100%;
z-index: 1
}
.dp-project-map .google-logo {
bottom: 20px;
font-size: 0;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2
}
.dp-project-map .google-logo a {
display: inline-block
}
.dp-project-map .dp-pm-description {
background: #FAFAFA;
padding-bottom: 40px;
z-index: 2
}
@media screen and (min-width: 1024px) {
.dp-project-map .dp-pm-description {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
background: rgba(0, 0, 0, 0.8);
display: -webkit-box;
display: -webkit-flex;
display: flex;
left: 0;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding-bottom: 0;
position: absolute;
top: 0;
width: 30%
}
}
.dp-project-map .dp-pm-description-wrap {
display: none;
padding: 37px 30px 0
}
@media screen and (min-width: 1024px) {
.dp-project-map .dp-pm-description-wrap {
padding: 0 13%
}
}
.dp-project-map .dp-pm-description-wrap.enabled {
display: block
}
.dp-project-map .dp-pm-title {
font-size: 21px;
font-size: 2.1rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 28px;
margin-bottom: 16px;
color: #000;
margin-bottom: 5px
}
@media screen and (min-width: 768px) {
.dp-project-map .dp-pm-title {
font-size: 33px;
font-size: 3.3rem;
line-height: 40px;
margin-bottom: 20px
}
}
@media screen and (min-width: 768px) {
.dp-project-map .dp-pm-title {
font-size: 21px;
font-size: 2.1rem;
margin-bottom: 5px
}
}
@media screen and (min-width: 1024px) {
.dp-project-map .dp-pm-title {
color: #fff;
font-size: 33px;
font-size: 3.3rem;
margin-bottom: 18px
}
}
.dp-project-map .dp-pm-address {
color: #000;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
margin-bottom: 15px
}
@media screen and (min-width: 1024px) {
.dp-project-map .dp-pm-address {
color: #fff;
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 22px
}
}
.dp-project-map .extended-address {
display: block;
font-weight: 600
}
.dp-project-map .dp-pm-hours-list {
list-style: none;
padding-bottom: 16px
}
.dp-project-map .dp-pm-hours-list li,
.dp-project-map .dp-pm-hours-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-project-map .dp-pm-hours-list li a,
.dp-project-map .dp-pm-hours-list .dp-list-item a {
text-decoration: none
}
.dp-project-map .dp-pm-hours-list li:before,
.dp-project-map .dp-pm-hours-list .dp-list-item:before {
content: none
}
@media screen and (min-width: 1024px) {
.dp-project-map .dp-pm-hours-list {
padding-bottom: 26px
}
}
.dp-project-map .dp-pm-hours-item {
display: block;
margin-bottom: 8px
}
@media screen and (min-width: 1024px) {
.dp-project-map .dp-pm-hours-item {
color: #fff;
margin-bottom: 9px
}
}
@media screen and (min-width: 1024px) {
.dp-project-map .dp-pm-cta {
background-color: rgba(255, 255, 255, 0.15);
color: #fff
}
.no-touchevents .dp-project-map .dp-pm-cta:hover {
background-color: rgba(255, 255, 255, 0.25);
color: #fff
}
}
.dp-expertise-grid {
padding-top: 76px;
z-index: 0
}
@media screen and (min-width: 768px) {
.dp-expertise-grid {
padding-top: 78px
}
}
.dp-expertise-grid.within-page-overlay {
padding-top: 0
}
@media screen and (min-width: 768px) {
.dp-expertise-grid.within-page-overlay {
padding-top: 0
}
}
.dp-e-overlay-title {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.dp-e-overlay-title .dp-e-overlay-title__copy {
margin-right: 10px;
display: inline-block
}
@media screen and (max-width: 768px) {
.dp-e-overlay-title .dp-e-overlay-title__copy {
display: none
}
}
.dp-e-overlay-title .dp-e-overlay-title__copy-all {
color: #000000
}
.dp-e-overlay-title .dp-e-overlay-title__copy-specific {
color: #B3B3B3
}
.dp-expertise-grid {
list-style: none
}
.dp-expertise-grid li,
.dp-expertise-grid .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-expertise-grid li a,
.dp-expertise-grid .dp-list-item a {
text-decoration: none
}
.dp-expertise-grid li:before,
.dp-expertise-grid .dp-list-item:before {
content: none
}
.dp-expertise-grid .dp-grid-subarea {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
overflow: hidden;
list-style: none
}
.dp-expertise-grid .dp-grid-subarea li,
.dp-expertise-grid .dp-grid-subarea .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-expertise-grid .dp-grid-subarea li a,
.dp-expertise-grid .dp-grid-subarea .dp-list-item a {
text-decoration: none
}
.dp-expertise-grid .dp-grid-subarea li:before,
.dp-expertise-grid .dp-grid-subarea .dp-list-item:before {
content: none
}
.dp-expertise-grid .dp-grid-subarea__item {
max-height: none;
width: 100%;
overflow: hidden;
will-change: transform;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
transition: opacity .9s, -webkit-transform .9s ease-in-out;
transition: transform .9s ease-in-out, opacity .9s;
transition: transform .9s ease-in-out, opacity .9s, -webkit-transform .9s ease-in-out;
margin-bottom: 1px
}
@media screen and (min-width: 768px) {
.dp-expertise-grid .dp-grid-subarea__item {
width: 50%;
max-height: 383px
}
.dp-expertise-grid .dp-grid-subarea__item:nth-child(2n) {
width: calc(50% - .5px);
margin-left: .5px
}
.dp-expertise-grid .dp-grid-subarea__item:nth-child(2n+1) {
width: calc(50% - .5px);
margin-right: .5px
}
.dp-expertise-grid .dp-grid-subarea__item.dp-grid-item__single {
max-height: none;
width: 100%
}
.dp-expertise-grid .dp-grid-subarea__item.dp-grid-item__single:nth-child(2n) {
width: 100%;
margin-left: 0
}
.dp-expertise-grid .dp-grid-subarea__item.dp-grid-item__single:nth-child(2n+1) {
width: 100%;
margin-right: 0
}
}
.dp-expertise-grid .dp-grid-subarea__item.is-hidden {
-webkit-transform: translate3d(0, 35%, 0);
transform: translate3d(0, 35%, 0);
opacity: 0
}
.dp-expertise-grid .dp-grid-subarea__item.is-collapsed {
display: none
}
.dp-expertise-grid .dp-grid__item-placeholder {
display: none;
position: relative !important;
background-color: #121212;
margin-bottom: 1px;
max-height: 383px;
opacity: 0
}
@media screen and (min-width: 768px) {
.dp-expertise-grid .dp-grid__item-placeholder {
display: block
}
}
.dp-expertise-grid .dp-grid__item-placeholder:nth-child(2n) {
width: calc(50% - .5px);
margin-left: .5px
}
.dp-expertise-grid .dp-grid__item-placeholder:nth-child(2n+1) {
width: calc(50% - .5px);
margin-right: .5px
}
.dp-expertise-grid .dp-grid__item-placeholder .dp-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto
}
.dp-expertise-grid .dp-grid__item-placeholder .dp-spacer {
padding-top: 56.2408223201%
}
.dp-expertise-grid .dp-grid__item-placeholder .dp-placeholder-logo {
position: absolute;
bottom: 30px;
left: 30px;
width: 213px;
height: 16px
}
.dp-expertise-grid .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-expertise-grid .dp-dominant-colour,
.page.entering .dp-expertise-grid .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-expertise-grid .dp-grid-subarea__item {
max-height: none;
background: #FFFFFF
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container {
width: 100%;
position: relative
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-spacer {
width: 100%;
padding-top: 56.2408223201%
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.left-top,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.left-centre,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.left-bottom,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.centre-top,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.centre-centre,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.centre-bottom,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.right-top,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.right-centre,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>.dp-content__img.right-bottom,
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container .dp-content__img.is-blurred {
opacity: 0
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container.is-loaded.no-gradient::after {
display: none
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container:hover.is-loaded::after {
opacity: .8
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container.is-loaded .dp-spacer::after {
content: none !important
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container .dp-dominant-colour,
.page.entering .dp-expertise-grid .dp-grid-subarea__item .dp-e-image-container .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-e-copy {
color: #fff;
padding: 34px 48px
}
.dp-e-copy .dp-e-copy__title {
margin-bottom: 10px
}
.dp-e-copy .dp-e-copy__contents>*:last-child {
margin-bottom: 0
}
.dp-e-copy.is-accreditation .dp-e-copy__title {
margin-bottom: 0
}
.dp-e-copy.is-accreditation .dp-e-copy__contents {
margin-bottom: 10px
}
.is-dark .dp-e-copy.is-accreditation .dp-e-copy__title,
.is-dark .dp-e-copy.is-accreditation .dp-e-copy__contents {
color: #FFFFFF
}
.dp-projects {
overflow: hidden;
padding-top: 74px
}
.dp-projects .dp-projects-list {
list-style: none;
font-size: 0
}
.dp-projects .dp-projects-list li,
.dp-projects .dp-projects-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-projects .dp-projects-list li a,
.dp-projects .dp-projects-list .dp-list-item a {
text-decoration: none
}
.dp-projects .dp-projects-list li:before,
.dp-projects .dp-projects-list .dp-list-item:before {
content: none
}
.dp-projects .dp-footer {
background-color: #FFFFFF
}
.dp-p-bar {
background: #FFFFFF;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin: 0;
padding: 30px
}
@media screen and (min-width: 768px) {
.dp-p-bar {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-grid-row-align: center;
align-items: center;
padding: 30px 48px
}
}
.dp-p-bar .dp-p-title {
margin-bottom: 20px;
font-size: 21px;
font-size: 2.1rem
}
@media screen and (min-width: 768px) {
.dp-p-bar .dp-p-title {
margin-bottom: 0
}
}
@media screen and (min-width: 768px) {
.dp-p-bar .dp-p-all {
margin-left: auto
}
}
@media screen and (min-width: 1024px) {
.dp-projects {
padding-top: 78px
}
}
.dp-project-types {
overflow: hidden
}
.dp-project-types .dp-projects-list {
list-style: none;
font-size: 0
}
.dp-project-types .dp-projects-list li,
.dp-project-types .dp-projects-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-project-types .dp-projects-list li a,
.dp-project-types .dp-projects-list .dp-list-item a {
text-decoration: none
}
.dp-project-types .dp-projects-list li:before,
.dp-project-types .dp-projects-list .dp-list-item:before {
content: none
}
.dp-project-types .dp-footer {
background-color: #FFFFFF
}
.dp-project-types {
background-color: #000;
padding-top: 212px
}
@media screen and (min-width: 1024px) {
.dp-project-types {
padding-top: 168px
}
}
.dp-project-types .dp-project-types-main {
display: block;
width: 100%;
height: calc(100vh - 125px);
position: relative;
overflow: hidden
}
.dp-project-types .dp-project-types-main::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
z-index: 10;
opacity: .7
}
.dp-project-types .dp-project-types-main__cover {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
display: block
}
.dp-project-types .dp-project-types-main__title {
color: #fff;
position: absolute;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 100;
margin-bottom: 0;
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
@media screen and (min-width: 768px) {
.dp-project-types .dp-project-types-main__title {
left: 48px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.dp-share {
position: relative
}
.dp-share .dp-share-content {
left: 102px;
position: absolute;
top: 1px;
width: 100%
}
.dp-share .dp-share-list {
list-style: none;
font-size: 0
}
.dp-share .dp-share-list li,
.dp-share .dp-share-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-share .dp-share-list li a,
.dp-share .dp-share-list .dp-list-item a {
text-decoration: none
}
.dp-share .dp-share-list li:before,
.dp-share .dp-share-list .dp-list-item:before {
content: none
}
.dp-share .dp-share-list-item {
display: inline-block;
margin-right: 5px
}
@media screen and (min-width: 1024px) {
.dp-share .dp-share-content {
left: 90px
}
.dp-share .dp-button-icon {
margin-right: 0
}
.dp-share .dp-share-list-item {
margin-right: 2px
}
}
.dp-hero-image-gallery {
margin: 0;
overflow: hidden;
position: relative
}
.dp-hero-image-gallery .dp-hig-dropback {
height: 500px
}
@media screen and (min-width: 768px) {
.dp-hero-image-gallery .dp-hig-dropback {
height: 73vh
}
}
.dp-hero-image-gallery .dp-hig-dropback::after {
background: linear-gradient(-180deg, transparent 26%, #000 96%);
opacity: .4;
bottom: 0;
content: '';
height: 67vh;
position: absolute;
width: 100%;
height: 100%;
transition: opacity 1s
}
.dp-hero-image-gallery .dp-hig-dropback.disable::after {
opacity: 0
}
.dp-hero-image-gallery .dp-content::after {
background: linear-gradient(-180deg, transparent 26%, #000 96%);
opacity: .4;
bottom: 0;
content: '';
height: 67vh;
position: absolute;
width: 100%;
height: 100%;
transition: opacity 1s
}
.dp-hero-image-gallery .dp-hig-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-hero-image-gallery .dp-hig-dominant-colour,
.page.entering .dp-hero-image-gallery .dp-hig-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-hero-image-gallery .dp-hig-image {
width: 100%;
position: relative;
height: 100%
}
.dp-hero-image-gallery .dp-hig-image>.dp-spacer {
width: 100%;
padding-top: 37.2905027933%
}
.dp-hero-image-gallery .dp-hig-image>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.left-top,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.left-centre,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.left-bottom,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.centre-top,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.centre-centre,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.centre-bottom,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.right-top,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.right-centre,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-content>.dp-content__img.right-bottom,
.dp-hero-image-gallery .dp-hig-image>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-hero-image-gallery .dp-hig-image>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-hero-image-gallery .dp-hig-image .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-hero-image-gallery .dp-hig-image .dp-content__img.is-blurred {
opacity: 0
}
.dp-hero-image-gallery .dp-hig-image:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-hero-image-gallery .dp-hig-image.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-hero-image-gallery .dp-hig-image.is-loaded.no-gradient::after {
display: none
}
.dp-hero-image-gallery .dp-hig-image:hover.is-loaded::after {
opacity: .8
}
.dp-hero-image-gallery .dp-hig-image.is-loaded .dp-spacer::after {
content: none !important
}
.dp-hero-image-gallery .dp-hig-image .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-hero-image-gallery .dp-hig-image .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-hero-image-gallery .dp-hig-image.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-hero-image-gallery .dp-hig-image.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-hero-image-gallery .dp-hig-image .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-hero-image-gallery .dp-hig-image .dp-dominant-colour,
.page.entering .dp-hero-image-gallery .dp-hig-image .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-hero-image-gallery .dp-hero-copy {
color: #fff;
position: absolute;
bottom: 30px;
left: 30px;
max-width: 266px;
z-index: 1
}
.dp-hero-image-gallery .dp-hero-title {
font-weight: 600;
margin-bottom: 10px;
padding: 0
}
.dp-hero-image-gallery .dp-hero-date {
margin-bottom: 2px
}
.dp-hero-image-gallery .is-loaded .dp-hero-title,
.dp-hero-image-gallery .is-loaded .dp-hero-date {
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
@media screen and (min-width: 769px) {
.dp-hero-image-gallery .dp-hero-copy {
left: 50px;
max-width: 33vw
}
}
.dp-news-item-content {
color: #fff;
padding: 40px 30px
}
.dp-news-item-content.theme-white {
color: #000
}
.dp-news-item-content.theme-no-hero {
padding-top: 74px
}
.dp-news-item-content .dp-share {
margin-bottom: 10px
}
.dp-nic-header {
max-width: 1366px;
margin: 0 auto;
width: 100%
}
.dp-nic-header__inner {
padding: 60px 40px 0
}
.dp-nic-date {
display: inline-block;
margin-bottom: 8px
}
.dp-nic-wrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative
}
.dp-nic-wrapper__left,
.dp-nic-wrapper__right {
width: 100%
}
.dp-nic-wrapper__left {
margin-bottom: 30px
}
.dp-nic-subtitle {
margin-top: 30px
}
.dp-nic-description-content {
overflow: hidden
}
.dp-nic-description-content p:first-child {
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 29px
}
.dp-nic-content ul,
.dp-nic-content ol {
margin-bottom: 30px
}
.dp-nic-quote blockquote {
margin-bottom: 60px
}
.dp-nic-quote blockquote footer {
margin-top: 20px
}
.dp-nic-btn-more {
margin-bottom: 30px
}
.dp-nic-pdf-cta {
margin-bottom: 10px
}
.dp-nic-video {
margin-bottom: 42px
}
.dp-nic-video .dp-project-mini-video {
padding: 0;
height: auto;
margin-bottom: 60px
}
.dp-nic-video .dp-section-title {
left: 0;
position: static;
margin-bottom: 30px
}
@media screen and (min-width: 769px) {
.dp-news-item-content {
padding: 80px 0
}
.dp-news-item-content.theme-no-hero {
padding-top: 78px
}
.dp-nic-header__inner {
padding: 75px 50px 0;
width: 50%
}
.dp-nic-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
max-width: 620px
}
.dp-nic-btn-more {
display: none
}
.dp-nic-pdf-cta {
margin-bottom: 0
}
.dp-nic-video {
margin-bottom: 65px
}
}
@media screen and (min-width: 1366px) {
.dp-nic-header__inner {
padding: 75px 58px 0 95px
}
}
.dp-contact-grid .dp-cg--content {
padding: 30px 30px 50px
}
.dp-contact-grid .dp-section-title {
font-size: 21px;
font-size: 2.1rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 28px;
margin-bottom: 16px
}
@media screen and (min-width: 768px) {
.dp-contact-grid .dp-section-title {
font-size: 33px;
font-size: 3.3rem;
line-height: 40px;
margin-bottom: 20px
}
}
.dp-contact-grid .dp-section-title {
margin-bottom: 5px
}
.dp-contact-grid .dp-cg--ul {
list-style: none
}
.dp-contact-grid .dp-cg--ul li,
.dp-contact-grid .dp-cg--ul .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-contact-grid .dp-cg--ul li a,
.dp-contact-grid .dp-cg--ul .dp-list-item a {
text-decoration: none
}
.dp-contact-grid .dp-cg--ul li:before,
.dp-contact-grid .dp-cg--ul .dp-list-item:before {
content: none
}
.dp-contact-grid .dp-cg--ul li a {
font-weight: 300
}
.dp-contact-grid p {
margin-bottom: 0
}
.dp-contact-grid .dp-grid .dp-cg--item {
margin-bottom: 0
}
.dp-contact-grid .dp-grid .dp-cg--item::after {
content: none !important
}
.dp-contact-grid .dp-grid .dp-cg--item:not(:last-child) {
border-bottom: 1px solid #EBEBEB
}
.dp-contact-grid .dp-cg--copy p,
.dp-contact-grid .dp-cg--copy a {
line-height: 26px
}
.dp-contact-grid .dp-cg--copy a {
display: block;
margin-top: 15px
}
.dp-contact-grid .dp-cg-cta-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row
}
.dp-contact-grid .dp-cg--cta {
margin: 20px 10px 0 0
}
.dp-contact-grid .dp-cg--img {
width: 100%;
position: relative
}
.dp-contact-grid .dp-cg--img>.dp-spacer {
width: 100%;
padding-top: 56.2408223201%
}
.dp-contact-grid .dp-cg--img>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.left-top,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.left-centre,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.left-bottom,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.centre-top,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.centre-centre,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.centre-bottom,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.right-top,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.right-centre,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-content>.dp-content__img.right-bottom,
.dp-contact-grid .dp-cg--img>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-contact-grid .dp-cg--img>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-contact-grid .dp-cg--img .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-contact-grid .dp-cg--img .dp-content__img.is-blurred {
opacity: 0
}
.dp-contact-grid .dp-cg--img:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-contact-grid .dp-cg--img.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-contact-grid .dp-cg--img.is-loaded.no-gradient::after {
display: none
}
.dp-contact-grid .dp-cg--img:hover.is-loaded::after {
opacity: .8
}
.dp-contact-grid .dp-cg--img.is-loaded .dp-spacer::after {
content: none !important
}
.dp-contact-grid .dp-cg--img .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-contact-grid .dp-cg--img .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-contact-grid .dp-cg--img.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-contact-grid .dp-cg--img.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-contact-grid .dp-cg--img .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-contact-grid .dp-cg--img .dp-dominant-colour,
.page.entering .dp-contact-grid .dp-cg--img .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-contact-grid .dp-cg--img.is-loaded::after {
content: none
}
.dp-contact-grid .dp-cg--img .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.01);
transform: translate3d(-50%, -50%, 0) scale(1.01)
}
.dp-contact-grid .dp-cg--quote {
background: #f5f5f5
}
.dp-contact-grid .dp-cg--quote .dp-cg--inner {
padding: 77px 30px
}
.dp-contact-grid .dp-cg--quote .dp-quote {
margin: 0
}
@media screen and (min-width: 768px) {
.dp-contact-grid .dp-cg--ul {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap
}
.dp-contact-grid .dp-section-title {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px
}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.dp-contact-grid .dp-section-title {
font-size: 21px;
font-size: 2.1rem;
line-height: 28px;
margin-bottom: 20px
}
}
@media screen and (min-width: 768px) {
.dp-contact-grid .dp-section-title {
margin-bottom: 5px
}
.dp-contact-grid .dp-grid {
background-color: #EBEBEB
}
.dp-contact-grid .dp-grid .dp-cg--item {
border-bottom: 1px solid #EBEBEB;
max-height: none !important;
width: 50%
}
.dp-contact-grid .dp-grid .dp-cg--item:nth-child(odd) {
margin-right: .5px
}
.dp-contact-grid .dp-grid .dp-cg--item:nth-child(even) {
margin-left: .5px
}
.dp-contact-grid .dp-grid>.dp-cg--item:nth-last-of-type(-n+2) {
border-bottom: none
}
.dp-contact-grid .dp-cg--inner {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column
}
.dp-contact-grid .dp-cg--content {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 30px 48px 45px
}
.dp-contact-grid .dp-cg--copy,
.dp-contact-grid .dp-cg-cta-wrapper {
max-width: 320px;
width: 80%
}
.dp-contact-grid .dp-cg--quote .dp-cg--inner {
height: 100%;
padding: 0;
position: relative;
width: 100%
}
.dp-contact-grid .dp-cg--quote .dp-quote {
left: 50%;
padding: 0 15%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%
}
}
.dp-contact-list {
padding-top: 74px
}
.dp-contact-list .dp-section-title {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px;
margin-bottom: 10px
}
@media screen and (min-width: 768px) {
.dp-contact-list .dp-section-title {
font-size: 21px;
font-size: 2.1rem;
line-height: 28px;
margin-bottom: 20px
}
}
.dp-contact-list .dp-contact-list {
border-top: 1px solid #EBEBEB
}
.dp-contact-list .dp-contact-list__ul {
list-style: none
}
.dp-contact-list .dp-contact-list__ul li,
.dp-contact-list .dp-contact-list__ul .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-contact-list .dp-contact-list__ul li a,
.dp-contact-list .dp-contact-list__ul .dp-list-item a {
text-decoration: none
}
.dp-contact-list .dp-contact-list__ul li:before,
.dp-contact-list .dp-contact-list__ul .dp-list-item:before {
content: none
}
.dp-contact-list .dp-contact-list-item {
border-bottom: 1px solid #EBEBEB
}
.dp-contact-list .dp-contact-list-inner {
padding: 41px 30px
}
.dp-contact-list .dp-p__contact {
margin-bottom: 17px
}
.dp-contact-list .dp-p__contact p,
.dp-contact-list .dp-p__contact a {
line-height: 26px
}
.dp-contact-list .dp-p__contact p {
margin-bottom: 0
}
.dp-contact-list .dp-cg--quote {
background: #f5f5f5
}
.dp-contact-list .dp-quote {
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-contact-list .dp-section-title {
margin-bottom: 10px
}
.dp-contact-list .dp-contact-list-item:not(:first-child) {
border-left: 1px solid #EBEBEB
}
.dp-contact-list .dp-contact-list__ul {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap
}
.dp-contact-list .dp-contact-list-inner {
padding: 40px 48px
}
.dp-contact-list .dp-contact-list-item {
width: 50%
}
}
@media screen and (min-width: 1024px) {
.dp-contact-list {
padding-top: 78px
}
.dp-contact-list .dp-contact-list__ul {
-webkit-flex-flow: row;
flex-flow: row
}
}
.dp-static-hero-image {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
height: calc(100vh - 150px);
position: relative;
width: 100%
}
.dp-static-hero-image .dp-hero-image {
display: block;
width: 100%;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.dp-static-hero-image .dp-hero-title {
bottom: 0;
left: 50%;
margin-bottom: 40px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute
}
.dp-static-hero-image .dp-h1 {
margin: 0
}
@media screen and (min-width: 768px) {
.dp-static-hero-image {
max-height: 680px
}
.dp-static-hero-image .dp-hero-title {
left: 48px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.dp-accordion-tab .slick-slide {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.dp-at-nav {
list-style: none;
list-style: none;
margin-bottom: 20px;
display: none
}
.dp-at-nav li,
.dp-at-nav .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-at-nav li a,
.dp-at-nav .dp-list-item a {
text-decoration: none
}
.dp-at-nav li:before,
.dp-at-nav .dp-list-item:before {
content: none
}
.dp-at-nav>li {
margin-right: 10px
}
.dp-at-nav .dp-button-primary.is-active {
background: black;
color: white
}
@media screen and (min-width: 768px) {
.dp-at-nav {
display: block;
position: relative
}
.dp-at-nav>li {
display: inline-block;
margin-bottom: 20px
}
.dp-at-nav>li>button {
white-space: nowrap
}
}
@media screen and (min-width: 1366px) {
.dp-at-nav>li>button {
white-space: normal
}
}
.dp-at-tabs {
list-style: none
}
.dp-at-tabs li,
.dp-at-tabs .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-at-tabs li a,
.dp-at-tabs .dp-list-item a {
text-decoration: none
}
.dp-at-tabs li:before,
.dp-at-tabs .dp-list-item:before {
content: none
}
.dp-at-content {
overflow: hidden
}
.dp-at-nav-wrapper-fade {
width: 100%;
position: relative
}
.dp-at-nav-wrapper {
width: 100%;
overflow-y: scroll
}
.dp-at-nav-wrapper::-webkit-scrollbar {
display: none
}
@media screen and (min-width: 768px) {
.dp-at-nav-wrapper::after {
position: absolute;
right: -1px;
top: 0;
width: 30px;
height: 100%;
content: '';
background: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0.5) 100%)
}
}
.dp-at-heading {
border-top: 4px solid #F3F3F3;
padding: 24px 40px;
padding-left: 90px;
margin: 0;
position: relative
}
@media screen and (min-width: 768px) {
.dp-at-heading {
border: 0;
display: none
}
}
.dp-at-heading-icon {
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 40px;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
background: url(../images/icons/grey-down.svg?v=2617) transparent;
background-size: 100%;
display: block;
transition: -webkit-transform .75s;
transition: transform .75s;
transition: transform .75s, -webkit-transform .75s
}
.dp-at-heading.is-open .dp-at-heading-icon {
-webkit-transform: translate3d(0, -50%, 0) rotateZ(180deg);
transform: translate3d(0, -50%, 0) rotateZ(180deg)
}
.dp-team {
overflow: hidden;
padding-top: 74px
}
@media screen and (min-width: 769px) {
.dp-team {
padding-top: 120px
}
}
@media screen and (min-width: 1024px) {
.seniorpartners .dp-header,
.partners .dp-header,
.associatepartners .dp-header {
height: 120px
}
}
.dp-team-image-grid .dp-tig-image-list {
list-style: none;
font-size: 0
}
.dp-team-image-grid .dp-tig-image-list li,
.dp-team-image-grid .dp-tig-image-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-team-image-grid .dp-tig-image-list li a,
.dp-team-image-grid .dp-tig-image-list .dp-list-item a {
text-decoration: none
}
.dp-team-image-grid .dp-tig-image-list li:before,
.dp-team-image-grid .dp-tig-image-list .dp-list-item:before {
content: none
}
.dp-team-image-grid .dp-tig-image-list:last-child {
border: none
}
.dp-team-image-grid .dp-tig-image-list-item {
display: inline-block;
text-align: center
}
.dp-team-image-grid .dp-tig-image-list-item img {
width: 100%
}
.dp-team-image-grid .dp-tig-image-list-item .dp-tig-load-wrap {
bottom: 0;
display: block;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto
}
@media screen and (min-width: 769px) {
.dp-team-image-grid .dp-tig-image-list-item .dp-tig-load-wrap {
left: 0;
width: 100%
}
}
.dp-team-image-grid .dp-tig-image-list-item.is-hidden {
display: none
}
.dp-team-image-grid .dp-tig-image-wrap {
display: block;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.dp-team-image-grid .dp-tig-spacer {
display: block;
padding-top: 200.4%;
width: 100%
}
.dp-team-image-grid .dp-tig-image-link {
display: block
}
.no-touchevents .dp-team-image-grid .dp-tig-image-link:hover .dp-button-text {
opacity: 1
}
.dp-team-image-grid .dp-button-text {
color: #000;
cursor: pointer;
display: table;
font-size: 12px;
font-size: 1.2rem;
font-family: "Open Sans", Helvetica, Arial;
font-weight: 400;
height: 42px;
margin: 0 auto;
max-width: 90%;
padding: 0;
position: relative;
top: -5px
}
.no-touchevents .dp-team-image-grid .dp-button-text {
opacity: .7
}
.dp-team-image-grid .dp-button-content {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 26px;
display: table-cell;
text-align: center;
vertical-align: middle
}
@media screen and (min-width: 768px) {
.dp-team-image-grid .dp-button-content {
font-size: 12px;
font-size: 1.2rem;
line-height: 26px
}
}
@media screen and (max-width: 768px) {
.dp-team-image-grid .dp-tig-row {
padding-top: 20px;
position: relative
}
.dp-team-image-grid .dp-tig-image-wrap {
margin: 14px 39px 0
}
.dp-team-image-grid .dp-tig-image-list-item {
margin-bottom: 15px;
position: relative;
width: calc(50vw - 4px)
}
}
@media screen and (min-width: 769px) {
.dp-team-image-grid .dp-tig-row {
margin: 0 auto;
max-width: 1900px;
overflow: hidden;
padding: 8px 48px 0 48px
}
.dp-team-image-grid .dp-tig-image-list-item {
padding: 0 10px 8vw 0;
position: relative;
vertical-align: top;
width: calc(20% - 1px)
}
.dp-team-image-grid .dp-button-text {
font-size: 13px;
font-size: 1.3rem;
top: 3px
}
.dp-team-image-grid .dp-button-content {
text-align: left
}
}
.dp-team-grid {
margin: 0 auto;
max-width: 1366px
}
.dp-team-grid .dp-tg-wrap {
padding: 30px
}
.dp-team-grid .dp-tg-list {
list-style: none
}
.dp-team-grid .dp-tg-list li,
.dp-team-grid .dp-tg-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-team-grid .dp-tg-list li a,
.dp-team-grid .dp-tg-list .dp-list-item a {
text-decoration: none
}
.dp-team-grid .dp-tg-list li:before,
.dp-team-grid .dp-tg-list .dp-list-item:before {
content: none
}
.dp-team-grid .dp-tg-list .dp-tg-list-item {
font-size: 14px;
font-size: 1.4rem;
line-height: 45px;
text-align: center
}
.dp-team-grid .dp-tg-list .dp-tg-list-item a {
font-weight: 600;
opacity: 0.7
}
.no-touchevents .dp-team-grid .dp-tg-list .dp-tg-list-item a:hover {
opacity: 1
}
.dp-team-grid .dp-tg-list-item.is-hidden {
display: none
}
.dp-team-grid .dp-tg-list-title {
display: inline-block
}
@media screen and (min-width: 768px) {
.dp-team-grid .dp-tg-wrap {
padding: 18px 50px 50px
}
.dp-team-grid .dp-tg-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.dp-team-grid .dp-tg-list-item {
display: block;
width: 50%
}
.dp-team-grid .dp-tg-list-title {
padding-right: 20px
}
}
@media screen and (min-width: 1024px) {
.dp-team-grid .dp-tg-list-item {
width: 33.25%
}
}
@media screen and (min-width: 1366px) {
.dp-team-grid .dp-tg-list-item {
width: 25%
}
}
.dp-press-info {
border-bottom: 1px solid #EBEBEB;
padding: 40px 30px 0;
width: 100%
}
.dp-press-info .dp-pi-title {
font-size: 21px;
font-size: 2.1rem;
letter-spacing: 0.55px;
font-weight: 400;
margin-bottom: 30px
}
@media screen and (max-width: 374px) {
.dp-press-info .dp-pi-title {
font-size: 16px;
font-size: 1.6rem
}
}
.dp-press-info .dp-image-container {
max-width: 400px;
margin: 0 auto 60px
}
.dp-press-info .dp-pi-copy {
margin-bottom: 60px
}
.dp-press-info .dp-pi-image {
width: 100%
}
@media screen and (min-width: 769px) {
.dp-press-info {
border-bottom: 0;
border-right: 1px solid #EBEBEB;
padding: 60px 0;
padding-right: 5%;
width: 50%
}
}
@media screen and (min-width: 1200px) {
.dp-press-info .dp-pi-wrap {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap
}
.dp-press-info .dp-pi-copy {
width: 40%;
margin-bottom: 0
}
.dp-press-info .dp-image-container {
width: 60%;
margin-bottom: 0
}
}
.dp-subscribe-form {
padding: 62px 30px 60px;
width: 100%
}
.dp-subscribe-form .dp-form {
position: relative
}
.dp-subscribe-form__error .dp-sf-error {
display: block
}
.dp-subscribe-form__success .dp-sf-form {
display: none
}
.dp-subscribe-form__success .dp-sf-thanks {
display: block
}
.dp-subscribe-form .dp-sf-title {
font-size: 21px;
font-size: 2.1rem;
letter-spacing: 0.55px;
font-weight: 400
}
@media screen and (max-width: 374px) {
.dp-subscribe-form .dp-sf-title {
font-size: 16px;
font-size: 1.6rem
}
}
.dp-sf-wrap {
max-width: 405px
}
.dp-sf-thanks {
display: none;
margin-top: 40px;
min-height: 200px
}
.dp-sf-error {
margin: 20px 0 0 10px;
color: #980f0f;
display: none
}
.dp-sf-error span {
display: none
}
.dp-sf-error[data-error-type='server'] .dp-sf-error-server {
display: inline-block
}
.dp-sf-error[data-error-type='email'] .dp-sf-error-email {
display: inline-block
}
.dp-sf-error[data-error-type='recaptcha'] .dp-sf-error-recaptcha {
display: inline-block
}
.dp-captcha-submit {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin: 0
}
.dp-sf-loader {
background: #fff;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
.dp-sf-loader::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23b2b2b2' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23000000' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-sf-loader::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
@media screen and (min-width: 769px) {
.dp-sf-wrap {
max-width: 405px
}
.dp-subscribe-form {
border-top: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 60px 0;
padding-left: 5%;
width: 50%
}
.dp-sf-thanks {
margin-top: 120px
}
.dp-captcha-submit {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
margin-top: 30px
}
}
.dp-team-menu {
background-color: #fff;
top: 0;
width: 100%;
z-index: 1
}
.dp-team-menu .dp-tm-wrap {
box-shadow: inset 0 -1px 0 0 #F3F3F3;
margin-bottom: 0;
overflow: visible
}
.dp-team-menu .dp-section-tab {
display: none
}
.dp-team-menu .dp-tm-list-item {
display: inline-block;
margin: 0 10px 10px 0
}
.dp-team-menu .dp-select-style-1 {
padding: 0;
width: calc(100% - 60px);
margin: 0 30px;
padding: 20px 0
}
.dp-team-menu .dp-button-primary.is-active {
background: #000;
color: #fff
}
@media screen and (min-width: 769px) {
.dp-team-menu .dp-select-style-1 {
display: none
}
.dp-team-menu .dp-section-tab {
display: block;
padding: 10px 0 0
}
.dp-team-menu .dp-tm-wrap {
box-shadow: none;
padding: 0
}
}
.dp-publications {
padding-top: 74px
}
.dp-publications .dp-publication__a {
position: relative;
display: block
}
.no-touchevents .dp-publications .dp-publication__a:hover .dp-pub-link {
background: #D9D9D9
}
.dp-publications .dp-publication__a::after {
content: "";
background: rgba(0, 0, 0, 0.03);
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
transition: opacity .3s ease-in-out
}
.no-touchevents .dp-publications .dp-publication__a:hover::after {
opacity: 1
}
.dp-publications .dp-publications-header {
border-bottom: 1px solid #EBEBEB;
padding: 30px
}
.dp-publications .dp-publications-title {
margin-bottom: 5px
}
.dp-publications .dp-publications-count {
font-weight: 300;
margin-bottom: 0
}
.dp-publications .dp-publication {
border-bottom: 1px solid #EBEBEB;
position: relative
}
.dp-publications .dp-publication:last-child {
border-bottom: 0
}
.dp-publications .dp-publication:nth-last-child(2):nth-child(odd) {
border-bottom: 0
}
.dp-publications .dp-pub-img {
display: block;
padding: 40px 0 20px;
margin: 0 auto;
width: 60%
}
.dp-publications .dp-pub-copy {
padding: 0 40px 40px
}
.dp-publications .dp-pub-title {
margin-bottom: 5px
}
.dp-publications .dp-pub-subtitle {
font-weight: 300;
margin-bottom: 10px
}
.dp-publications .dp-pub-link {
display: block;
width: 30px
}
@media screen and (min-width: 768px) {
.dp-publications {
padding-top: 78px
}
.dp-publications .dp-publications-header {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 30px 48px
}
.dp-publications .dp-publications-title {
font-size: 21px;
font-size: 2.1rem;
line-height: 34px;
margin-bottom: 0
}
.dp-publications .dp-publications-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
overflow: hidden
}
.dp-publications .dp-publication {
width: 50%
}
.dp-publications .dp-publication:nth-child(odd) {
border-right: 1px solid #EBEBEB
}
.dp-publications .dp-pub-img {
padding: 44px 0 20px
}
.dp-publications .dp-h1 {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px
}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.dp-publications .dp-h1 {
font-size: 21px;
font-size: 2.1rem;
line-height: 28px;
margin-bottom: 20px
}
}
@media screen and (min-width: 768px) {
.dp-publications .dp-pub-title {
margin-bottom: 5px
}
.dp-publications .dp-pub-subtitle {
margin: 0
}
.dp-publications .dp-pub-copy {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
padding: 0 49px 44px
}
.dp-publications .dp-pub-copy>div:first-child {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1
}
}
.dp-downloads-list {
list-style: none;
padding: 0 30px 40px;
background: #FAFAFA
}
.dp-downloads-list li,
.dp-downloads-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-downloads-list li a,
.dp-downloads-list .dp-list-item a {
text-decoration: none
}
.dp-downloads-list li:before,
.dp-downloads-list .dp-list-item:before {
content: none
}
.dp-downloads-list .dp-dl-title {
padding: 40px 0 16px;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-downloads-list {
padding: 0 48px 86px
}
}
.dp-links-download {
border-top: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.dp-links-download>li {
width: 100%;
margin: 0 auto
}
.dp-links-download>li:nth-child(1) {
border-top: solid 1px rgba(0, 0, 0, 0.1)
}
.dp-links-download>li .dp-events-item__title {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
margin-bottom: 5px
}
@media screen and (min-width: 1024px) {
.dp-links-download>li {
margin: 0;
width: calc(50% - 19px)
}
.dp-links-download>li:nth-child(1),
.dp-links-download>li:nth-child(2) {
border-top: solid 1px rgba(0, 0, 0, 0.1)
}
.dp-links-download>li:nth-child(2n+1) {
margin-right: 19px
}
.dp-links-download>li:nth-child(2n) {
margin-left: 19px
}
}
.dp-links-download>li .dp-events-item__size {
font-size: 12px;
font-size: 1.2rem;
color: #7E7E7E;
line-height: 18px;
display: block
}
.dp-modular-components .dp-links-download {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin-bottom: 40px
}
@media screen and (min-width: 768px) {
.dp-modular-components .dp-links-download {
margin-bottom: 50px
}
}
.dp-modular-components .dp-links-download>li {
width: calc(100% - 60px);
margin: 0 auto
}
.dp-modular-components .dp-links-download>li:nth-child(1) {
border-top: solid 1px rgba(0, 0, 0, 0.1)
}
@media screen and (min-width: 768px) {
.dp-modular-components .dp-links-download>li {
margin: 0 auto;
max-width: 620px;
width: 100%
}
.dp-modular-components .dp-links-download>li:nth-child(2) {
border-top: 0
}
.dp-modular-components .dp-links-download>li:nth-child(2n+1) {
margin-right: auto
}
.dp-modular-components .dp-links-download>li:nth-child(2n) {
margin-left: auto
}
}
.dp-links-download-title {
margin: 0 30px 20px;
line-height: 29px
}
@media screen and (min-width: 768px) {
.dp-links-download-title {
font-size: 16px;
font-size: 1.6rem;
margin: 0 auto 20px;
max-width: 620px;
width: 100%
}
}
.dp-disciplines {
background-color: #fff
}
.dp-disciplines .dp-disciplines-description {
padding: 0 30px 40px
}
.dp-disciplines .dp-disciplines-description h1,
.dp-disciplines .dp-disciplines-description h2,
.dp-disciplines .dp-disciplines-description h3,
.dp-disciplines .dp-disciplines-description h4,
.dp-disciplines .dp-disciplines-description h5 {
margin-bottom: 10px
}
@media screen and (min-width: 768px) {
.dp-disciplines .dp-disciplines-description h1,
.dp-disciplines .dp-disciplines-description h2,
.dp-disciplines .dp-disciplines-description h3,
.dp-disciplines .dp-disciplines-description h4,
.dp-disciplines .dp-disciplines-description h5 {
margin-bottom: 10px
}
}
.dp-disciplines .dp-disciplines-description p:last-child {
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-disciplines .dp-disciplines-description {
margin: 0 auto;
max-width: 620px;
padding: 0 46px 80px
}
}
.dp-disciplines .dp-projects {
padding-top: 4px
}
.dp-disciplines .dp-footer {
background-color: #FFFFFF
}
.dp-disciplines .dp-project-main {
display: block;
width: 100%;
height: calc(100vh - 125px);
position: relative;
overflow: hidden
}
.dp-disciplines .dp-project-main::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
z-index: 10;
opacity: .7;
transition: opacity 1s
}
.dp-disciplines .dp-project-main.gradient-disabled::after {
opacity: 0
}
.dp-disciplines .dp-pm-hero-image {
width: 100%;
position: relative;
height: 100%
}
.dp-disciplines .dp-pm-hero-image>.dp-spacer {
width: 100%;
padding-top: 37.2905027933%
}
.dp-disciplines .dp-pm-hero-image>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.left-top,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.left-centre,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.left-bottom,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.centre-top,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.centre-centre,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.centre-bottom,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.right-top,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.right-centre,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-content>.dp-content__img.right-bottom,
.dp-disciplines .dp-pm-hero-image>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-disciplines .dp-pm-hero-image>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-disciplines .dp-pm-hero-image .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-disciplines .dp-pm-hero-image .dp-content__img.is-blurred {
opacity: 0
}
.dp-disciplines .dp-pm-hero-image:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-disciplines .dp-pm-hero-image.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-disciplines .dp-pm-hero-image.is-loaded.no-gradient::after {
display: none
}
.dp-disciplines .dp-pm-hero-image:hover.is-loaded::after {
opacity: .8
}
.dp-disciplines .dp-pm-hero-image.is-loaded .dp-spacer::after {
content: none !important
}
.dp-disciplines .dp-pm-hero-image .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-disciplines .dp-pm-hero-image .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-disciplines .dp-pm-hero-image.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-disciplines .dp-pm-hero-image.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-disciplines .dp-pm-hero-image .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-disciplines .dp-pm-hero-image .dp-dominant-colour,
.page.entering .dp-disciplines .dp-pm-hero-image .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-disciplines .dp-project-main__title {
color: #fff;
position: absolute;
bottom: 20px;
left: 30px;
z-index: 100;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-disciplines .dp-project-main__title {
bottom: 30px;
left: 48px
}
}
.dp-disciplines .is-loaded .dp-project-main__title {
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
.dp-disciplines .dp-universal-grid {
background: #000
}
.dp-discipline-carousel {
width: 100%;
position: relative
}
@media screen and (min-width: 768px) {
.dp-discipline-carousel {
max-width: 1466px;
padding: 0 31px;
margin: 0 auto
}
}
.dp-discipline-carousel .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
.dp-discipline-carousel .slick-initialized .slick-slide {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: auto;
float: none
}
.dp-dc-title {
padding: 10px 30px 20px;
margin-bottom: 0;
font-size: 16px;
font-size: 1.6rem
}
@media screen and (min-width: 768px) {
.dp-dc-title {
padding: 50px 19px 20px;
font-size: 21px;
font-size: 2.1rem
}
}
.dp-dc-list-wrapper {
width: 100%;
position: relative
}
.dp-dc-list {
width: auto;
display: -webkit-box;
display: -webkit-flex;
display: flex;
opacity: 0;
transition: opacity .7s
}
.dp-dc-list.slick-initialized {
opacity: 1
}
@media screen and (min-width: 768px) {
.dp-dc-list .dp-dc-list__item {
padding: 0 19px
}
}
.dp-dc-list .dp-dc-content {
width: 100%;
background: #000000;
height: 100%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column
}
.dp-dc-list .dp-dc-background-colour {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
transition: -webkit-filter 1s;
transition: filter 1s;
transition: filter 1s, -webkit-filter 1s;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
html:not(.browser-safari) .dp-dc-list .dp-dc-content:hover .dp-dc-background-colour {
-webkit-filter: contrast(100%) brightness(85%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(85%) saturate(0.3) sepia(5%)
}
.dp-dc-list-wrapper .slick-dots {
list-style: none;
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row
}
.dp-dc-list-wrapper .slick-dots li,
.dp-dc-list-wrapper .slick-dots .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-dc-list-wrapper .slick-dots li a,
.dp-dc-list-wrapper .slick-dots .dp-list-item a {
text-decoration: none
}
.dp-dc-list-wrapper .slick-dots li:before,
.dp-dc-list-wrapper .slick-dots .dp-list-item:before {
content: none
}
.dp-dc-list-wrapper .slick-dots>li {
width: 28px;
height: 20px;
display: inline-block;
margin: 0 3px;
padding: 0;
opacity: .3;
transition: opacity .5s;
position: relative
}
.dp-dc-list-wrapper .slick-dots>li:hover {
opacity: .8
}
.dp-dc-list-wrapper .slick-dots>li.slick-active {
opacity: 1
}
.dp-dc-list-wrapper .slick-dots>li>button {
margin: 0;
padding: 0;
border: 0;
background: transparent;
overflow: hidden;
width: 100%;
height: 20px;
display: block;
font-size: 1px;
text-indent: -200px;
position: relative;
cursor: pointer;
-webkit-appearance: none
}
.dp-dc-list-wrapper .slick-dots .dp-arc-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
z-index: -1
}
.dp-dc-content__image {
position: relative;
z-index: 100
}
.dp-dc-content__image::before {
display: block;
content: '';
width: 100%;
padding-top: 56.2711864407%
}
.dp-dc-content__image>.dp-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
@media screen and (min-width: 768px) {
.dp-dc-content__image {
position: relative
}
.dp-dc-content__image::before {
display: block;
content: '';
width: 100%;
padding-top: 56.2580645161%
}
.dp-dc-content__image>.dp-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
}
.dp-dc-content__image>.dp-content {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.dp-dc-content__copy {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding: 20px 0;
margin: auto 30px;
z-index: 100
}
@media screen and (min-width: 768px) {
.dp-dc-content__copy {
padding: 30px 0
}
}
.dp-dc-content__copy .dp-dc-content__copy-subtitle {
font-size: 12px;
font-size: 1.2rem;
color: #fff
}
.dp-dc-content__copy .dp-dc-content__copy-subtitle:empty {
height: 19px
}
.dp-dc-content__copy .dp-dc-content__copy-title {
color: #fff;
font-size: 16px;
font-size: 1.6rem;
margin: 0
}
@media screen and (min-width: 768px) {
.dp-dc-content__copy .dp-dc-content__copy-title {
font-size: 19px;
font-size: 1.9rem;
margin-bottom: 0;
line-height: 24px
}
}
.dp-dc-dots {
padding: 20px 0 40px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.dp-dc-dots__item {
width: 21px;
height: 20px;
display: inline-block;
margin: 0 3px;
padding: 0;
opacity: .3
}
.dp-dc-dots__item.is-active {
opacity: 1
}
.dp-dc-dots__button {
margin: 0;
padding: 0;
border: 0;
background: transparent;
overflow: hidden;
width: 20px;
height: 20px;
display: block;
font-size: 1px;
text-indent: -20px;
position: relative;
cursor: pointer
}
.dp-dc-dots__button::after {
content: '';
background: #000;
position: absolute;
left: 50%;
top: 50%;
width: 4px;
height: 4px;
border-radius: 100%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.dp-dc-arrow {
position: absolute;
height: auto;
width: 150px;
top: 0;
bottom: 35%;
z-index: 200;
opacity: 0;
display: none
}
@media screen and (max-width: 767px) {
.dp-dc-arrow {
display: none
}
}
.dp-dc-arrow.is-left {
left: 0
}
.dp-dc-arrow.is-right {
right: 0
}
.dp-dc-arrow:hover+.dp-dc-go {
opacity: 1
}
.dp-dc-go {
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 30px;
height: 30px;
padding: 0;
border: 0;
border-radius: 50%;
cursor: pointer;
background: #FFFFFF;
z-index: 210;
opacity: 0;
display: none
}
.dp-dc-go:hover {
opacity: 1
}
@media screen and (max-width: 767px) {
.dp-dc-go {
display: none
}
}
.dp-dc-go>.icon_i {
display: block;
width: 100%;
height: 100%;
background: url(../images/icons/chevron-small-right.svg?v=2617) center center no-repeat transparent;
background-size: 25%
}
.dp-dc-go.is-right {
right: 100px
}
.dp-dc-go.is-left {
left: 100px
}
.dp-dc-go.is-left>.icon_i {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1)
}
.dp-footer-lazy-load {
background-color: #fff;
display: block;
height: 88px;
position: relative;
display: none
}
.dp-footer-lazy-load.disabled {
display: none
}
.dp-footer-lazy-load .dp-fll-count {
display: inline-block;
margin-right: 5px
}
.dp-footer-lazy-load .dp-fll-title {
color: #000;
left: 50%;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 0;
padding: 0 20px;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
top: 50%
}
@media screen and (min-width: 768px) {
.dp-footer-lazy-load {
height: 135px
}
}
.dp-lazy-load-image {
opacity: 0;
transition: opacity .6s
}
.dp-lazy-load-image.dp-lazy-loaded-image {
opacity: 1
}
.dp-cookie-bar {
background: #000;
bottom: 0;
color: #fff;
display: none;
left: 0;
position: fixed;
width: 100%;
z-index: 400
}
.dp-cookie-bar .fm-cookie-copy {
padding: 20px 0 20px 30px;
width: 80%
}
.dp-cookie-bar p {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 22px;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-cookie-bar p {
font-size: 12px;
font-size: 1.2rem
}
}
.dp-cookie-bar a {
color: #fff;
font-weight: 600;
text-decoration: underline
}
.dp-cookie-bar .dp-cookie-close {
border: 0;
min-width: 0;
padding: 0;
position: absolute;
right: 30px;
top: 17%;
width: 20px
}
.dp-show-cookie .dp-cookie-bar {
display: block
}
@media screen and (min-width: 769px) {
.dp-cookie-bar {
background: #000;
border-radius: 20px;
bottom: 30px;
left: auto;
right: 45px;
width: 410px
}
.dp-cookie-bar .fm-cookie-copy {
padding: 20px 40px 20px 25px;
width: 100%
}
.dp-cookie-bar .dp-cookie-close {
top: 15%;
right: 25px
}
.dp-cookie-not-accepted .dp-cookie-bar {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
}
.dp-tile-page {
color: #000;
overflow: hidden
}
.dp-tile-page .dp-tp-hero {
position: relative;
height: 60vh;
overflow: hidden
}
@media screen and (min-width: 768px) {
.dp-tile-page .dp-tp-hero {
height: 73vh
}
}
.dp-tile-page .dp-tp-hero-img {
width: 100%;
position: relative;
height: 100%
}
.dp-tile-page .dp-tp-hero-img>.dp-spacer {
width: 100%;
padding-top: 56.2408223201%
}
.dp-tile-page .dp-tp-hero-img>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.left-top,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.left-centre,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.left-bottom,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.centre-top,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.centre-centre,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.centre-bottom,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.right-top,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.right-centre,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-content>.dp-content__img.right-bottom,
.dp-tile-page .dp-tp-hero-img>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-tile-page .dp-tp-hero-img>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-tile-page .dp-tp-hero-img .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-tile-page .dp-tp-hero-img .dp-content__img.is-blurred {
opacity: 0
}
.dp-tile-page .dp-tp-hero-img:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-tile-page .dp-tp-hero-img.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-tile-page .dp-tp-hero-img.is-loaded.no-gradient::after {
display: none
}
.dp-tile-page .dp-tp-hero-img:hover.is-loaded::after {
opacity: .8
}
.dp-tile-page .dp-tp-hero-img.is-loaded .dp-spacer::after {
content: none !important
}
.dp-tile-page .dp-tp-hero-img .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-tile-page .dp-tp-hero-img .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-tile-page .dp-tp-hero-img.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-tile-page .dp-tp-hero-img.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-tile-page .dp-tp-hero-img .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-tile-page .dp-tp-hero-img .dp-dominant-colour,
.page.entering .dp-tile-page .dp-tp-hero-img .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-tile-page .dp-tp-intro {
border-bottom: 1px solid #EBEBEB
}
.dp-tile-page .dp-tp-intro .dp-tp-intro-content {
padding: 40px 30px 30px;
text-align: left
}
@media screen and (min-width: 768px) {
.dp-tile-page .dp-tp-intro .dp-tp-intro-content {
margin: 0 auto;
padding: 82px 0 30px;
text-align: center;
width: 620px
}
}
.dp-tile-page .dp-tp-intro .dp-tp-intro-content p {
font-size: 16px;
font-size: 1.6rem;
line-height: 29px;
margin-bottom: 0px;
font-weight: 300
}
@media screen and (min-width: 768px) {
.dp-tile-page .dp-tp-intro .dp-tp-intro-content p {
font-size: 16px;
font-size: 1.6rem;
line-height: 29px;
margin-bottom: 0px
}
}
.dp-tile-page .dp-tp-intro .dp-tp-intro-link {
padding: 0 30px 40px;
text-align: left
}
@media screen and (min-width: 768px) {
.dp-tile-page .dp-tp-intro .dp-tp-intro-link {
text-align: center;
padding-bottom: 80px;
padding-left: 0
}
}
@media screen and (min-width: 768px) {
.dp-tile-page .dp-tp-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap
}
}
.dp-not-found {
height: 100vh;
width: 100%;
position: relative
}
.dp-not-found .dp-nf-background {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
display: block
}
.dp-not-found .dp-nf-copy {
color: #fff;
text-align: center;
position: absolute;
top: 91px;
width: 100%
}
.dp-not-found h1 {
margin: 0 auto 15px;
max-width: 315px
}
.dp-not-found p {
margin: 0 auto 20px;
max-width: 295px
}
.dp-not-found .dp-nf-links {
margin: 0 auto;
max-width: 340px;
text-align: center
}
.dp-not-found .dp-nf-link {
margin-bottom: 10px
}
@media screen and (min-width: 768px) {
.dp-not-found .dp-nf-copy {
top: 147px
}
.dp-not-found h1 {
font-size: 29px;
font-size: 2.9rem;
line-height: 35px;
margin-bottom: 20px;
max-width: 500px
}
.dp-not-found p {
margin-bottom: 30px;
max-width: 500px
}
.dp-not-found .dp-nf-links {
max-width: 550px
}
}
.dp-partner {
padding-top: 74px
}
@media screen and (min-width: 769px) {
.dp-partner {
padding-top: 78px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
}
@media screen and (min-width: 769px) {
.dp-partner .dp-pt-col-left,
.dp-partner .dp-pt-col-right {
min-height: calc(100vh - 78px);
position: relative;
width: 50%
}
}
.dp-partner .dp-pt-col-left {
max-height: calc(80vh - 74px);
padding: 0 0 40px
}
@media screen and (min-width: 769px) {
.dp-partner .dp-pt-col-left {
left: 0;
margin: 0;
max-height: calc(80vh - 78px);
padding: 0;
position: fixed;
text-align: center;
top: 78px
}
}
.dp-partner .dp-pt-col-right {
padding: 18px 30px 40px
}
@media screen and (min-width: 769px) {
.dp-partner .dp-pt-col-right {
padding: 0 0 70px
}
}
@media screen and (min-width: 769px) {
.dp-partner .dp-pt-item-content {
margin: 7vh auto 0;
max-width: 600px;
padding: 0 60px
}
}
.dp-partner .dp-pt-img {
display: block;
max-height: calc(80vh - 74px);
-o-object-fit: contain;
object-fit: contain;
padding: 0 0 10px;
width: 100%
}
@media screen and (max-width: 768px) {
.browser-internetexplorer .dp-partner .dp-pt-img {
max-height: none
}
}
@media screen and (min-width: 769px) {
.dp-partner .dp-pt-img {
left: 50%;
max-height: calc(100vh - 78px);
padding: 0;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto
}
}
.dp-partner .dp-pt-name {
margin-bottom: 5px
}
@media screen and (min-width: 769px) {
.dp-partner .dp-pt-name {
line-height: 39px;
margin-bottom: 20px
}
}
.dp-partner .dp-pt-subtitle {
font-size: 14px;
font-size: 1.4rem;
line-height: 22px;
margin-bottom: 10px
}
@media screen and (min-width: 769px) {
.dp-partner .dp-pt-subtitle {
margin-bottom: 15px
}
}
.dp-partner .dp-pt-title {
display: block
}
.dp-partner .dp-pt-role {
display: inline-block
}
.dp-partner .dp-pt-role:before {
content: '-';
display: inline-block;
margin-right: 4px
}
.dp-partner .dp-pt-qualification {
display: block
}
.dp-partner .dp-pt-projects-title {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px;
margin-bottom: 24px
}
@media screen and (min-width: 768px) {
.dp-partner .dp-pt-projects-title {
font-size: 21px;
font-size: 2.1rem;
line-height: 28px;
margin-bottom: 20px
}
}
.dp-partner .dp-pt-short-bio {
border-bottom: solid 1px rgba(0, 0, 0, 0.12);
margin-bottom: 30px
}
.dp-partner .dp-pt-short-bio p:first-child {
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 29px
}
.dp-partner .dp-pt-full-bio {
overflow: hidden
}
.dp-partner .dp-pt-ctas {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin-bottom: 40px
}
.dp-partner .dp-pt-expand {
margin-bottom: 20px
}
@media screen and (min-width: 769px) {
.dp-partner .dp-pt-expand {
display: none
}
}
@media screen and (min-width: 769px) {
.dp-partner .dp-st-wrap {
width: 64%
}
}
.dp-partner .dp-list-secondary {
margin-bottom: 0
}
.dp-partner .dp-section-tab {
height: 100px
}
.dp-partner .dp-projects-content {
padding-top: 10px
}
@media screen and (min-width: 769px) {
.dp-partner .dp-projects-content {
padding-top: 20px
}
}
.dp-partner .dp-list-link {
opacity: 0
}
.dp-partner .dp-pt-col-left {
opacity: 0;
-webkit-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
transition: opacity .4s, -webkit-transform .4s;
transition: opacity .4s, transform .4s;
transition: opacity .4s, transform .4s, -webkit-transform .4s
}
.dp-partner .dp-pt-col-right {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
transition: opacity .4s, -webkit-transform .4s;
transition: opacity .4s, transform .4s;
transition: opacity .4s, transform .4s, -webkit-transform .4s
}
.animate-overlay-content .dp-partner .dp-pt-col-left,
.animate-overlay-content .dp-partner .dp-pt-col-right,
.dp-partner.show .dp-pt-col-left,
.dp-partner.show .dp-pt-col-right {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.animate-overlay-content .dp-partner .dp-pt-col-left,
.dp-partner.show .dp-pt-col-left {
transition: opacity .7s ease-in-out, -webkit-transform .7s ease-in-out;
transition: opacity .7s ease-in-out, transform .7s ease-in-out;
transition: opacity .7s ease-in-out, transform .7s ease-in-out, -webkit-transform .7s ease-in-out
}
.animate-overlay-content .dp-partner .dp-pt-col-right,
.dp-partner.show .dp-pt-col-right {
transition: opacity 1s ease-in-out .4s, -webkit-transform 1s ease-in-out .4s;
transition: opacity 1s ease-in-out .4s, transform 1s ease-in-out .4s;
transition: opacity 1s ease-in-out .4s, transform 1s ease-in-out .4s, -webkit-transform 1s ease-in-out .4s
}
@media screen and (orientation: landscape),
screen and (max-width: 1025px) {
.is-ios .dp-partner {
display: block
}
.is-ios .dp-partner .dp-pt-col-left,
.is-ios .dp-partner .dp-pt-col-right {
width: 100%;
max-width: 650px;
margin: 0 auto
}
.is-ios .dp-partner .dp-pt-col-left {
position: static;
height: 100%;
min-height: unset
}
.is-ios .dp-partner .dp-pt-img {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.dp-carousel-list .slick-slide {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.dp-carousel-list .slick-prev,
.dp-carousel-list .slick-next {
border: none;
bottom: 0;
cursor: pointer;
font-size: 0;
height: 20px;
padding: 0;
position: absolute;
width: 12px;
z-index: 1
}
.dp-carousel-list .slick-prev.slick-disabled,
.dp-carousel-list .slick-next.slick-disabled {
display: none !important
}
.dp-carousel-list .dp-cl-row {
padding-bottom: 60px
}
.dp-carousel-list .slick-prev {
background: url(../images/icons/chevron-left.svg?v=2617) no-repeat center center/contain;
left: 0
}
.dp-carousel-list .slick-next {
background: url(../images/icons/chevron-right.svg?v=2617) no-repeat center center/contain;
left: 30px
}
@media screen and (max-width: 768px) {
.dp-carousel-list .dp-cl-row {
padding-bottom: 0
}
.dp-carousel-list .dp-cl-row:last-child .dp-list-link:last-child {
border-bottom: solid 1px #000
}
.dp-carousel-list .dp-links-primary .dp-list-link:last-child {
border-bottom: none
}
}
@media screen and (min-width: 768px) {
.dp-carousel-list .dp-cl-row:last-child .dp-list-link:last-child {
border-color: rgba(0, 0, 0, 0.2)
}
}
.dp-page-overlay {
background-color: #fff;
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1
}
.dp-page-overlay::-webkit-scrollbar {
display: none
}
.dp-page-overlay .dp-po-wrapper {
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
position: relative
}
.dp-page-overlay .dp-po-btn-close {
position: absolute;
right: 31px;
top: 22px;
z-index: 1;
opacity: 0
}
.dp-page-overlay .dp-button-icon.icon-close.theme-white {
opacity: 0;
transition: opacity .3s
}
.dp-page-overlay .dp-button-icon.icon-close.theme-white .icon__i {
opacity: 0;
transition: opacity .3s
}
.dp-page-overlay.animate-overlay-content .dp-button-icon.icon-close.theme-white {
opacity: 1
}
.dp-page-overlay.animate-overlay-content .dp-button-icon.icon-close.theme-white .icon__i {
opacity: 1
}
.dp-page-overlay.is-dark {
background-color: #000
}
@media screen and (min-width: 768px) {
.dp-page-overlay .dp-po-btn-close {
right: 30px;
top: 30px
}
}
.dp-modular-page {
padding-top: 74px
}
.dp-modular-page .dp-modular-title {
margin-bottom: 0;
padding: 30px
}
.dp-modular-page .dp-modular-content {
width: 100%
}
.dp-modular-page .dp-rich-text:first-of-type p:first-child {
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 29px
}
.dp-modular-page .dp-mp-table-wrap {
overflow-y: auto
}
.theme-black .dp-modular-page {
padding-top: 0
}
@media screen and (min-width: 768px) {
.dp-modular-page {
padding-top: 78px;
margin-bottom: 80px
}
.dp-modular-page .dp-modular-title {
font-size: 21px;
font-size: 2.1rem;
padding: 30px 48px
}
}
.dp-quote {
padding: 0;
margin-bottom: 40px;
text-align: left
}
@media screen and (min-width: 768px) {
.dp-quote {
margin-bottom: 50px
}
}
@media screen and (min-width: 768px) {
.dp-quote__block {
line-height: 24px
}
}
.dp-quote__author {
margin-bottom: 5px
}
.dp-quote__source {
margin-bottom: 0
}
.modularpage .dp-quote,
.contentmodularpage .dp-quote {
margin: 0 30px 40px
}
@media screen and (min-width: 768px) {
.modularpage .dp-quote,
.contentmodularpage .dp-quote {
margin: 0 auto 40px
}
}
.dp-image {
margin: 0 auto 40px;
width: 100%
}
@media screen and (min-width: 768px) {
.dp-image {
margin: 80px auto;
padding: 0 48px;
max-width: calc(1270px + 48px * 2)
}
}
.dp-image .dp-mod-img {
width: 100%
}
.dp-rich-text {
margin: 0 30px 40px
}
.dp-rich-text ul,
.dp-rich-text ol {
margin-bottom: 40px
}
.dp-rich-text ul ul,
.dp-rich-text ul ol,
.dp-rich-text ol ul,
.dp-rich-text ol ol {
margin-bottom: 0
}
.dp-rich-text p:last-child {
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-rich-text {
padding: 0 30px;
margin: 0 auto 50px;
max-width: 680px
}
.dp-rich-text.dp-two-cols {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-fill: balance;
column-fill: balance;
-webkit-column-gap: 3vw;
column-gap: 3vw;
max-width: 1054px
}
}
.dp-router-tile {
border-top: 4px solid #EBEBEB;
padding: 40px
}
.dp-router-tile .dp-router-title {
margin-bottom: 40px
}
.dp-router-tile .dp-footer-routing {
padding: 0
}
@media screen and (min-width: 768px) {
.dp-router-tile {
border-right: 4px solid #EBEBEB;
padding: 48px 40px;
width: 50%
}
}
.dp-media-tile {
border-top: 1px solid #EBEBEB;
position: relative;
width: 100%
}
.dp-media-tile .dp-media-tile__a {
display: block;
padding: 37px 30px
}
.no-touchevents .dp-media-tile .dp-media-tile__a:hover .dp-media-title_btn {
transition: background-color .3s ease-in-out, color .3s ease-in-out;
background: #D9D9D9;
color: #000
}
.dp-media-tile .dp-media-tile__a::after {
content: "";
background: rgba(0, 0, 0, 0.03);
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
transition: opacity .7s ease-in-out
}
.no-touchevents .dp-media-tile .dp-media-tile__a:hover::after {
opacity: 1
}
.dp-media-tile .dp-media-header {
margin-bottom: 15px;
position: relative
}
.dp-media-tile .dp-media-title_btn {
margin-bottom: 16px
}
.dp-media-tile .dp-media-link,
.dp-media-tile .dp-media-title {
vertical-align: middle
}
.dp-media-tile .dp-media-title {
font-size: 19px;
font-size: 1.9rem
}
@media screen and (min-width: 768px) {
.dp-media-tile .dp-media-title {
font-size: 21px;
font-size: 2.1rem
}
}
.dp-media-tile .dp-media-content {
margin: 0 auto;
width: 100%
}
.dp-media-tile .dp-media-image,
.dp-media-tile .dp-media-video {
width: 100%
}
.dp-media-tile .dp-hide {
display: none
}
@media screen and (min-width: 769px) {
.dp-media-tile {
border-top: 0;
border-bottom: 1px solid #EBEBEB;
width: 50%
}
.dp-media-tile:nth-child(odd) {
border-right: 1px solid #EBEBEB
}
.dp-media-tile .dp-media-title {
display: inline
}
.dp-media-tile .dp-media-title_btn {
margin-bottom: 0;
position: absolute;
right: 0
}
.dp-media-tile .dp-media-tile__a {
padding: 43px 48px
}
.dp-media-tile .dp-media-header {
margin-bottom: 36px
}
}
.dp-footer {
border-top: 1px solid #EBEBEB;
padding: 30px 0 0
}
.dp-footer .dp-footer-columns {
padding: 0 30px
}
.dp-footer .dp-footer-column {
border-bottom: 1px solid #EBEBEB;
padding-bottom: 20px;
opacity: 0
}
.dp-footer .dp-footer-column:not(:last-child) {
margin-bottom: 20px
}
.dp-footer .dp-footer-header {
position: relative
}
.dp-footer .dp-fh-title {
font-size: 12px;
font-size: 1.2rem;
font-weight: 600;
line-height: 22px;
text-decoration: none;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.dp-footer .dp-fh-title {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.58px
}
}
.dp-footer .dp-fh-chevron {
background: url(../images/icons/chevron-down.svg?v=2617) no-repeat center center;
background-size: 10px 5px;
height: 5px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px
}
.dp-footer .dp-footer-links {
height: 0;
overflow: hidden
}
.dp-footer .dp-footer-links>.dp-footer-link:first-child {
margin-top: 10px
}
.dp-footer .dp-footer-links>.dp-footer-link:last-child {
margin-bottom: 10px
}
.dp-footer .dp-footer-link-container {
line-height: 34px
}
.dp-footer .dp-footer-link-container:first-child {
margin-top: 10px
}
.dp-footer .dp-footer-link {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 22px;
text-decoration: none;
opacity: .7
}
@media screen and (min-width: 768px) {
.dp-footer .dp-footer-link {
font-size: 12px;
font-size: 1.2rem;
line-height: 30px
}
}
.no-touchevents .dp-footer .dp-footer-link:hover {
opacity: 1
}
.dp-footer .dp-footer-lower {
padding: 30px 30px 20px;
opacity: 0
}
.dp-footer .dp-footer-copyright {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 22px;
text-decoration: none;
display: block;
margin-bottom: 10px;
max-width: 220px
}
@media screen and (min-width: 768px) {
.dp-footer .dp-footer-copyright {
font-size: 12px;
font-size: 1.2rem;
line-height: 30px
}
}
@media screen and (min-width: 480px) {
.dp-footer .dp-footer-copyright {
max-width: none
}
}
.dp-footer .dp-footer-hygine {
border-bottom: 1px solid #EBEBEB;
padding-bottom: 20px;
margin-bottom: 23px
}
.dp-footer .dp-hygine-link {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 22px;
text-decoration: none;
color: #000;
margin-right: 30px
}
@media screen and (min-width: 768px) {
.dp-footer .dp-hygine-link {
font-size: 12px;
font-size: 1.2rem;
line-height: 30px
}
}
.dp-footer .dp-hygine-link+.dp-hygine-link::before {
background: #000;
content: '';
display: inline-block;
height: 15px;
position: relative;
opacity: .7;
right: 18px;
top: 4px;
width: 1px
}
@media screen and (min-width: 1024px) {
.dp-footer {
border-top: 1px solid #EBEBEB;
padding: 50px 0 0
}
.dp-footer .dp-footer-columns {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0;
margin: 0 48px
}
.dp-footer .dp-footer-column {
border: 0;
height: auto;
margin-bottom: 0;
padding-bottom: 0;
width: 25%
}
.dp-footer .dp-footer-header {
padding-bottom: 0px;
margin-bottom: 5px
}
.dp-footer:not(:last-child) .dp-footer-header {
border-bottom: 0
}
.dp-footer .dp-footer-link-container:first-child {
margin-top: 0
}
.dp-footer .dp-fh-chevron {
display: none
}
.dp-footer .dp-footer-links {
height: auto
}
.dp-footer .dp-footer-links>.dp-footer-link:first-child {
margin-top: 0
}
.dp-footer .dp-footer-links>.dp-footer-link:last-child {
margin-bottom: 0
}
.dp-footer .dp-footer-link {
margin-bottom: 7px
}
.dp-footer .dp-hygine-link {
opacity: .7
}
.no-touchevents .dp-footer .dp-hygine-link:hover {
opacity: 1
}
.dp-footer .dp-footer-lower {
border-top: 1px solid #EBEBEB;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 0;
margin: 0 48px
}
.dp-footer .dp-footer-copyright {
opacity: 0.7;
margin: 0 30px 0 0;
max-width: none;
display: inline-block;
border-right: 1px solid #EBEBEB;
padding-right: 30px
}
.dp-footer .dp-footer-hygine {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0
}
.dp-footer .dp-hygine-link+.dp-hygine-link::before {
right: 15px
}
.dp-footer .dp-footer-hygine,
.dp-footer .dp-footer-social {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex
}
}
.dp-universal-grid .dp-grid {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
overflow: hidden;
list-style: none
}
.dp-universal-grid .dp-grid li,
.dp-universal-grid .dp-grid .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-universal-grid .dp-grid li a,
.dp-universal-grid .dp-grid .dp-list-item a {
text-decoration: none
}
.dp-universal-grid .dp-grid li:before,
.dp-universal-grid .dp-grid .dp-list-item:before {
content: none
}
.dp-universal-grid .dp-grid__item {
max-height: none;
width: 100%;
overflow: hidden;
will-change: transform;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
transition: opacity .9s, -webkit-transform .9s ease-in-out;
transition: transform .9s ease-in-out, opacity .9s;
transition: transform .9s ease-in-out, opacity .9s, -webkit-transform .9s ease-in-out;
margin-bottom: 1px;
width: 100%;
position: relative
}
@media screen and (min-width: 768px) {
.dp-universal-grid .dp-grid__item {
width: 50%;
max-height: 383px
}
.dp-universal-grid .dp-grid__item:nth-child(2n) {
width: calc(50% - .5px);
margin-left: .5px
}
.dp-universal-grid .dp-grid__item:nth-child(2n+1) {
width: calc(50% - .5px);
margin-right: .5px
}
.dp-universal-grid .dp-grid__item.dp-grid-item__single {
max-height: none;
width: 100%
}
.dp-universal-grid .dp-grid__item.dp-grid-item__single:nth-child(2n) {
width: 100%;
margin-left: 0
}
.dp-universal-grid .dp-grid__item.dp-grid-item__single:nth-child(2n+1) {
width: 100%;
margin-right: 0
}
}
.dp-universal-grid .dp-grid__item.is-hidden {
-webkit-transform: translate3d(0, 35%, 0);
transform: translate3d(0, 35%, 0);
opacity: 0
}
.dp-universal-grid .dp-grid__item.is-collapsed {
display: none
}
.dp-universal-grid .dp-grid__item>.dp-spacer {
width: 100%;
padding-top: 56.2408223201%
}
.dp-universal-grid .dp-grid__item>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.left-top,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.left-centre,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.left-bottom,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.centre-top,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.centre-centre,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.centre-bottom,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.right-top,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.right-centre,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-content>.dp-content__img.right-bottom,
.dp-universal-grid .dp-grid__item>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-universal-grid .dp-grid__item>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-universal-grid .dp-grid__item .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-universal-grid .dp-grid__item .dp-content__img.is-blurred {
opacity: 0
}
.dp-universal-grid .dp-grid__item:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-universal-grid .dp-grid__item.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-universal-grid .dp-grid__item.is-loaded.no-gradient::after {
display: none
}
.dp-universal-grid .dp-grid__item:hover.is-loaded::after {
opacity: .8
}
.dp-universal-grid .dp-grid__item.is-loaded .dp-spacer::after {
content: none !important
}
.dp-universal-grid .dp-grid__item .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 30px;
left: calc(50% - 15px);
top: calc(50% - 15px);
width: 30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-universal-grid .dp-grid__item .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-universal-grid .dp-grid__item.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-universal-grid .dp-grid__item.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-universal-grid .dp-grid__item .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-universal-grid .dp-grid__item .dp-dominant-colour,
.page.entering .dp-universal-grid .dp-grid__item .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-universal-grid .dp-grid__item .dp-content-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
z-index: 200
}
.dp-universal-grid .dp-grid__item .dp-content-header__wrapper {
margin: 0 30px 20px
}
@media screen and (min-width: 768px) {
.dp-universal-grid .dp-grid__item .dp-content-header__wrapper {
margin: 0 48px 30px
}
}
.dp-universal-grid .dp-grid__item .dp-content-header__subtitle {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
line-height: 17px;
color: #fff;
display: block
}
.dp-universal-grid .dp-grid__item .dp-content-header__title {
display: block;
font-size: 19px;
font-size: 1.9rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
color: #fff
}
@media screen and (min-width: 1024px) {
.dp-universal-grid .dp-grid__item .dp-content-header__title {
font-size: 21px;
font-size: 2.1rem;
line-height: 34px
}
}
.dp-universal-grid .dp-grid__item .dp-content-header__subtitle,
.dp-universal-grid .dp-grid__item .dp-content-header__title {
transition: text-shadow 1s
}
.dp-universal-grid .dp-grid__item.is-loaded .dp-content-header__subtitle,
.dp-universal-grid .dp-grid__item.is-loaded .dp-content-header__title {
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
.dp-universal-grid .dp-grid__item-placeholder {
display: none;
position: relative !important;
background-color: #121212;
margin-bottom: 1px;
max-height: 383px;
opacity: 0
}
@media screen and (min-width: 768px) {
.dp-universal-grid .dp-grid__item-placeholder {
display: block
}
}
.dp-universal-grid .dp-grid__item-placeholder:nth-child(2n) {
width: calc(50% - .5px);
margin-left: .5px
}
.dp-universal-grid .dp-grid__item-placeholder:nth-child(2n+1) {
width: calc(50% - .5px);
margin-right: .5px
}
.dp-universal-grid .dp-grid__item-placeholder .dp-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto
}
.dp-universal-grid .dp-grid__item-placeholder .dp-spacer {
padding-top: 56.2408223201%
}
.dp-universal-grid .dp-grid__item-placeholder .dp-placeholder-logo {
position: absolute;
bottom: 30px;
left: 30px;
width: 213px;
height: 16px
}
.dp-universal-grid .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-universal-grid .dp-dominant-colour,
.page.entering .dp-universal-grid .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-universal-grid .dp-grid__separator {
width: 100%;
height: 82px;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0 30px !important;
transition: opacity 1s
}
@media screen and (min-width: 768px) {
.dp-universal-grid .dp-grid__separator {
height: 84px;
padding: 0 48px !important
}
}
.dp-universal-grid .dp-grid__separator .dp-grid__separator-title {
margin-bottom: 0
}
.dp-universal-grid .is-collapsed+.dp-grid__separator {
opacity: 0
}
.dp-grid-loader {
height: 100px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: #FFFFFF;
position: relative;
opacity: 0;
transition: opacity 1s 1s
}
.dp-grid-loader.show {
opacity: 1
}
.dp-grid-loader::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23b2b2b2' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23000000' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-grid-loader::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-grid-loader .dp-grid-loader__label {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 20px;
display: none
}
@media screen and (min-width: 768px) {
.dp-grid-loader .dp-grid-loader__label {
font-size: 12px;
font-size: 1.2rem;
line-height: 20px
}
}
.dp-hero {
margin-bottom: 40px;
position: relative;
width: 100%
}
.dp-hero .dp-hm-hero-title {
bottom: 30px;
left: 30px;
position: absolute
}
@media screen and (min-width: 768px) {
.dp-hero {
margin-bottom: 80px
}
.dp-hero .dp-hm-hero-title {
left: 48px
}
}
.dp-news-grid {
margin-top: 3px
}
@media screen and (min-width: 768px) {
.dp-news-grid {
margin-top: 40px;
min-height: 300px
}
}
.dp-news-grid .dp-ng-item {
padding-bottom: 60px
}
@media screen and (min-width: 768px) {
.dp-news-grid .dp-ng-item {
padding-bottom: 130px
}
}
.dp-news-grid .dp-ng-item .dp-e-image-container {
width: 100%;
position: relative
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-spacer {
width: 100%;
padding-top: 56.2408223201%
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.left-top,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.left-centre,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.left-bottom,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.centre-top,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.centre-centre,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.centre-bottom,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.right-top,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.right-centre,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>.dp-content__img.right-bottom,
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-news-grid .dp-ng-item .dp-e-image-container>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-news-grid .dp-ng-item .dp-e-image-container .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-news-grid .dp-ng-item .dp-e-image-container .dp-content__img.is-blurred {
opacity: 0
}
.dp-news-grid .dp-ng-item .dp-e-image-container:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-news-grid .dp-ng-item .dp-e-image-container.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-news-grid .dp-ng-item .dp-e-image-container.is-loaded.no-gradient::after {
display: none
}
.dp-news-grid .dp-ng-item .dp-e-image-container:hover.is-loaded::after {
opacity: .8
}
.dp-news-grid .dp-ng-item .dp-e-image-container.is-loaded .dp-spacer::after {
content: none !important
}
.dp-news-grid .dp-ng-item .dp-e-image-container .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 30px;
left: calc(50% - 15px);
top: calc(50% - 15px);
width: 30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-news-grid .dp-ng-item .dp-e-image-container .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-news-grid .dp-ng-item .dp-e-image-container.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-news-grid .dp-ng-item .dp-e-image-container.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-news-grid .dp-ng-item .dp-e-image-container .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-news-grid .dp-ng-item .dp-e-image-container .dp-dominant-colour,
.page.entering .dp-news-grid .dp-ng-item .dp-e-image-container .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-news-grid .dp-ng-item .dp-ng-item-separator {
display: block;
position: absolute;
bottom: 0;
height: 1px;
width: 100%
}
.dp-news-grid .dp-ng-item .dp-ng-item-separator::after {
background-color: rgba(0, 0, 0, 0.08);
content: '';
display: block;
margin: 0 auto;
max-width: 1270px;
width: calc(100% - 60px);
height: 1px
}
@media screen and (min-width: 1024px) {
.dp-news-grid .dp-ng-item .dp-ng-item-separator::after {
width: calc(100% - 96px)
}
}
.dp-news-grid .dp-ng-content {
padding: 0 30px 3px
}
.dp-news-grid .dp-ng-date {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 26px;
font-weight: 300;
display: block;
margin-bottom: 5px
}
@media screen and (min-width: 768px) {
.dp-news-grid .dp-ng-date {
font-size: 12px;
font-size: 1.2rem;
line-height: 26px
}
}
.dp-news-grid .dp-ng-title {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px;
display: block;
font-weight: 600
}
@media screen and (min-width: 768px) {
.dp-news-grid .dp-ng-title {
font-size: 21px;
font-size: 2.1rem;
line-height: 28px;
margin-bottom: 20px
}
}
.dp-news-grid .dp-ng-title.dp-ng-delimited::after {
content: '...';
display: inline-block
}
.dp-news-grid .dp-ng-content-copy {
padding-bottom: 40px
}
.dp-news-grid .dp-ng-content-copy-wrap {
font-size: 14px;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 26px;
margin-bottom: 30px
}
.dp-news-grid .dp-ng-content-copy-wrap.dp-ng-delimited::after {
content: '...';
display: inline-block
}
.dp-news-grid .dp-grid-loader {
color: #000
}
.dp-news-grid .dp-ng-content-link {
font-weight: 600
}
.no-touchevents .dp-news-grid .dp-ng-content-link {
opacity: .7;
transition: opacity .3s
}
.no-touchevents .dp-news-grid .dp-ng-content-link:hover {
opacity: 1
}
.dp-news-grid .dp-ng-image-link {
display: inline-block;
position: relative;
z-index: 1
}
@media screen and (min-width: 1024px) {
.dp-news-grid .dp-ng-content {
padding: 0
}
.dp-news-grid .dp-grid-item-single-wrap {
padding: 0 48px 3px;
max-width: 1366px;
margin: 0 auto
}
}
@media screen and (min-width: 768px) {
.dp-news-grid .dp-ng-content-wrap {
padding-bottom: 30px
}
.dp-news-grid .dp-ng-title {
display: inline-block;
margin: 0 4% 0 0;
vertical-align: top;
width: 32%
}
.dp-news-grid .dp-ng-content-copy {
display: inline-block;
width: 60%
}
.dp-news-grid .dp-ng-image-link {
position: relative;
display: block;
max-height: 714px
}
}
.news .dp-section-heading,
.events .dp-section-heading,
.essays .dp-section-heading,
.videofolder .dp-section-heading,
.videocategory .dp-section-heading {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.news .dp-header,
.events .dp-header,
.essays .dp-header,
.videofolder .dp-header,
.videocategory .dp-header {
background-color: #fff;
height: 90px
}
@media screen and (min-width: 1024px) {
.news .dp-header,
.events .dp-header,
.essays .dp-header,
.videofolder .dp-header,
.videocategory .dp-header {
height: 120px
}
}
.news .dp-section-tab,
.events .dp-section-tab,
.essays .dp-section-tab,
.videofolder .dp-section-tab,
.videocategory .dp-section-tab {
background-color: #fff
}
.news .dp-section-tab .dp-st-link,
.news .dp-section-tab .dp-st-header,
.events .dp-section-tab .dp-st-link,
.events .dp-section-tab .dp-st-header,
.essays .dp-section-tab .dp-st-link,
.essays .dp-section-tab .dp-st-header,
.videofolder .dp-section-tab .dp-st-link,
.videofolder .dp-section-tab .dp-st-header,
.videocategory .dp-section-tab .dp-st-link,
.videocategory .dp-section-tab .dp-st-header {
color: #000
}
.news .dp-section-tab .dp-st-indicator::after,
.news .dp-section-tab .dp-st-pointer,
.events .dp-section-tab .dp-st-indicator::after,
.events .dp-section-tab .dp-st-pointer,
.essays .dp-section-tab .dp-st-indicator::after,
.essays .dp-section-tab .dp-st-pointer,
.videofolder .dp-section-tab .dp-st-indicator::after,
.videofolder .dp-section-tab .dp-st-pointer,
.videocategory .dp-section-tab .dp-st-indicator::after,
.videocategory .dp-section-tab .dp-st-pointer {
background-color: #000
}
.news .dp-section-tab .dp-st-indicator::after,
.events .dp-section-tab .dp-st-indicator::after,
.essays .dp-section-tab .dp-st-indicator::after,
.videofolder .dp-section-tab .dp-st-indicator::after,
.videocategory .dp-section-tab .dp-st-indicator::after {
opacity: 0.08
}
@media screen and (min-width: 1024px) {
.news .dp-section-tab,
.events .dp-section-tab,
.essays .dp-section-tab,
.videofolder .dp-section-tab,
.videocategory .dp-section-tab {
padding-top: 10px
}
}
.news .dp-section-tab:before,
.events .dp-section-tab:before,
.essays .dp-section-tab:before,
.videofolder .dp-section-tab:before,
.videocategory .dp-section-tab:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 50px;
background: #fff;
top: -50px
}
.dp-news,
.dp-events {
padding-top: 90px;
margin-bottom: 40px
}
@media screen and (min-width: 1024px) {
.dp-news,
.dp-events {
padding-top: 120px;
min-height: 105px;
margin-bottom: 80px
}
}
.dp-news .dp-section-tab .dp-st-wrap,
.dp-events .dp-section-tab .dp-st-wrap {
margin: 0 auto;
width: calc(100% - 60px)
}
@media screen and (min-width: 768px) {
.dp-news .dp-section-tab .dp-st-wrap,
.dp-events .dp-section-tab .dp-st-wrap {
width: 45%
}
}
@media screen and (min-width: 769px) {
.dp-news-modules-block {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
max-width: 1400px;
margin: 0 auto;
padding: 0 46px
}
}
.dp-events-grid .dp-grid-loader {
color: #000
}
.dp-events-grid .dp-events-grid-width {
margin: 0 30px;
width: calc(100% - 60px)
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-events-grid-width {
margin: 0 auto;
width: 100%;
max-width: 900px
}
}
.dp-events-grid .dp-events-button {
-webkit-appearance: none;
background: transparent;
width: 100%;
display: block;
border: 0;
outline: none;
text-align: left;
cursor: pointer;
padding-right: 0;
padding-left: 0;
font-family: "Open Sans", Helvetica, Arial;
color: #fff
}
.theme-white .dp-events-grid .dp-events-button {
color: #000
}
.dp-events-grid .dp-events-item {
border: 0 solid #EBEBEB;
border-top-width: 1px;
padding: 30px 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-events-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
padding: 30px 20px
}
}
.dp-events-grid .dp-events-item .dp-events-item__cta {
transition: background .3s ease-in-out
}
.no-touchevents .dp-events-grid .dp-events-item:hover .dp-events-item__cta {
background: #D9D9D9
}
.dp-events-grid .dp-events-item.is-essay {
background: url(../images/icons/arrow-down-black.svg?v=2617) no-repeat;
background-position: center right;
transition: background-position .4s
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-events-item.is-essay {
background-position: calc(100% - 30px) 50%
}
}
@media screen and (min-width: 768px) {
.no-touchevents .dp-events-grid .dp-events-item.is-essay:hover {
background-color: #f5f5f5;
background-position: calc(100% - 30px) calc(50% + 10px)
}
}
.dp-events-grid .dp-events-grid-item.component:not(.is-hidden) {
will-change: nothing !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.dp-events-grid .dp-events-item__subtitle {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 26px;
margin-bottom: 16px;
font-weight: 300;
margin: 0 0 5px;
display: block
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-events-item__subtitle {
font-size: 12px;
font-size: 1.2rem;
line-height: 26px;
margin-bottom: 20px
}
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-events-item__subtitle {
margin-bottom: 5px
}
}
.dp-events-grid .dp-events-item__title {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
margin-bottom: 16px;
font-weight: 600;
margin: 0 0 5px
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-events-item__title {
font-size: 19px;
font-size: 1.9rem;
line-height: 26px;
margin-bottom: 20px
}
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-events-item__title {
margin-bottom: 5px
}
}
.dp-events-grid .dp-events-item__size {
font-size: 12px;
font-size: 1.2rem;
color: #7E7E7E;
line-height: 18px;
margin-top: 5px;
display: block
}
.dp-events-grid .dp-events-item__cta {
margin-top: 12px
}
.dp-events-grid .dp-events-item__content {
margin-right: 30px
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-events-item__content {
margin-right: auto
}
}
.dp-events-grid .dp-e-image-container {
width: 100%;
position: relative;
width: 100%;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-bottom: 30px
}
.dp-events-grid .dp-e-image-container>.dp-spacer {
width: 100%;
padding-top: 100%
}
.dp-events-grid .dp-e-image-container>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.left-top,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.left-centre,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.left-bottom,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.centre-top,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.centre-centre,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.centre-bottom,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.right-top,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.right-centre,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-content>.dp-content__img.right-bottom,
.dp-events-grid .dp-e-image-container>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-events-grid .dp-e-image-container>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-events-grid .dp-e-image-container .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-events-grid .dp-e-image-container .dp-content__img.is-blurred {
opacity: 0
}
.dp-events-grid .dp-e-image-container:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-events-grid .dp-e-image-container.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-events-grid .dp-e-image-container.is-loaded.no-gradient::after {
display: none
}
.dp-events-grid .dp-e-image-container:hover.is-loaded::after {
opacity: .8
}
.dp-events-grid .dp-e-image-container.is-loaded .dp-spacer::after {
content: none !important
}
.dp-events-grid .dp-e-image-container .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-events-grid .dp-e-image-container .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-events-grid .dp-e-image-container.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-events-grid .dp-e-image-container.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-events-grid .dp-e-image-container .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-events-grid .dp-e-image-container .dp-dominant-colour,
.page.entering .dp-events-grid .dp-e-image-container .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
@media screen and (min-width: 768px) {
.dp-events-grid .dp-e-image-container {
width: 136px;
margin-bottom: 0
}
}
.dp-events-grid .dp-e-image-container::after {
content: none
}
.dp-events-grid .dp-e-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-events-grid .dp-e-dominant-colour,
.page.entering .dp-events-grid .dp-e-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-is-sticky {
position: fixed;
z-index: 1
}
.dp-event.theme-white {
color: #fff
}
.dp-event .dp-evt-hero {
color: #fff;
width: 100%;
position: relative;
height: 500px
}
@media screen and (min-width: 768px) {
.dp-event .dp-evt-hero {
height: 73vh
}
}
.dp-event .dp-evt-hero::after {
background: linear-gradient(-180deg, transparent 26%, #000 96%);
opacity: .4;
bottom: 0;
content: '';
height: 100%;
position: absolute;
width: 100%;
transition: opacity 1s
}
.dp-event .dp-evt-hero.gradient-disabled::after {
opacity: 0
}
.dp-event .dp-evt-hero .dp-evt-cta {
display: none;
bottom: 0;
position: absolute;
right: 0;
z-index: 1
}
.dp-event .dp-evt-hero-image {
width: 100%;
position: relative;
height: 100%
}
.dp-event .dp-evt-hero-image>.dp-spacer {
width: 100%;
padding-top: 37.2905027933%
}
.dp-event .dp-evt-hero-image>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.left-top,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.left-centre,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.left-bottom,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.centre-top,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.centre-centre,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.centre-bottom,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.right-top,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.right-centre,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-content>.dp-content__img.right-bottom,
.dp-event .dp-evt-hero-image>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-event .dp-evt-hero-image>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-event .dp-evt-hero-image .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-event .dp-evt-hero-image .dp-content__img.is-blurred {
opacity: 0
}
.dp-event .dp-evt-hero-image:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-event .dp-evt-hero-image.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-event .dp-evt-hero-image.is-loaded.no-gradient::after {
display: none
}
.dp-event .dp-evt-hero-image:hover.is-loaded::after {
opacity: .8
}
.dp-event .dp-evt-hero-image.is-loaded .dp-spacer::after {
content: none !important
}
.dp-event .dp-evt-hero-image .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-event .dp-evt-hero-image .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-event .dp-evt-hero-image.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-event .dp-evt-hero-image.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-event .dp-evt-hero-image .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-event .dp-evt-hero-image .dp-dominant-colour,
.page.entering .dp-event .dp-evt-hero-image .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-event .dp-evt-hero-copy {
color: #fff;
position: absolute;
bottom: 30px;
left: 30px;
z-index: 1
}
@media screen and (min-width: 768px) {
.dp-event .dp-evt-hero-copy {
max-width: 33vw
}
}
.dp-event .dp-evt-hero-copy h1 {
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2);
font-weight: 600
}
.dp-event .dp-evt-main {
padding: 30px
}
.dp-event .dp-evt-mobile-title {
margin-bottom: 20px
}
.dp-event .dp-evt-mobile-header {
border-bottom: 1px solid #f5f5f5;
padding-bottom: 30px;
margin-bottom: 40px
}
.dp-event .dp-evt-header-title {
margin-bottom: 10px
}
.dp-event .dp-evt-left-col {
padding-bottom: 40px
}
.dp-event .dp-evt-description {
overflow: hidden
}
.dp-event .dp-evt-right-col {
padding-bottom: 30px
}
.dp-event .dp-evt-cta,
.dp-event .dp-share {
margin-bottom: 10px
}
.dp-event .dp-evt-title {
border-bottom: 1px solid #f5f5f5;
margin-bottom: 21px;
padding-bottom: 16px
}
.dp-event .dp-evt-dates {
margin-bottom: 40px
}
.dp-event .dp-evt-venue {
margin-bottom: 42px
}
.dp-event .dp-evt-venue-address {
margin-bottom: 23px
}
.dp-event .dp-evt-address-line {
line-height: 26px;
margin-bottom: 0
}
@media screen and (max-width: 768px) and (orientation: landscape) {
.dp-event .dp-evt-hero {
height: 100vh
}
}
@media screen and (min-width: 769px) {
.dp-event .dp-evt-hero .dp-evt-cta {
display: block;
bottom: 30px;
position: absolute;
right: 48px;
z-index: 1
}
.dp-event .dp-evt-hero-copy {
left: 50px
}
.dp-event .dp-evt-main {
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 1400px;
margin: 0 auto;
padding: 80px 46px
}
.dp-event .dp-evt-mobile-header,
.dp-event .dp-evt-mobile-title {
display: none
}
.dp-event .dp-evt-left-col,
.dp-event .dp-evt-right-col {
width: 50%
}
.dp-event .dp-evt-left-col,
.dp-event .dp-evt-right-col {
padding: 0
}
.dp-event .dp-evt-left-col {
margin-right: 10%
}
.dp-event .dp-evt-left-ctas {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
.dp-event .dp-evt-expand-cta {
display: none
}
.dp-event .dp-evt-venue {
margin-bottom: 60px
}
.dp-event .dp-share {
margin: 0;
width: 58%
}
.dp-event .dp-evt-cta {
margin: 0 10px 0 0
}
}
.dp-hero-title {
padding-top: 143px
}
@media screen and (min-width: 1024px) {
.dp-hero-title {
padding-top: 168px
}
}
.dp-ht-title {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0;
padding: 30px
}
@media screen and (min-width: 768px) {
.dp-ht-title {
font-size: 21px;
font-size: 2.1rem;
padding: 30px 48px;
line-height: 34px
}
}
.dp-ht-image {
width: 100%;
position: relative
}
.dp-ht-image>.dp-spacer {
width: 100%;
padding-top: 49.7803806735%
}
.dp-ht-image>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-ht-image>.dp-content>.dp-content__img,
.dp-ht-image>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.left-top,
.dp-ht-image>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.left-centre,
.dp-ht-image>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.left-bottom,
.dp-ht-image>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.centre-top,
.dp-ht-image>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.centre-centre,
.dp-ht-image>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.centre-bottom,
.dp-ht-image>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.right-top,
.dp-ht-image>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.right-centre,
.dp-ht-image>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-ht-image>.dp-content>.dp-content__img.right-bottom,
.dp-ht-image>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-ht-image>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-ht-image .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-ht-image .dp-content__img.is-blurred {
opacity: 0
}
.dp-ht-image:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-ht-image.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-ht-image.is-loaded.no-gradient::after {
display: none
}
.dp-ht-image:hover.is-loaded::after {
opacity: .8
}
.dp-ht-image.is-loaded .dp-spacer::after {
content: none !important
}
.dp-ht-image .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-ht-image .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-ht-image.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-ht-image.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-ht-image .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-ht-image .dp-dominant-colour,
.page.entering .dp-ht-image .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.discipline .dp-ht-image,
.sustainabilitypage .dp-ht-image {
height: 60vh
}
@media screen and (min-width: 768px) {
.discipline .dp-ht-image,
.sustainabilitypage .dp-ht-image {
height: 73vh
}
}
.dp-description .dp-d-content {
padding: 40px 30px 40px;
text-align: left
}
@media screen and (min-width: 768px) {
.dp-description .dp-d-content {
margin: 0 auto;
padding: 80px 0 80px;
width: 620px
}
}
.dp-description .dp-d-content p:first-child {
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 29px
}
.dp-description .dp-d-content p:last-child {
margin-bottom: 0
}
.dp-padded-grid {
background-color: #F5F5F5
}
.dp-padded-grid.grid-transparent {
background-color: transparent
}
.dp-pg-list {
max-width: 1466px;
margin: 0 auto;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.dp-pg-list li,
.dp-pg-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-pg-list li a,
.dp-pg-list .dp-list-item a {
text-decoration: none
}
.dp-pg-list li:before,
.dp-pg-list .dp-list-item:before {
content: none
}
@media screen and (min-width: 768px) {
.dp-pg-list {
padding: 50px 0
}
.grid-transparent .dp-pg-list {
padding: 0 0 80px
}
}
.dp-pg-item {
background: white;
width: 100%
}
.grid-transparent .dp-pg-item {
border-bottom: 1px solid #FFFFFF
}
@media screen and (min-width: 768px) {
.dp-pg-item {
margin-top: 40px
}
.dp-pg-item:nth-child(1),
.dp-pg-item:nth-child(2) {
margin-top: 0
}
.dp-pg-item:nth-child(2n) {
width: calc(50% - 70px);
margin-right: 50px;
margin-left: 20px
}
.dp-pg-item:nth-child(2n+1) {
width: calc(50% - 70px);
margin-left: 50px;
margin-right: 20px
}
}
.dp-pg-item .dp-pg-copy {
padding: 30px
}
@media screen and (min-width: 768px) {
.dp-pg-item .dp-pg-copy {
padding: 40px
}
}
.dp-pg-item .dp-pg-copy__title {
margin-bottom: 10px
}
.dp-pg-item .dp-pg-copy__contents p:last-child {
margin-bottom: 0
}
.dp-pg-item .dp-pg-copy__subareas {
margin-top: 35px
}
.dp-pg-image {
width: 100%;
position: relative
}
.dp-pg-image>.dp-spacer {
width: 100%;
padding-top: 56.2408223201%
}
.dp-pg-image>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-pg-image>.dp-content>.dp-content__img,
.dp-pg-image>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.left-top,
.dp-pg-image>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.left-centre,
.dp-pg-image>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.left-bottom,
.dp-pg-image>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.centre-top,
.dp-pg-image>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.centre-centre,
.dp-pg-image>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.centre-bottom,
.dp-pg-image>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.right-top,
.dp-pg-image>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.right-centre,
.dp-pg-image>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-pg-image>.dp-content>.dp-content__img.right-bottom,
.dp-pg-image>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-pg-image>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-pg-image .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-pg-image .dp-content__img.is-blurred {
opacity: 0
}
.dp-pg-image:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-pg-image.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-pg-image.is-loaded.no-gradient::after {
display: none
}
.dp-pg-image:hover.is-loaded::after {
opacity: .8
}
.dp-pg-image.is-loaded .dp-spacer::after {
content: none !important
}
.dp-pg-image .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-pg-image .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-pg-image.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-pg-image.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-pg-image .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-pg-image .dp-dominant-colour,
.page.entering .dp-pg-image .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-project-detail .dp-pd-project-types {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin: 0 30px 40px;
padding: 0 0 30px
}
@media screen and (min-width: 1024px) {
.dp-project-detail .dp-pd-project-types {
display: none
}
}
.dp-project-detail .dp-pd-types-title {
margin-bottom: 6px
}
.dp-project-detail .dp-pd-project-type {
margin-top: 10px
}
.dp-project-detail .dp-padded-grid .dp-pg-list {
padding: 0
}
.dp-project-detail .dp-padded-grid .dp-pg-item:last-child {
margin-bottom: 40px
}
@media screen and (min-width: 768px) {
.dp-project-detail .dp-padded-grid .dp-pg-item:last-child {
margin-bottom: 100px
}
}
.dp-project-detail .dp-discipline-carousel .dp-dc-title {
padding: 0 30px 20px
}
@media screen and (min-width: 768px) {
.dp-project-detail .dp-discipline-carousel .dp-dc-title {
padding: 0 19px 30px
}
}
.dp-project-detail .dp-discipline-carousel .dp-dc-dots {
padding-bottom: 40px
}
@media screen and (min-width: 768px) {
.dp-project-detail .dp-discipline-carousel .dp-dc-dots {
padding-bottom: 90px
}
}
.dp-project-detail .dp-pd-stats__dl-list {
padding-bottom: 0
}
.dp-project-detail .dp-pd-stats__dl-list a {
font-weight: 600
}
.no-touchevents .dp-project-detail .dp-pd-stats__dl-list a {
opacity: .7;
transition: opacity .3s
}
.no-touchevents .dp-project-detail .dp-pd-stats__dl-list a:hover {
opacity: 1
}
.dp-pg-subheader {
margin: 0;
padding: 40px 30px 20px
}
@media screen and (min-width: 768px) {
.dp-pg-subheader {
margin: 0 auto;
max-width: 1466px;
padding: 50px 48px 30px
}
.dp-pg-subheader+.dp-pg-list {
padding-top: 0
}
}
.dp-grid-quote {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding-bottom: 35px;
padding-top: 35px;
background: #f5f5f5
}
@media screen and (min-width: 768px) {
.dp-grid-quote {
min-height: 396px;
padding: 0
}
}
@media screen and (min-width: 768px) {
.browser-internetexplorer .dp-grid-quote {
height: 396px
}
}
.dp-grid-quote-wrapper {
margin: auto 30px
}
@media screen and (min-width: 768px) {
.dp-grid-quote-wrapper {
margin: auto 60px
}
}
.dp-grid-quote__block {
font-size: 14px;
font-size: 1.4rem;
line-height: 28px;
letter-spacing: .5px;
margin-bottom: 20px;
quotes: "\“" "\â€"
}
.dp-grid-quote__block::before {
content: open-quote
}
.dp-grid-quote__block::after {
content: close-quote
}
@media screen and (min-width: 768px) {
.dp-grid-quote__block {
font-size: 16px;
font-size: 1.6rem
}
}
.is-legacy .dp-grid-quote__block {
quotes: none
}
.dp-grid-quote__author {
font-size: 12px;
font-size: 1.2rem;
display: block;
line-height: 17px;
font-weight: 600
}
.dp-grid-quote__source {
font-size: 12px;
font-size: 1.2rem;
display: block;
line-height: 17px;
margin-top: 5px
}
.dp-grid-image {
width: 100%
}
@media screen and (max-width: 767px) {
.dp-grid-image {
width: 100%;
position: relative
}
.dp-grid-image>.dp-spacer {
width: 100%;
padding-top: 56.25%
}
.dp-grid-image>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-grid-image>.dp-content>.dp-content__img,
.dp-grid-image>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.left-top,
.dp-grid-image>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.left-centre,
.dp-grid-image>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.left-bottom,
.dp-grid-image>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.centre-top,
.dp-grid-image>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.centre-centre,
.dp-grid-image>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.centre-bottom,
.dp-grid-image>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.right-top,
.dp-grid-image>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.right-centre,
.dp-grid-image>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-grid-image>.dp-content>.dp-content__img.right-bottom,
.dp-grid-image>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-image>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
}
@media screen and (min-width: 768px) {
.dp-grid-image {
height: 396px
}
.dp-grid-image>.dp-content {
height: 100%
}
}
.dp-grid-gallery-poster,
.dp-grid-video-poster {
width: 100%;
position: relative
}
.dp-grid-gallery-poster>.dp-spacer,
.dp-grid-video-poster>.dp-spacer {
width: 100%;
padding-top: 100%
}
.dp-grid-gallery-poster>.dp-content,
.dp-grid-video-poster>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img,
.dp-grid-video-poster>.dp-content>.dp-content__img,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.left-top,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.left-top,
.dp-grid-video-poster>.dp-content>.dp-content__img.left-top,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.left-centre,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.left-centre,
.dp-grid-video-poster>.dp-content>.dp-content__img.left-centre,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.left-bottom,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.left-bottom,
.dp-grid-video-poster>.dp-content>.dp-content__img.left-bottom,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.centre-top,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.centre-top,
.dp-grid-video-poster>.dp-content>.dp-content__img.centre-top,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.centre-centre,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.centre-centre,
.dp-grid-video-poster>.dp-content>.dp-content__img.centre-centre,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.centre-bottom,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.centre-bottom,
.dp-grid-video-poster>.dp-content>.dp-content__img.centre-bottom,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.right-top,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.right-top,
.dp-grid-video-poster>.dp-content>.dp-content__img.right-top,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.right-centre,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.right-centre,
.dp-grid-video-poster>.dp-content>.dp-content__img.right-centre,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.right-bottom,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.right-bottom,
.dp-grid-video-poster>.dp-content>.dp-content__img.right-bottom,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-gallery-poster>.dp-bg-colour,
.dp-grid-video-poster>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-grid-gallery-poster .dp-content__img,
.dp-grid-video-poster .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-grid-gallery-poster .dp-content__img.is-blurred,
.dp-grid-video-poster .dp-content__img.is-blurred {
opacity: 0
}
.dp-grid-gallery-poster:not(.no-zoom) .dp-content:hover>.dp-content__img,
.dp-grid-video-poster:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-grid-gallery-poster.is-loaded::after,
.dp-grid-video-poster.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-grid-gallery-poster.is-loaded.no-gradient::after,
.dp-grid-video-poster.is-loaded.no-gradient::after {
display: none
}
.dp-grid-gallery-poster:hover.is-loaded::after,
.dp-grid-video-poster:hover.is-loaded::after {
opacity: .8
}
.dp-grid-gallery-poster.is-loaded .dp-spacer::after,
.dp-grid-video-poster.is-loaded .dp-spacer::after {
content: none !important
}
.dp-grid-gallery-poster .dp-spacer::after,
.dp-grid-video-poster .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-grid-gallery-poster .dp-spacer::after,
.search .dp-grid-video-poster .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-grid-gallery-poster.dp-grid-item__single.is-loaded::after,
.dp-grid-video-poster.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-grid-gallery-poster.dp-grid-item__single.has-gradient.is-loaded::after,
.dp-grid-video-poster.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-grid-gallery-poster .dp-dominant-colour,
.dp-grid-video-poster .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-grid-gallery-poster .dp-dominant-colour,
.page.entering .dp-grid-gallery-poster .dp-dominant-colour,
.page.leaving .dp-grid-video-poster .dp-dominant-colour,
.page.entering .dp-grid-video-poster .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-grid-image__img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.dp-grid-video {
width: 100%;
position: relative
}
@media screen and (min-width: 768px) {
.dp-grid-video {
height: 396px;
cursor: pointer
}
}
.dp-grid-video:hover .dp-grid-video-button-play {
background-color: rgba(255, 255, 255, 0.25)
}
.dp-grid-video.at-news .dp-spacer::after {
display: none
}
@media screen and (min-width: 768px) {
.dp-grid-video.at-news {
height: 311px
}
}
@media screen and (min-width: 768px) {
.dp-grid-video.at-events {
height: 311px
}
}
@media screen and (max-width: 767px) {
.dp-grid-video-poster {
width: 100%;
position: relative
}
.dp-grid-video-poster>.dp-spacer {
width: 100%;
padding-top: 56.25%
}
.dp-grid-video-poster>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-grid-video-poster>.dp-content>.dp-content__img,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.left-top,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.left-centre,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.left-bottom,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.centre-top,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.centre-centre,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.centre-bottom,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.right-top,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.right-centre,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-grid-video-poster>.dp-content>.dp-content__img.right-bottom,
.dp-grid-video-poster>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-video-poster>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
}
@media screen and (min-width: 768px) {
.dp-grid-video-poster {
height: 100%
}
.dp-grid-video-poster>.dp-content {
height: 100%
}
}
.dp-grid-video.is-dark .dp-grid-video-poster::after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s
}
.dp-grid-video.is-dark:hover .dp-grid-video-poster::after {
opacity: .8
}
.dp-grid-video-controls {
position: absolute;
bottom: 20px;
left: 30px;
width: calc(100% - 50px);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row
}
@media screen and (min-width: 768px) {
.dp-grid-video-controls {
bottom: 30px
}
}
.dp-grid-video-button-play {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 12px
}
.dp-grid-video__title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 16px;
font-size: 1.6rem;
line-height: 30px;
margin-bottom: 0;
color: #FFFFFF;
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
@media screen and (min-width: 768px) {
.dp-grid-video__title {
font-size: 21px;
font-size: 2.1rem
}
}
.dp-grid-video .dp-phv-video-overlay {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
background: #000;
z-index: 1200;
display: none
}
.dp-grid-video .dp-phv-video-overlay__wrapper {
position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto
}
.dp-grid-video .dp-phv-video-overlay__holder {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.dp-grid-video .dp-phv-video-overlay__holder.is-horizontal {
padding-top: 56.25%
}
@media screen and (min-width: 768px) {
.dp-grid-video .dp-phv-video-overlay__holder.is-horizontal {
padding-top: 0;
height: 95%
}
}
.dp-grid-video .dp-phv-video-overlay__holder.is-vertical {
width: 95%;
height: 0;
padding-top: 56.25%
}
.dp-grid-video .dp-phv-video-overlay__close {
position: absolute;
top: 30px;
right: 30px;
overflow: hidden;
cursor: pointer;
z-index: 1001
}
.dp-grid-video #vimeo-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.dp-section-slide-wrap {
position: relative;
z-index: 0
}
.dp-section-slide {
overflow: hidden
}
.dp-section-slide .dp-section-slide-item {
float: left;
left: -200%;
min-height: 1px;
position: absolute
}
@media screen and (min-width: 768px) {
.seniorpartners .dp-section-slide .dp-section-slide-item,
.partners .dp-section-slide .dp-section-slide-item,
.associatepartners .dp-section-slide .dp-section-slide-item {
padding-top: 60px
}
.news .dp-section-slide .dp-section-slide-item,
.events .dp-section-slide .dp-section-slide-item,
.essays .dp-section-slide .dp-section-slide-item,
.videofolder .dp-section-slide .dp-section-slide-item,
.videocategory .dp-section-slide .dp-section-slide-item {
padding-top: 40px
}
.search .dp-section-slide .dp-section-slide-item {
padding-top: 40px
}
}
@media screen and (min-width: 1025px) {
.news .dp-section-slide .dp-section-slide-item,
.events .dp-section-slide .dp-section-slide-item,
.essays .dp-section-slide .dp-section-slide-item,
.dp-section-slide .dp-section-slide-item .videofolder,
.dp-section-slide .dp-section-slide-item .videocategory {
padding-top: 90px
}
}
.dp-section-slide .dp-section-loader {
background: rgba(255, 255, 255, 0.8);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1
}
.dp-section-slide .dp-section-loader::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23b2b2b2' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23000000' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-section-slide .dp-section-loader::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-section-slide .dp-section-loader {
background: rgba(0, 0, 0, 0.8)
}
.dp-section-slide .dp-section-loader.active {
display: block
}
.dp-section-slide .dp-section-loader::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23b2b2b2' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23000000' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-section-slide .dp-section-loader::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none
}
.pswp * {
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: 0.001;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: zoom-in;
/*
height: auto !important;
top:50% !important;
left:50% !important;*/
/* margin-top: -50px !important;
transform: translate(auto, -50%) !important; */
}
.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: grabbing
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp__bg {
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none
}
.pswp--animated-in .pswp__zoom-wrap {
/*transform: unset !important;*/
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: transparent
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
transition: opacity 0.2s;
box-shadow: none
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1
}
.pswp__button:active,
.pswp__button.nice-select.open {
outline: none;
opacity: 0.9
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(../assets/images/mini-gallery/default-skin.png?v=2617) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px
}
@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(../assets/images/mini-gallery/default-skin.svg?v=2617)
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none
}
}
.pswp__button--close {
background-position: 0 -44px
}
.pswp__button--share {
background-position: -44px -44px
}
.pswp__button--fs {
display: none
}
.pswp--supports-fs .pswp__button--fs {
display: block
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0
}
.pswp__button--zoom {
display: none
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px
}
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000
}
.pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D
}
a.pswp__share--download:hover {
background: #DDD
}
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #000;
opacity: 0.75;
padding: 0 10px
}
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px
}
.pswp__caption small {
font-size: 11px;
color: #BBB
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC
}
.pswp__caption--empty {
display: none
}
.pswp__caption--fake {
visibility: hidden
}
.pswp__preloader {
opacity: 0;
will-change: opacity;
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23b2b2b2' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23000000' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .pswp__preloader {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.pswp__preloader__icn {
display: none !important;
width: 20px;
height: 20px;
margin: 12px
}
.pswp__preloader--active {
opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
background: url(../assets/images/mini-gallery/preloader.gif?v=2617) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
transition: opacity .5s
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
display: none
}
@media screen and (max-width: 767px) {
.pswp__top-bar {
height: 100px;
display: block;
top: auto;
bottom: 0
}
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5)
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: white
}
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
opacity: 0.001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: none
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
top: auto;
bottom: 0
}
@media screen and (max-width: 767px) {
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: visible
}
}
@media screen and (min-width: 768px) {
.pswp__button--arrow--left {
display: none
}
}
.pswp__button--arrow--left::before {
background-image: url(../images/icons/chevron-left.svg?v=2617) !important;
background-size: 100%;
background-position: 0;
width: 12px;
height: 11px;
background-color: transparent;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 768px) {
.pswp__button--arrow--right {
display: none
}
}
.pswp__button--arrow--right::before {
background-image: url(../images/icons/chevron-right.svg?v=2617) !important;
background-size: cover;
background-position: 0;
width: 12px;
height: 11px;
background-color: transparent;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.pswp__counter {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
@media screen and (min-width: 768px) {
.pswp__counter {
display: none
}
}
.pswp__button--zoom {
visibility: hidden;
width: 40px;
height: 40px;
background-image: url(../images/icons/gallery-zoom.svg?v=2617) !important;
background-size: contain;
float: none;
position: absolute;
top: 50px;
left: 50px
}
.pswp--zoomed-in .pswp__button--zoom {
display: none
}
.pswp__ui--hidden {
opacity: 0.0001
}
@media screen and (max-width: 767px) {
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
opacity: 1
}
}
@media screen and (max-width: 767px) {
.pswp__top-bar {
background-color: white
}
}
.dp-grid-gallery {
width: 100%;
position: relative
}
@media screen and (min-width: 768px) {
.dp-grid-gallery {
height: 396px;
cursor: pointer
}
}
@media screen and (min-width: 768px) {
.dp-grid-gallery.at-news {
height: 311px
}
}
.dp-grid-gallery.at-events {
margin-bottom: 42px
}
@media screen and (min-width: 768px) {
.dp-grid-gallery.at-events {
margin-bottom: 60px;
height: 311px
}
}
.dp-grid-gallery-poster {
position: relative
}
@media screen and (max-width: 767px) {
.dp-grid-gallery-poster {
width: 100%;
position: relative
}
.dp-grid-gallery-poster>.dp-spacer {
width: 100%;
padding-top: 56.25%
}
.dp-grid-gallery-poster>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.left-top,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.left-centre,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.left-bottom,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.centre-top,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.centre-centre,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.centre-bottom,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.right-top,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.right-centre,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-grid-gallery-poster>.dp-content>.dp-content__img.right-bottom,
.dp-grid-gallery-poster>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-grid-gallery-poster>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
}
@media screen and (min-width: 768px) {
.dp-grid-gallery-poster {
height: 100%
}
.dp-grid-gallery-poster>.dp-content {
height: 100%
}
}
.dp-grid-gallery.is-bright .dp-grid-gallery-poster {
border: 1px solid #EBEBEB
}
.dp-grid-gallery.is-dark .dp-grid-gallery-poster::after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s
}
.dp-grid-gallery.is-dark:hover .dp-grid-gallery-poster::after {
opacity: .8
}
.dp-grid-gallery.is-bright .dp-grid-gallery-poster::after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: .75;
background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 30%);
transition: opacity 1s
}
.dp-grid-gallery.is-bright:hover .dp-grid-gallery-poster::after {
opacity: .95
}
.dp-blender {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #F5F5F5;
opacity: 1
}
.animated .dp-grid-gallery.is-bright .dp-blender {
display: none
}
.browser-internetexplorer .dp-grid-gallery.is-bright .dp-blender {
display: none
}
.dp-grid-gallery-controls {
position: absolute;
bottom: 20px;
left: 30px;
width: calc(100% - 50px);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row
}
@media screen and (min-width: 768px) {
.dp-grid-gallery-controls {
bottom: 30px
}
}
.dp-grid-gallery-button-play {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 12px
}
.dp-grid-gallery__title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 19px;
font-size: 1.9rem;
line-height: 30px;
margin-bottom: 0;
color: #FFFFFF;
text-shadow: 0.5px 0.1px 2px rgba(0, 0, 0, 0.2)
}
@media screen and (min-width: 768px) {
.dp-grid-gallery__title {
font-size: 21px;
font-size: 2.1rem
}
}
.dp-grid-gallery.is-bright .dp-grid-gallery__title {
color: #000000;
text-shadow: 1px 0px 5px #fff
}
.dp-gallery-overlay {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
background: #fff;
z-index: 1000;
display: none
}
.dp-gallery-swiper {
position: relative;
height: 100%;
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
@media screen and (min-width: 768px) {
.dp-gallery-swiper {
width: calc(100% - 147px);
-webkit-transform: translate3d(147px, 0, 0);
transform: translate3d(147px, 0, 0)
}
}
@media screen and (min-width: 768px) {
.hide-tiles .dp-gallery-swiper {
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.dp-gallery-tiles {
position: absolute;
width: 147px;
height: 100%;
left: 0;
top: 0;
background: repeating-linear-gradient(to bottom, #f5f5f5 0px, #f5f5f5 146px, #fff 146.1px, #fff 147px);
box-sizing: border-box;
overflow-y: auto;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch
}
.dp-gallery-tiles::-webkit-scrollbar {
display: none
}
@media screen and (max-width: 767px) {
.dp-gallery-tiles {
display: none
}
}
.hide-tiles .dp-gallery-tiles {
display: none
}
.dp-gallery-tiles__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
padding-right: 1px;
background: #FFFFFF
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile {
width: 100%;
position: relative;
margin-bottom: 1px;
cursor: pointer
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-spacer {
width: 100%;
padding-top: 100%
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.left-top,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.left-centre,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.left-bottom,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.centre-top,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.centre-centre,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.centre-bottom,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.right-top,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.right-centre,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>.dp-content__img.right-bottom,
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile .dp-content__img.is-blurred {
opacity: 0
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile.is-loaded.no-gradient::after {
display: none
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile:hover.is-loaded::after {
opacity: .8
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile.is-loaded .dp-spacer::after {
content: none !important
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-gallery-tiles__wrapper>.dp-gallery-tile .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-gallery-tiles__wrapper>.dp-gallery-tile .dp-dominant-colour,
.page.entering .dp-gallery-tiles__wrapper>.dp-gallery-tile .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-gallery-tiles__wrapper>.dp-gallery-tile.is-selected {
-webkit-filter: brightness(0.6);
filter: brightness(0.6)
}
.browser-internetexplorer .dp-gallery-tiles__wrapper>.dp-gallery-tile {
position: relative
}
.browser-internetexplorer .dp-gallery-tiles__wrapper>.dp-gallery-tile::after {
content: '';
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
opacity: .4
}
.browser-internetexplorer .dp-gallery-tiles__wrapper>.dp-gallery-tile.is-selected::after {
display: block
}
.dp-gallery-overlay__close {
position: absolute;
top: 30px;
right: 30px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.dp-gallery-overlay__close>button {
cursor: pointer
}
.dp-gallery-title {
margin-right: 20px
}
@media screen and (min-width: 768px) {
.dp-project-tabs {
margin: 0 auto;
max-width: 1466px;
padding: 0 48px
}
}
.dp-project-tabs .dp-section-tab {
display: none;
height: 75px;
padding: 0px 30px
}
@media screen and (min-width: 768px) {
.dp-project-tabs .dp-section-tab {
display: block;
padding: 0;
height: 85px
}
}
.dp-project-tabs .dp-section-tab .dp-st-link,
.dp-project-tabs .dp-section-tab .dp-st-header {
color: #000
}
.dp-project-tabs .dp-section-tab .dp-st-link,
.dp-project-tabs .dp-section-tab .dp-st-header {
padding-left: 0;
padding-right: 0
}
@media screen and (min-width: 768px) {
.dp-project-tabs .dp-section-tab .dp-st-link,
.dp-project-tabs .dp-section-tab .dp-st-header {
padding-left: 20px;
padding-right: 20px
}
}
.dp-project-tabs .dp-section-tab .dp-st-indicator::after,
.dp-project-tabs .dp-section-tab .dp-st-pointer {
background-color: #000
}
.dp-project-tabs .dp-at-content {
margin-bottom: 40px
}
@media screen and (min-width: 768px) {
.dp-project-tabs .dp-at-content {
margin-bottom: 100px;
padding: 20px 0 0
}
}
@media screen and (min-width: 1366px) {
.dp-project-tabs .dp-at-content {
padding: 20px 0 0
}
}
.dp-project-tabs .dp-select-style-1 {
padding: 0;
width: calc(100% - 60px);
margin: 0 30px;
padding: 20px 0
}
@media screen and (min-width: 768px) {
.dp-project-tabs .dp-select-style-1 {
display: none
}
}
.dp-project-tabs.tab-single-result .dp-section-tab {
display: block
}
.dp-project-tabs.tab-single-result .dp-select-style-1 {
display: none
}
.dp-pd-stats__list {
overflow: hidden;
padding: 25px 30px 30px
}
@media screen and (min-width: 768px) {
.dp-pd-stats__list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
position: relative
}
.dp-pd-stats__list:before,
.dp-pd-stats__list:after {
background-color: rgba(0, 0, 0, 0.08);
content: '';
display: block;
position: absolute;
height: 1px;
width: calc(50% - 20px);
top: 0
}
.dp-pd-stats__list:before {
left: 0
}
.dp-pd-stats__list:after {
right: 0
}
}
.dp-pd-stats__list>dt {
margin-top: 10px;
color: #000;
font-size: 12px;
font-size: 1.2rem;
line-height: 20px;
font-weight: 300;
letter-spacing: 0.5px;
text-align: center
}
@media screen and (max-width: 768px) {
.dp-pd-stats__list>dt:first-child {
margin-top: 0
}
}
@media screen and (min-width: 768px) {
.dp-pd-stats__list>dt {
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
clear: left;
float: left;
margin: 0;
padding: 21px 0 21px 20px;
text-align: left;
width: 45%
}
}
.dp-pd-stats__list>dd {
color: #000;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
font-weight: 300;
letter-spacing: 0.5px;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
margin-bottom: 15px;
margin-top: 7px;
padding-bottom: 20px;
text-align: center
}
.dp-pd-stats__list>dd.dp-is-featured p {
margin: 0
}
@media screen and (min-width: 768px) {
.dp-pd-stats__list>dd {
float: left;
margin: 0;
padding: 21px 0;
text-align: left;
width: 55%
}
}
.dp-pd-stats__dl-list {
list-style: none;
font-size: 0;
overflow: hidden;
padding: 7px 30px 30px
}
.dp-pd-stats__dl-list li,
.dp-pd-stats__dl-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-pd-stats__dl-list li a,
.dp-pd-stats__dl-list .dp-list-item a {
text-decoration: none
}
.dp-pd-stats__dl-list li:before,
.dp-pd-stats__dl-list .dp-list-item:before {
content: none
}
@media screen and (min-width: 768px) {
.dp-pd-stats__dl-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
position: relative
}
.dp-pd-stats__dl-list:before,
.dp-pd-stats__dl-list:after {
background-color: rgba(0, 0, 0, 0.08);
content: '';
display: block;
position: absolute;
height: 1px;
width: calc(50% - 20px);
top: 0
}
.dp-pd-stats__dl-list:before {
left: 0
}
.dp-pd-stats__dl-list:after {
right: 0
}
}
.dp-pd-stats__dl-list .dp-pd-stats__dl-item {
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
padding: 20px 0
}
@media screen and (min-width: 768px) {
.dp-pd-stats__dl-list .dp-pd-stats__dl-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: calc(50% - 20px);
overflow: hidden
}
.dp-pd-stats__dl-list .dp-pd-stats__dl-item:nth-child(odd) {
margin-right: 20px
}
.dp-pd-stats__dl-list .dp-pd-stats__dl-item:nth-child(even) {
margin-left: 20px
}
}
.dp-pd-stats__dl-list .dp-pd-stats__dl-dt {
color: #000;
font-size: 12px;
font-size: 1.2rem;
line-height: 20px;
font-weight: 300;
letter-spacing: 0.5px;
display: block;
margin-bottom: 5px;
text-align: center
}
@media screen and (min-width: 768px) {
.dp-pd-stats__dl-list .dp-pd-stats__dl-dt {
float: left;
margin: 0;
padding-left: 20px;
text-align: left;
width: 45%;
line-height: 24px
}
}
.dp-pd-stats__dl-list .dp-pd-stats__dl-dd {
color: #000;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
font-weight: 300;
letter-spacing: 0.5px;
display: block;
text-align: center
}
@media screen and (min-width: 768px) {
.dp-pd-stats__dl-list .dp-pd-stats__dl-dd {
float: left;
padding-left: 20px;
text-align: left;
width: 55%
}
}
.dp-pd-stats__dl-list .dp-pd-stats__dl-dd.dp-pd-stats__dl-dd_website {
word-wrap: break-word
}
.dp-pd-stats__value-list {
list-style: none;
font-size: 0;
overflow: hidden;
padding: 7px 30px 30px
}
.dp-pd-stats__value-list li,
.dp-pd-stats__value-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-pd-stats__value-list li a,
.dp-pd-stats__value-list .dp-list-item a {
text-decoration: none
}
.dp-pd-stats__value-list li:before,
.dp-pd-stats__value-list .dp-list-item:before {
content: none
}
@media screen and (min-width: 769px) {
.dp-pd-stats__value-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
position: relative
}
.dp-pd-stats__value-list:before,
.dp-pd-stats__value-list:after {
background-color: rgba(0, 0, 0, 0.08);
content: '';
display: block;
position: absolute;
height: 1px;
width: calc(50% - 20px);
top: 0
}
.dp-pd-stats__value-list:before {
left: 0
}
.dp-pd-stats__value-list:after {
right: 0
}
}
.dp-pd-stats__value-list .dp-pd-stats__value-item {
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
padding: 20px 0
}
@media screen and (min-width: 769px) {
.dp-pd-stats__value-list .dp-pd-stats__value-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: calc(50% - 20px);
overflow: hidden
}
.dp-pd-stats__value-list .dp-pd-stats__value-item:nth-child(odd) {
margin-right: 20px
}
.dp-pd-stats__value-list .dp-pd-stats__value-item:nth-child(even) {
margin-left: 20px
}
}
.dp-pd-stats__value-list .dp-pd-stats__value-dt {
color: #000;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
font-weight: 400;
letter-spacing: 0.5px;
display: block;
margin-bottom: 5px;
text-align: left
}
@media screen and (min-width: 769px) {
.dp-pd-stats__value-list .dp-pd-stats__value-dt {
float: left;
margin: 0;
padding-left: 20px;
width: 30%;
line-height: 24px
}
}
.dp-pd-stats__value-list .dp-pd-stats__value-dd {
color: #000;
font-size: 12px;
font-size: 1.2rem;
line-height: 20px;
font-weight: 300;
letter-spacing: 0.5px;
display: block;
text-align: left
}
.dp-pd-stats__value-list .dp-pd-stats__value-dd p {
font-size: 12px;
font-size: 1.2rem;
line-height: 24px;
margin-bottom: 0
}
@media screen and (min-width: 769px) {
.dp-pd-stats__value-list .dp-pd-stats__value-dd {
float: left;
padding-left: 20px;
width: 70%
}
}
.dp-pd-stats__cite-list {
list-style: none;
overflow: hidden;
padding: 3px 30px 0;
border-top: none
}
.dp-pd-stats__cite-list li,
.dp-pd-stats__cite-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-pd-stats__cite-list li a,
.dp-pd-stats__cite-list .dp-list-item a {
text-decoration: none
}
.dp-pd-stats__cite-list li:before,
.dp-pd-stats__cite-list .dp-list-item:before {
content: none
}
@media screen and (min-width: 768px) {
.dp-pd-stats__cite-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
position: relative
}
.dp-pd-stats__cite-list:before,
.dp-pd-stats__cite-list:after {
background-color: rgba(0, 0, 0, 0.08);
content: '';
display: block;
position: absolute;
height: 1px;
width: calc(50% - 20px);
top: 0
}
.dp-pd-stats__cite-list:before {
left: 0
}
.dp-pd-stats__cite-list:after {
right: 0
}
}
.dp-pd-stats__cite-list>li {
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08)
}
.dp-pd-stats__cite-list .dp-list-link {
border: none
}
@media screen and (min-width: 768px) {
.dp-pd-stats__cite-list .dp-list-link {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: calc(50% - 20px)
}
.dp-pd-stats__cite-list .dp-list-link:nth-child(odd) {
margin-right: 20px
}
.dp-pd-stats__cite-list .dp-list-link:nth-child(even) {
margin-left: 20px
}
}
.dp-pd-stats__cite-list .dp-list-link a {
padding: 20px 40px 20px 0
}
@media screen and (min-width: 768px) {
.dp-pd-stats__cite-list .dp-list-link a {
padding: 20px 60px 20px 20px
}
}
.dp-pd-list-citation__date {
color: #000;
font-size: 12px;
font-size: 1.2rem;
line-height: 20px;
font-weight: 300;
letter-spacing: 0.5px;
display: block
}
.dp-pd-list-citation__title {
color: #000;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
font-weight: 300;
letter-spacing: 0.5px;
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
width: 100%
}
.dp-pd-link-text {
font-weight: 400
}
.dp-pd-stats__regular-list {
list-style: none;
overflow: hidden;
padding: 3px 30px 0
}
.dp-pd-stats__regular-list li,
.dp-pd-stats__regular-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-pd-stats__regular-list li a,
.dp-pd-stats__regular-list .dp-list-item a {
text-decoration: none
}
.dp-pd-stats__regular-list li:before,
.dp-pd-stats__regular-list .dp-list-item:before {
content: none
}
@media screen and (min-width: 768px) {
.dp-pd-stats__regular-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
position: relative
}
.dp-pd-stats__regular-list:before,
.dp-pd-stats__regular-list:after {
background-color: rgba(0, 0, 0, 0.08);
content: '';
display: block;
position: absolute;
height: 1px;
width: calc(50% - 20px);
top: 0
}
.dp-pd-stats__regular-list:before {
left: 0
}
.dp-pd-stats__regular-list:after {
right: 0
}
}
.dp-pd-stats__regular-list>li {
color: #000;
border-bottom: solid 1px rgba(0, 0, 0, 0.08);
margin: 0;
font-size: 12px;
font-size: 1.2rem;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
line-height: 22px;
padding: 20px 0
}
@media screen and (min-width: 768px) {
.dp-pd-stats__regular-list>li {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: calc(50% - 20px);
padding-left: 20px
}
.dp-pd-stats__regular-list>li:nth-child(odd) {
margin-right: 20px
}
.dp-pd-stats__regular-list>li:nth-child(even) {
margin-left: 20px
}
}
.dp-mega-filter {
position: relative;
z-index: 200
}
.dp-mega-filter-sticky {
position: fixed;
padding-top: 74px;
width: 100%
}
@media screen and (min-width: 1024px) {
.dp-mega-filter-sticky {
padding-top: 78px
}
}
.dp-filter-drawer {
background: #FFFFFF;
width: 100%;
position: absolute;
top: 100%;
left: 0;
z-index: 2000;
height: 0;
overflow: hidden;
display: none
}
@media screen and (min-width: 1024px) {
.dp-filter-drawer {
display: block
}
}
.dp-filter-curtain {
width: 100%;
position: absolute;
top: 100%;
left: 0;
z-index: 1500;
height: 100vh;
background: #000000;
pointer-events: none;
opacity: 0
}
.dp-filter-options-list {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin: 10px 48px 10px
}
.dp-filter-options-list li,
.dp-filter-options-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-filter-options-list li a,
.dp-filter-options-list .dp-list-item a {
text-decoration: none
}
.dp-filter-options-list li:before,
.dp-filter-options-list .dp-list-item:before {
content: none
}
.dp-filter-options-list .dp-filter-set {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
flex: 0 0 25%
}
.dp-filter-options-list .dp-filter-option {
margin: 40px auto 40px 0
}
.dp-filter-options-list .dp-filter-option .dp-filter-link {
font-weight: 400;
opacity: .85;
transition: opacity .1s;
line-height: 24px
}
.no-touchevents .dp-filter-options-list .dp-filter-option .dp-filter-link:hover {
opacity: 1
}
.dp-filter-options-list .dp-filter-option.selected .dp-filter-link {
font-weight: 600;
opacity: 1
}
.dp-filter-options-list .dp-filter-option.disabled {
color: #9B9B9B;
opacity: 1
}
.dp-filter-bar {
background: #fff;
width: 100%;
padding: 30px 48px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-grid-row-align: center;
align-items: center;
border-bottom: 1px solid #E3E3E3;
display: none
}
@media screen and (min-width: 1024px) {
.dp-filter-bar {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
}
.dp-bar-item {
margin-right: 60px;
cursor: pointer
}
.dp-bar-item .dp-bar-button {
font-family: "Open Sans", Helvetica, Arial;
-webkit-appearance: none;
border: 0;
padding: 0;
display: inline;
background: transparent;
cursor: pointer
}
.dp-bar-item .dp-bar-button>.arrow-down {
background: url(../images/icons/chevron-down-black.svg?v=2617) no-repeat;
background-size: 100%;
display: inline-block;
width: 15px;
height: 9px;
margin-left: 10px;
position: relative;
bottom: 2px
}
.dp-bar-item .dp-bar-button__text {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
display: inline-block
}
@media screen and (min-width: 768px) {
.dp-bar-item .dp-bar-button__text {
font-size: 21px;
font-size: 2.1rem;
line-height: 28px
}
}
@media screen and (min-width: 768px) {
.dp-bar-item .dp-bar-button__text {
margin-bottom: 0
}
}
.dp-bar-total {
margin-left: auto;
line-height: 28px;
font-size: 14px;
font-size: 1.4rem;
font-weight: 300
}
.dp-filter-selects {
background: #fff;
display: block
}
@media screen and (min-width: 1024px) {
.dp-filter-selects {
display: none
}
}
.dp-filter-wrapper {
width: 100%;
position: relative
}
.dp-filter-wrapper>.arrow-down {
background: url(../images/icons/chevron-down-black.svg?v=2617) no-repeat;
background-size: 100%;
display: inline-block;
width: 15px;
height: 9px;
margin-left: 16px;
pointer-events: none;
position: absolute;
right: 34.5px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.dp-filter-select {
padding: 22px 50px 22px 30px;
width: 100%;
font-family: "Open Sans", Helvetica, Arial;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
font-size: 16px;
font-size: 1.6rem;
-webkit-appearance: none;
border: 0;
display: inline;
background: transparent;
cursor: pointer;
border-bottom: 1px solid #E3E3E3;
border-radius: initial;
box-shadow: none;
margin: 0
}
@media screen and (min-width: 768px) {
.dp-filter-select {
font-size: 19px;
font-size: 1.9rem;
line-height: 26px
}
}
.dp-projects-maps-list .dp-pml-item {
margin-bottom: 60px
}
.dp-projects-maps-list .dp-pml-item h1 {
padding-left: 48px
}
.dp-projects-maps-list .dp-pml-map {
width: 1024;
height: 768px
}
.dp-news-links {
background: #f5f5f5
}
.dp-news-links .dp-nl-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 40px 0
}
@media screen and (min-width: 769px) {
.dp-news-links .dp-nl-wrapper {
padding: 80px 46px
}
}
.dp-news-links .dp-nls-title {
padding: 0 30px
}
@media screen and (min-width: 769px) {
.dp-news-links .dp-nls-title {
padding: 0
}
}
.dp-news-links .dp-news-link {
background: #fff
}
@media screen and (min-width: 769px) {
.dp-news-links .dp-news-link:first-child {
margin-right: 20px
}
.dp-news-links .dp-news-link:last-child {
margin-left: 20px
}
}
.dp-news-links .dp-nl-wrapper-link {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%
}
.browser-internetexplorer .dp-news-links .dp-nl-wrapper-link {
display: block
}
.dp-news-links .dp-nl-copy {
margin: auto 0;
padding: 20px 30px
}
@media screen and (min-width: 769px) {
.dp-news-links .dp-nl-copy {
padding: 30px
}
}
.dp-news-links .dp-nl-image-wrapper {
height: 45vw;
min-height: 209px
}
@media screen and (min-width: 769px) {
.dp-news-links .dp-nl-image-wrapper {
height: 25vw;
max-height: 400px
}
}
.dp-news-links .dp-nl-image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.dp-news-links .dp-nl-date {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 20px;
margin-bottom: 16px;
margin-bottom: 2px
}
@media screen and (min-width: 768px) {
.dp-news-links .dp-nl-date {
font-size: 12px;
font-size: 1.2rem;
line-height: 20px;
margin-bottom: 20px
}
}
@media screen and (min-width: 769px) {
.dp-news-links .dp-nl-date {
margin-bottom: 0
}
}
.dp-news-links .dp-nl-title {
margin-bottom: 0
}
@media screen and (min-width: 769px) {
.dp-news-links .dp-nl-title {
font-size: 19px;
font-size: 1.9rem;
margin-bottom: 0;
line-height: 24px
}
}
.dp-news-links .slick-dots {
list-style: none;
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding-top: 20px
}
.dp-news-links .slick-dots li,
.dp-news-links .slick-dots .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-news-links .slick-dots li a,
.dp-news-links .slick-dots .dp-list-item a {
text-decoration: none
}
.dp-news-links .slick-dots li:before,
.dp-news-links .slick-dots .dp-list-item:before {
content: none
}
.dp-news-links .slick-dots>li {
width: 32px;
height: 20px;
display: inline-block;
padding: 0;
opacity: .3;
transition: opacity .5s
}
.dp-news-links .slick-dots>li:hover {
opacity: .8
}
.dp-news-links .slick-dots>li.slick-active {
opacity: 1
}
.dp-news-links .slick-dots>li>button {
margin: 0;
padding: 0;
border: 0;
background: transparent;
overflow: hidden;
width: 32px;
height: 20px;
display: block;
font-size: 1px;
text-indent: -200px;
position: relative;
cursor: pointer
}
.dp-news-links .slick-dots>li>button::after {
content: '';
background: #000000;
position: absolute;
left: 50%;
top: 50%;
width: 8px;
height: 8px;
border-radius: 100%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.dp-news-links .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
.dp-news-links .slick-initialized .slick-slide {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: auto;
float: none
}
.dp-filter-loader {
position: absolute;
left: 0;
top: 244px;
right: 0;
bottom: 0;
width: 100%;
height: calc(100% - 244px);
z-index: 100;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: opacity 1s;
pointer-events: none
}
@media screen and (min-width: 768px) {
.dp-filter-loader {
top: 168px;
height: calc(100% - 168px)
}
}
.dp-filter-loader.open {
pointer-events: auto;
opacity: 1
}
.filter-loader-loading .dp-filter-loader.open::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23b2b2b2' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23000000' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E");
position: fixed
}
.search .filter-loader-loading .dp-filter-loader.open::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-modular-video {
margin-bottom: 40px
}
@media screen and (min-width: 768px) {
.dp-modular-video {
margin-bottom: 80px
}
}
.dp-modular-video-poster {
width: 100%;
position: relative;
height: 60vh
}
.dp-modular-video-poster>.dp-spacer {
width: 100%;
padding-top: 56.25%
}
.dp-modular-video-poster>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-modular-video-poster>.dp-content>.dp-content__img,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.left-top,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.left-centre,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.left-bottom,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.centre-top,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.centre-centre,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.centre-bottom,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.right-top,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.right-centre,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-modular-video-poster>.dp-content>.dp-content__img.right-bottom,
.dp-modular-video-poster>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-modular-video-poster>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-modular-video-poster .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-modular-video-poster .dp-content__img.is-blurred {
opacity: 0
}
.dp-modular-video-poster:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-modular-video-poster.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-modular-video-poster.is-loaded.no-gradient::after {
display: none
}
.dp-modular-video-poster:hover.is-loaded::after {
opacity: .8
}
.dp-modular-video-poster.is-loaded .dp-spacer::after {
content: none !important
}
.dp-modular-video-poster .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-modular-video-poster .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-modular-video-poster.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-modular-video-poster.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-modular-video-poster .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-modular-video-poster .dp-dominant-colour,
.page.entering .dp-modular-video-poster .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
@media screen and (min-width: 768px) {
.dp-modular-video-poster {
height: 73vh
}
}
.dp-modular-video-poster.hide-video .dp-modular-video-container {
display: none
}
.dp-modular-video-container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-filter: saturate(100%);
filter: saturate(100%)
}
.dp-modular-video-container.is-horizontal {
width: 100%
}
.dp-modular-video-container.is-vertical {
height: 100%
}
.dp-accreditation {
width: 100%;
margin-bottom: 60px
}
.dp-acc-wrapper {
margin: 0 auto
}
@media screen and (min-width: 1024px) {
.dp-acc-wrapper {
max-width: 1466px;
padding: 0 50px
}
}
.dp-acc-list {
list-style: none
}
.dp-acc-list li,
.dp-acc-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-acc-list li a,
.dp-acc-list .dp-list-item a {
text-decoration: none
}
.dp-acc-list li:before,
.dp-acc-list .dp-list-item:before {
content: none
}
.dp-acc-list li {
position: relative
}
.dp-acc-card {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-height: 310px;
margin-bottom: 1px
}
@media screen and (min-width: 768px) {
.browser-internetexplorer .dp-acc-card {
min-height: 0
}
}
@media screen and (min-width: 1024px) {
.dp-acc-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row
}
}
.dp-acc-card .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
z-index: -1
}
.page.leaving .dp-acc-card .dp-dominant-colour,
.page.entering .dp-acc-card .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-acc-card__image {
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
position: relative;
height: 400px
}
@media screen and (min-width: 1024px) {
.dp-acc-card__image {
height: auto;
max-width: 450px;
width: 33.3%
}
}
.dp-acc-card__copy {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
padding: 48px 30px;
transition: opacity 1s;
color: #fff
}
.standby .dp-acc-card__copy {
opacity: 0
}
@media screen and (min-width: 1024px) {
.dp-acc-card__copy {
padding: 48px 40px;
width: 66.7%
}
}
.dp-acc-card__copy>p {
margin-bottom: 20px
}
.dp-acc-card__title {
font-size: 19px;
font-size: 1.9rem;
line-height: 29px;
margin-bottom: 10px
}
@media screen and (min-width: 768px) {
.dp-acc-card__title {
font-size: 21px;
font-size: 2.1rem;
line-height: 29px;
margin-bottom: 10px
}
}
.dp-acc-card-image {
width: 100%;
position: relative;
height: auto;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.dp-acc-card-image>.dp-spacer {
width: 100%;
padding-top: 56.2408223201%
}
.dp-acc-card-image>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-acc-card-image>.dp-content>.dp-content__img,
.dp-acc-card-image>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.left-top,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.left-centre,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.left-bottom,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.centre-top,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.centre-centre,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.centre-bottom,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.right-top,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.right-centre,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-acc-card-image>.dp-content>.dp-content__img.right-bottom,
.dp-acc-card-image>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-acc-card-image>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-acc-card-image .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-acc-card-image .dp-content__img.is-blurred {
opacity: 0
}
.dp-acc-card-image:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-acc-card-image.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-acc-card-image.is-loaded.no-gradient::after {
display: none
}
.dp-acc-card-image:hover.is-loaded::after {
opacity: .8
}
.dp-acc-card-image.is-loaded .dp-spacer::after {
content: none !important
}
.dp-acc-card-image .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 22px;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-acc-card-image .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-acc-card-image.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-acc-card-image.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-acc-card-image .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-acc-card-image .dp-dominant-colour,
.page.entering .dp-acc-card-image .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-e-copy.is-accreditation {
padding: 34px 30px
}
@media screen and (min-width: 768px) {
.dp-e-copy.is-accreditation {
padding: 34px 48px
}
}
.dp-e-copy.is-accreditation .dp-e-copy__contents {
display: inline-block;
margin-bottom: 5px
}
.dp-acc-card .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-acc-card:nth-child(12n+1) .dp-dominant-colour {
background-color: #7A7466
}
.dp-acc-card:nth-child(12n+2) .dp-dominant-colour {
background-color: #5F6D70
}
.dp-acc-card:nth-child(12n+3) .dp-dominant-colour {
background-color: #636960
}
.dp-acc-card:nth-child(12n+4) .dp-dominant-colour {
background-color: #796F63
}
.dp-acc-card:nth-child(12n+5) .dp-dominant-colour {
background-color: #4E555C
}
.dp-acc-card:nth-child(12n+6) .dp-dominant-colour {
background-color: #48504A
}
.dp-acc-card:nth-child(12n+7) .dp-dominant-colour {
background-color: #795A54
}
.dp-acc-card:nth-child(12n+8) .dp-dominant-colour {
background-color: #3C444D
}
.dp-acc-card:nth-child(12n+9) .dp-dominant-colour {
background-color: #414C4A
}
.dp-acc-card:nth-child(12n+10) .dp-dominant-colour {
background-color: #7E6D5D
}
.dp-acc-card:nth-child(12n+11) .dp-dominant-colour {
background-color: #787573
}
.dp-acc-card:nth-child(12n+12) .dp-dominant-colour {
background-color: #6C636C
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+1) {
background-color: #7A7466
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+2) {
background-color: #5F6D70
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+3) {
background-color: #636960
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+4) {
background-color: #796F63
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+5) {
background-color: #4E555C
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+6) {
background-color: #48504A
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+7) {
background-color: #795A54
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+8) {
background-color: #3C444D
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+9) {
background-color: #414C4A
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+10) {
background-color: #7E6D5D
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+11) {
background-color: #787573
}
.dp-grid-subarea .dp-grid-subarea__item:nth-child(12n+12) {
background-color: #6C636C
}
.dp-social-feed {
display: none
}
@media screen and (min-width: 769px) {
.dp-social-feed {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 25vw;
margin: 0 auto 130px;
max-height: 315px;
max-width: 1260px;
width: 100%
}
}
.dp-social-feed .dp-sf-tile {
width: 25%;
position: relative
}
.dp-social-feed .dp-sf-instagram {
background: #4E555C
}
.dp-social-feed .dp-sf-instagram.is-loading::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 30px;
left: calc(50% - 15px);
top: calc(50% - 15px);
width: 30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.search .dp-social-feed .dp-sf-instagram.is-loading::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1px' /%3E %3Ccircle cx='15' cy='15' r='14' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 47.123'/%3E %3C/svg%3E")
}
.dp-social-feed .dp-sf-twitter {
background: #f5f5f5;
transition: background .3s
}
.dp-social-feed .dp-sf-twitter:hover {
background: #EBEBEB
}
.dp-social-feed .dp-sf-message-wrapper {
display: block;
height: 100%;
width: 100%
}
.dp-social-feed .dp-sf-message {
font-size: 12px;
font-size: 1.2rem;
font-weight: 300;
left: 50%;
line-height: 22px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%
}
@media screen and (min-width: 1025px) {
.dp-social-feed .dp-sf-message {
font-size: 14px;
font-size: 1.4rem;
line-height: 24px
}
}
.dp-social-feed .dp-sf-blue {
color: #1DA1F2;
font-weight: 400
}
.dp-social-feed .dp-sf-img-link {
display: block;
height: 100%;
width: 100%
}
.dp-social-feed .dp-sf-img-link::after {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
bottom: 0;
content: '';
height: 100%;
left: 0;
opacity: .7;
position: absolute;
transition: opacity .3s ease;
width: 100%
}
.no-touchevents .dp-social-feed .dp-sf-img-link:hover::after {
opacity: .8
}
.is-loading .dp-social-feed .dp-sf-img-link::after {
opacity: 0
}
.dp-social-feed .dp-sf-instagram-image {
display: block;
width: 100%;
height: 100%;
opacity: 1;
transition: opacity .7s
}
.dp-social-feed .dp-sf-instagram-image.is-hidden {
opacity: 0
}
.dp-social-feed .dp-sf-screenname {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: absolute;
bottom: 20px;
left: 20px
}
.dp-social-feed .dp-sf-twitter-logo,
.dp-social-feed .dp-sf-instagram-logo {
display: inline-block;
margin-right: 7px
}
.dp-social-feed .dp-sf-twitter-logo {
background: url(../images/icons/twitter-blue.svg?v=2617) center center no-repeat;
width: 21px;
height: 18px
}
.dp-social-feed .dp-sf-instagram-logo {
background: url(../images/icons/instagram-white.svg?v=2617) center center no-repeat;
background-size: 22px;
width: 22px;
height: 22px
}
.dp-social-feed .dp-sf-twitter-handle,
.dp-social-feed .dp-sf-instagram-handle {
font-size: 12px;
font-size: 1.2rem;
line-height: 24px;
font-weight: 600
}
.dp-social-feed .dp-sf-instagram-handle {
color: #fff
}
.dp-ctile-title {
margin-bottom: 10px;
padding: 40px 30px 0
}
@media screen and (min-width: 768px) {
.dp-ctile-title {
margin: 0 auto;
margin-bottom: 20px;
padding: 82px 0 0;
text-align: center;
width: 620px
}
}
.dp-ctile-intro-content {
padding: 0 30px 30px;
text-align: left
}
@media screen and (min-width: 768px) {
.dp-ctile-intro-content {
margin: 0 auto;
padding: 0 0 30px;
text-align: center;
width: 620px
}
}
.dp-ctile-intro-content p {
font-size: 16px;
font-size: 1.6rem;
line-height: 29px;
margin-bottom: 0px;
font-weight: 300
}
@media screen and (min-width: 768px) {
.dp-ctile-intro-content p {
font-size: 16px;
font-size: 1.6rem;
line-height: 29px;
margin-bottom: 0px
}
}
.dp-ctile-intro-link {
padding-bottom: 40px;
padding-left: 30px;
text-align: left
}
@media screen and (min-width: 768px) {
.dp-ctile-intro-link {
text-align: center;
padding-bottom: 80px;
padding-left: 0
}
}
.dp-ctile-img {
width: 100%;
position: relative
}
.dp-ctile-img>.dp-spacer {
width: 100%;
padding-top: 56.2408223201%
}
.dp-ctile-img>.dp-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.dp-ctile-img>.dp-content>.dp-content__img,
.dp-ctile-img>.dp-content>picture>.dp-content__img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.left-top,
.dp-ctile-img>.dp-content>picture>.dp-content__img.left-top {
left: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.left-centre,
.dp-ctile-img>.dp-content>picture>.dp-content__img.left-centre {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.left-bottom,
.dp-ctile-img>.dp-content>picture>.dp-content__img.left-bottom {
top: auto;
left: 0;
bottom: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.centre-top,
.dp-ctile-img>.dp-content>picture>.dp-content__img.centre-top {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.centre-centre,
.dp-ctile-img>.dp-content>picture>.dp-content__img.centre-centre {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
-ms-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.centre-bottom,
.dp-ctile-img>.dp-content>picture>.dp-content__img.centre-bottom {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) scale(1.01);
-ms-transform: translateX(-50%) scale(1.01);
transform: translateX(-50%) scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.right-top,
.dp-ctile-img>.dp-content>picture>.dp-content__img.right-top {
left: auto;
right: 0;
top: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.right-centre,
.dp-ctile-img>.dp-content>picture>.dp-content__img.right-centre {
left: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.01);
-ms-transform: translateY(-50%) scale(1.01);
transform: translateY(-50%) scale(1.01)
}
.dp-ctile-img>.dp-content>.dp-content__img.right-bottom,
.dp-ctile-img>.dp-content>picture>.dp-content__img.right-bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
.dp-ctile-img>.dp-bg-colour {
z-index: 50;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.dp-ctile-img .dp-content__img {
transition: opacity 1.5s, -webkit-transform 1.5s ease-out;
transition: transform 1.5s ease-out, opacity 1.5s;
transition: transform 1.5s ease-out, opacity 1.5s, -webkit-transform 1.5s ease-out;
opacity: 1;
will-change: transform
}
.dp-ctile-img .dp-content__img.is-blurred {
opacity: 0
}
.dp-ctile-img:not(.no-zoom) .dp-content:hover>.dp-content__img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
transform: translate3d(-50%, -50%, 0) scale(1.05)
}
.dp-ctile-img.is-loaded::after {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .7;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
transition: opacity 1s ease
}
.dp-ctile-img.is-loaded.no-gradient::after {
display: none
}
.dp-ctile-img:hover.is-loaded::after {
opacity: .8
}
.dp-ctile-img.is-loaded .dp-spacer::after {
content: none !important
}
.dp-ctile-img .dp-spacer::after {
content: '';
display: block;
position: absolute;
overflow: hidden;
z-index: 75;
-webkit-animation: loaderAnimation .8s infinite linear;
animation: loaderAnimation .8s infinite linear;
height: 40px;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.search .dp-ctile-img .dp-spacer::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-opacity='0.3' stroke-width='1.5px' /%3E %3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23FFFFFF' stroke-width='1px' stroke-linecap='round' stroke-dashoffset='95' stroke-dasharray='16, 57.123'/%3E %3C/svg%3E")
}
.dp-ctile-img.dp-grid-item__single.is-loaded::after {
content: none
}
.dp-ctile-img.dp-grid-item__single.has-gradient.is-loaded::after {
content: ''
}
.dp-ctile-img .dp-dominant-colour {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%);
filter: contrast(100%) brightness(100%) saturate(0.3) sepia(5%)
}
.page.leaving .dp-ctile-img .dp-dominant-colour,
.page.entering .dp-ctile-img .dp-dominant-colour {
-webkit-filter: none;
filter: none
}
.dp-sponsors-wrapper {
margin: 0 30px
}
@media screen and (min-width: 768px) {
.dp-sponsors-wrapper {
margin: 0 auto;
width: 100%;
max-width: 620px
}
}
.dp-sponsors-title {
line-height: 29px
}
@media screen and (min-width: 768px) {
.dp-sponsors-title {
font-size: 16px;
font-size: 1.6rem
}
}
.dp-sponsors-list {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 50px;
margin-bottom: 50px
}
.dp-sponsors-list li,
.dp-sponsors-list .dp-list-item {
line-height: 1;
padding-left: 0;
position: static
}
.dp-sponsors-list li a,
.dp-sponsors-list .dp-list-item a {
text-decoration: none
}
.dp-sponsors-list li:before,
.dp-sponsors-list .dp-list-item:before {
content: none
}
.dp-sponsors-list>.dp-sponsors-item {
width: 70%;
margin: 0 auto 10px
}
@media screen and (min-width: 400px) {
.dp-sponsors-list>.dp-sponsors-item {
width: 50%;
margin: 0
}
}
@media screen and (min-width: 620px) {
.dp-sponsors-list>.dp-sponsors-item {
width: 33.3%;
margin: 0
}
}
.dp-sponsors-image {
height: auto;
width: 100%
}
@media screen and (min-width: 769px) {
.dp-media-tile {
height: 100%
}
}
.dp-media-tile .dp-modular-video {
margin-bottom: 0
}
.dp-media-tile .dp-modular-video-container {
position: static;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
width: calc(100% + 1px) !important;
height: auto !important
}
@media screen and (min-width: 769px) {
.dp-media-tile .dp-modular-video-poster>.dp-content {
position: static
}
}
.dp-media-tile .dp-modular-video-poster>.dp-content>.dp-content__img {
width: 100% !important;
height: auto !important
}
@media screen and (min-width: 769px) {
.dp-media-tile .dp-modular-video-poster .dp-spacer {
display: none
}
}
@media screen and (min-width: 769px) {
.dp-media-tile .dp-modular-video {
margin-bottom: 0
}
.dp-media-tile .dp-modular-video-poster {
height: auto
}
}
.dp-homepage-overlay {
background: #000;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 3000
}
@media screen and (min-width: 1024px) {
.dp-homepage-overlay {
display: block
}
}
.dp-video-detail {
height: 100%;
position: relative;
width: 100%;
padding-top: 74px
}
@media screen and (min-width: 768px) {
.dp-video-detail {
padding-top: 78px
}
}
.dp-video-detail .dp-vd-video-wrapper {
background: #000;
margin: 0 auto 35px;
opacity: 0;
width: 100%;
transition: opacity .7s
}
.dp-video-detail .dp-vd-video-wrapper iframe {
display: block;
margin: 0 auto
}
@media screen and (min-width: 768px) {
.dp-video-detail .dp-vd-video-wrapper {
margin: 0 auto 60px
}
}
.dp-video-detail .dp-vd-content {
margin: 0 auto;
max-width: 650px;
opacity: 0;
padding: 0 30px 40px;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
transition: opacity .7s .4s, -webkit-transform .7s .4s;
transition: opacity .7s .4s, transform .7s .4s;
transition: opacity .7s .4s, transform .7s .4s, -webkit-transform .7s .4s
}
@media screen and (min-width: 768px) {
.dp-video-detail .dp-vd-content {
text-align: center
}
}
.dp-video-detail .dp-vd-close {
display: none;
position: fixed;
top: 30px;
right: 30px
}
.dp-video-detail.show .dp-vd-content,
.dp-video-detail.show .dp-vd-video-wrapper {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.dp-video-detail.within-page-overlay {
height: 100%;
padding-top: 88px
}
.dp-video-detail.within-page-overlay .dp-vd-video-wrapper {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 768px) {
.dp-video-detail.within-page-overlay .dp-vd-video-wrapper {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.dp-video-detail.within-page-overlay .dp-vd-content {
display: none
}
.dp-video-detail.within-page-overlay .dp-vd-close {
display: block
}
.dp-video-detail {
height: 100%;
position: relative;
width: 100%;
padding-top: 74px
}
@media screen and (min-width: 768px) {
.dp-video-detail {
padding-top: 78px
}
}
.dp-video-detail .dp-vd-video-wrapper {
background: #000;
margin: 0 auto 35px;
opacity: 0;
width: 100%;
transition: opacity .7s
}
.dp-video-detail .dp-vd-video-wrapper iframe {
display: block;
margin: 0 auto
}
@media screen and (min-width: 768px) {
.dp-video-detail .dp-vd-video-wrapper {
margin: 0 auto 60px
}
}
.dp-video-detail .dp-vd-content {
margin: 0 auto;
max-width: 650px;
opacity: 0;
padding: 0 30px 40px;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
transition: opacity .7s .4s, -webkit-transform .7s .4s;
transition: opacity .7s .4s, transform .7s .4s;
transition: opacity .7s .4s, transform .7s .4s, -webkit-transform .7s .4s
}
@media screen and (min-width: 768px) {
.dp-video-detail .dp-vd-content {
text-align: center
}
}
.dp-video-detail .dp-vd-close {
display: none;
position: fixed;
top: 30px;
right: 30px
}
.dp-video-detail.show .dp-vd-content,
.dp-video-detail.show .dp-vd-video-wrapper {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.dp-video-detail.within-page-overlay {
height: 100%;
padding-top: 88px
}
.dp-video-detail.within-page-overlay .dp-vd-video-wrapper {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 768px) {
.dp-video-detail.within-page-overlay .dp-vd-video-wrapper {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.dp-video-detail.within-page-overlay .dp-vd-content {
display: none
}
.dp-video-detail.within-page-overlay .dp-vd-close {
display: block
}
@media screen and (min-width: 768px) {
.dp-video-folder {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 0 48px;
margin: 0 auto
}
}
.dp-video-folder .dp-ng-item.dp-grid-item__single {
padding-bottom: 0;
position: relative
}
@media screen and (min-width: 768px) {
.dp-video-folder .dp-ng-item.dp-grid-item__single {
width: 50%;
padding-bottom: 40px
}
}
@media screen and (min-width: 768px) {
.dp-video-folder .dp-ng-item.dp-grid-item__single:nth-child(2n+1) {
padding-right: 20px;
width: 50%
}
}
@media screen and (min-width: 768px) {
.dp-video-folder .dp-ng-item.dp-grid-item__single:nth-child(2n) {
padding-left: 20px;
width: 50%
}
}
.no-touchevents .dp-video-folder .dp-ng-item.dp-grid-item__single:hover .dp-vf-play {
background-color: rgba(255, 255, 255, 0.25)
}
.dp-video-folder .dp-content::after {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
content: '';
height: 100%;
left: 0;
opacity: .7;
position: absolute;
top: 0;
transition: opacity 1s;
width: 100%
}
.dp-video-folder .dp-content:hover::after {
opacity: .8
}
.dp-video-folder .dp-vf-play-title {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
left: 30px;
position: absolute;
z-index: 2
}
.dp-video-folder .dp-vf-play {
margin-right: 13px
}
.dp-video-folder .dp-vf-title {
font-size: 16px;
font-size: 1.6rem;
color: #fff;
font-weight: 400;
letter-spacing: .5px;
line-height: 30px;
width: 80%
}
@media screen and (min-width: 768px) {
.dp-video-folder .dp-vf-title {
font-size: 21px;
font-size: 2.1rem
}
}
.dp-video-folder--empty {
font-size: 14px;
font-size: 1.4rem;
padding: 20px 30px
}
@media screen and (min-width: 768px) {
.dp-video-folder--empty {
padding-top: 0;
padding-bottom: 0
}
}
@media screen and (min-width: 1024px) {
.dp-video-folder--empty {
padding: 0 48px
}
}