@charset "UTF-8";
.ds-LG_GB {
background-image: url("/Images/Sprites/LG/GB/wSprite.png?cb=638762645815300000");
background-color: transparent;
background-repeat: no-repeat;
}
.dsb-LG_GB:before, .testimonials-holder .flickity-button:before, .staff-holder .slider-nav .nav:before, .related-events-holder .slider-nav .nav:before,
.related-news-holder .slider-nav .nav:before, .custom-video-holder .video-controls .ctrl.screen:before, .custom-video-holder .video-controls .ctrl.sound:before, .custom-video-holder .video-controls .ctrl.play:before, .custom-video-holder .video-controls .ctrl-play-mobile:before, .custom-menu .cm-levels .cm-item .arrow:before, .secondLvlCss ul li:before, .fixed-item.logo-holder:before, .background-holder .bx-wrapper .bx-controls-direction a span:before, .fixed-item.menu-button:before, .contact-holder .scroll-top:before {
background-image: url("/Images/Sprites/LG/GB/wSprite.png?cb=638762645815300000");
background-color: transparent;
background-repeat: no-repeat;
}
.dsa-LG_GB:after, .testimonials-holder .flickity-button:after, .staff-holder .slider-nav .nav:after, .related-events-holder .slider-nav .nav:after,
.related-news-holder .slider-nav .nav:after, .custom-video-holder .video-controls .ctrl.sound:after, .custom-video-holder .video-controls .ctrl.play:after, .custom-menu .cm-levels .cm-item .arrow:after, .custom-menu .cm-levels .cm-item.cm__item-ref .cm__link-ref .icon:after, .background-holder .bx-wrapper .bx-controls-direction a span:after, .fixed-item.menu-button:after {
background-image: url("/Images/Sprites/LG/GB/wSprite.png?cb=638762645815300000");
background-color: transparent;
background-repeat: no-repeat;
}
.ds-LG_GB_bt-blue {
width: 60px;
height: 56px;
background-position: -1px -1px;
}
.dsb-LG_GB_bt-blue:before, .fixed-item.menu-button:before {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -1px -1px;
}
.dsa-LG_GB_bt-blue:after {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -1px -1px;
}
.ds-LG_GB_bt-lightblue {
width: 60px;
height: 56px;
background-position: -63px -1px;
}
.dsb-LG_GB_bt-lightblue:before {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -63px -1px;
}
.dsa-LG_GB_bt-lightblue:after {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -63px -1px;
}
.ds-LG_GB_bt-lightpink {
width: 60px;
height: 56px;
background-position: -1px -59px;
}
.dsb-LG_GB_bt-lightpink:before {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -1px -59px;
}
.dsa-LG_GB_bt-lightpink:after {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -1px -59px;
}
.ds-LG_GB_bt-pink {
width: 60px;
height: 56px;
background-position: -63px -59px;
}
.dsb-LG_GB_bt-pink:before {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -63px -59px;
}
.dsa-LG_GB_bt-pink:after, .fixed-item.menu-button:after {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -63px -59px;
}
.ds-LG_GB_bt-red {
width: 60px;
height: 56px;
background-position: -125px -1px;
}
.dsb-LG_GB_bt-red:before {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -125px -1px;
}
.dsa-LG_GB_bt-red:after {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -125px -1px;
}
.ds-LG_GB_bt-smoke {
width: 60px;
height: 56px;
background-position: -125px -59px;
}
.dsb-LG_GB_bt-smoke:before {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -125px -59px;
}
.dsa-LG_GB_bt-smoke:after {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -125px -59px;
}
.ds-LG_GB_bt-smokeblue {
width: 60px;
height: 56px;
background-position: -1px -117px;
}
.dsb-LG_GB_bt-smokeblue:before {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -1px -117px;
}
.dsa-LG_GB_bt-smokeblue:after {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -1px -117px;
}
.ds-LG_GB_bt-white {
width: 60px;
height: 56px;
background-position: -63px -117px;
}
.dsb-LG_GB_bt-white:before, .fixed-item.logo-holder:before {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -63px -117px;
}
.dsa-LG_GB_bt-white:after {
display: inline-block;
content: "";
width: 60px;
height: 56px;
background-position: -63px -117px;
}
.ds-LG_GB_bt-blue-md {
width: 50px;
height: 47px;
background-position: -125px -117px;
}
.dsb-LG_GB_bt-blue-md:before, .testimonials-holder .flickity-button:before, .staff-holder .slider-nav .nav:before, .related-events-holder .slider-nav .nav:before,
.related-news-holder .slider-nav .nav:before, .contact-holder .scroll-top:before {
display: inline-block;
content: "";
width: 50px;
height: 47px;
background-position: -125px -117px;
}
.dsa-LG_GB_bt-blue-md:after {
display: inline-block;
content: "";
width: 50px;
height: 47px;
background-position: -125px -117px;
}
.ds-LG_GB_bt-pink-md {
width: 50px;
height: 47px;
background-position: -187px -1px;
}
.dsb-LG_GB_bt-pink-md:before {
display: inline-block;
content: "";
width: 50px;
height: 47px;
background-position: -187px -1px;
}
.dsa-LG_GB_bt-pink-md:after, .testimonials-holder .flickity-button:after, .staff-holder .slider-nav .nav:after, .related-events-holder .slider-nav .nav:after,
.related-news-holder .slider-nav .nav:after {
display: inline-block;
content: "";
width: 50px;
height: 47px;
background-position: -187px -1px;
}
.ds-LG_GB_bt-smoke-md {
width: 50px;
height: 47px;
background-position: -187px -50px;
}
.dsb-LG_GB_bt-smoke-md:before, .testimonials-holder .flickity-button:disabled:before, .staff-holder .slider-nav .nav.disabled:before, .related-events-holder .slider-nav .nav.disabled:before,
.related-news-holder .slider-nav .nav.disabled:before {
display: inline-block;
content: "";
width: 50px;
height: 47px;
background-position: -187px -50px;
}
.dsa-LG_GB_bt-smoke-md:after {
display: inline-block;
content: "";
width: 50px;
height: 47px;
background-position: -187px -50px;
}
.ds-LG_GB_bt-blue-sml {
width: 40px;
height: 38px;
background-position: -187px -99px;
}
.dsb-LG_GB_bt-blue-sml:before {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -187px -99px;
}
.dsa-LG_GB_bt-blue-sml:after, .custom-menu .cm-levels .cm-item .arrow:after {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -187px -99px;
}
.ds-LG_GB_bt-lightblue-sml {
width: 40px;
height: 38px;
background-position: -1px -175px;
}
.dsb-LG_GB_bt-lightblue-sml:before {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -1px -175px;
}
.dsa-LG_GB_bt-lightblue-sml:after {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -1px -175px;
}
.ds-LG_GB_bt-lightpink-sml {
width: 40px;
height: 38px;
background-position: -43px -175px;
}
.dsb-LG_GB_bt-lightpink-sml:before {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -43px -175px;
}
.dsa-LG_GB_bt-lightpink-sml:after {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -43px -175px;
}
.ds-LG_GB_bt-pink-sml {
width: 40px;
height: 38px;
background-position: -85px -175px;
}
.dsb-LG_GB_bt-pink-sml:before {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -85px -175px;
}
.dsa-LG_GB_bt-pink-sml:after, .custom-menu .cm-levels .cm-item.cm__item-ref .cm__link-ref .icon:after {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -85px -175px;
}
.ds-LG_GB_bt-red-sml {
width: 40px;
height: 38px;
background-position: -127px -175px;
}
.dsb-LG_GB_bt-red-sml:before {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -127px -175px;
}
.dsa-LG_GB_bt-red-sml:after {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -127px -175px;
}
.ds-LG_GB_bt-smoke-sml {
width: 40px;
height: 38px;
background-position: -169px -175px;
}
.dsb-LG_GB_bt-smoke-sml:before, .custom-menu .cm-levels .cm-item .arrow:before {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -169px -175px;
}
.dsa-LG_GB_bt-smoke-sml:after {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -169px -175px;
}
.ds-LG_GB_bt-smokeblue-sml {
width: 40px;
height: 38px;
background-position: -239px -1px;
}
.dsb-LG_GB_bt-smokeblue-sml:before {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -239px -1px;
}
.dsa-LG_GB_bt-smokeblue-sml:after {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -239px -1px;
}
.ds-LG_GB_bt-white-sml {
width: 40px;
height: 38px;
background-position: -239px -41px;
}
.dsb-LG_GB_bt-white-sml:before {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -239px -41px;
}
.dsa-LG_GB_bt-white-sml:after {
display: inline-block;
content: "";
width: 40px;
height: 38px;
background-position: -239px -41px;
}
.ds-LG_GB_bt-blue-xs {
width: 12px;
height: 12px;
background-position: -239px -81px;
}
.dsb-LG_GB_bt-blue-xs:before, .secondLvlCss ul li:before {
display: inline-block;
content: "";
width: 12px;
height: 12px;
background-position: -239px -81px;
}
.dsa-LG_GB_bt-blue-xs:after {
display: inline-block;
content: "";
width: 12px;
height: 12px;
background-position: -239px -81px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min--moz-device-pixel-ratio: 1.1), only screen and (-o-min-device-pixel-ratio: 1.1/1), only screen and (min-device-pixel-ratio: 1.1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (-o-min-device-pixel-ratio: 11/10), only screen and (min-resolution: 1.1dppx) {
.ds-LG_GB {
background-image: url("/Images/Sprites/LG/GB/wSprite2.png?cb=638762645815300000");
background-color: transparent;
background-repeat: no-repeat;
-moz-background-size: 280px 214px;
-o-background-size: 280px 214px;
background-size: 280px 214px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min--moz-device-pixel-ratio: 1.1), only screen and (-o-min-device-pixel-ratio: 1.1/1), only screen and (min-device-pixel-ratio: 1.1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (-o-min-device-pixel-ratio: 11/10), only screen and (min-resolution: 1.1dppx) {
.dsb-LG_GB:before, .testimonials-holder .flickity-button:before, .staff-holder .slider-nav .nav:before, .related-events-holder .slider-nav .nav:before,
.related-news-holder .slider-nav .nav:before, .custom-video-holder .video-controls .ctrl.screen:before, .custom-video-holder .video-controls .ctrl.sound:before, .custom-video-holder .video-controls .ctrl.play:before, .custom-video-holder .video-controls .ctrl-play-mobile:before, .custom-menu .cm-levels .cm-item .arrow:before, .secondLvlCss ul li:before, .fixed-item.logo-holder:before, .background-holder .bx-wrapper .bx-controls-direction a span:before, .fixed-item.menu-button:before, .contact-holder .scroll-top:before {
background-image: url("/Images/Sprites/LG/GB/wSprite2.png?cb=638762645815300000");
background-color: transparent;
background-repeat: no-repeat;
-moz-background-size: 280px 214px;
-o-background-size: 280px 214px;
background-size: 280px 214px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min--moz-device-pixel-ratio: 1.1), only screen and (-o-min-device-pixel-ratio: 1.1/1), only screen and (min-device-pixel-ratio: 1.1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (-o-min-device-pixel-ratio: 11/10), only screen and (min-resolution: 1.1dppx) {
.dsa-LG_GB:after, .testimonials-holder .flickity-button:after, .staff-holder .slider-nav .nav:after, .related-events-holder .slider-nav .nav:after,
.related-news-holder .slider-nav .nav:after, .custom-video-holder .video-controls .ctrl.sound:after, .custom-video-holder .video-controls .ctrl.play:after, .custom-menu .cm-levels .cm-item .arrow:after, .custom-menu .cm-levels .cm-item.cm__item-ref .cm__link-ref .icon:after, .background-holder .bx-wrapper .bx-controls-direction a span:after, .fixed-item.menu-button:after {
background-image: url("/Images/Sprites/LG/GB/wSprite2.png?cb=638762645815300000");
background-color: transparent;
background-repeat: no-repeat;
-moz-background-size: 280px 214px;
-o-background-size: 280px 214px;
background-size: 280px 214px;
}
}
.clearfix:after, .stories-grid:after, .secondLvlCss:after, .clearfix:before, .stories-grid:before, .secondLvlCss:before {
content: " ";
display: table;
}
.clearfix:after, .stories-grid:after, .secondLvlCss:after {
clear: both;
}
/* Reset */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
-webkit-touch-callout: none;
}
html,
body {
width: 100%;
height: 100%;
line-height: 1.15;
text-align: left;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
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, progress {
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline;
outline: none;
}
legend {
color: inherit;
display: table;
white-space: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
ol, ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
strong {
font-weight: bold;
}
sub,
sup {
font-size: 60%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
button,
input,
optgroup,
select,
textarea {
padding: 0;
margin: 0;
font-family: inherit;
color: inherit;
font-size: 100%;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
resize: none;
vertical-align: top;
}
input::-moz-placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
opacity: 1;
}
input,
textarea {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
input {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
a {
background-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: #333;
}
a:link,
a:active,
a:visited {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
outline: none;
}
[hidden] {
display: none;
}
.clear {
width: 0;
height: 0;
padding: 0;
margin: 0;
display: block;
visibility: hidden;
overflow: hidden;
font-size: 0;
line-height: 0;
clear: both;
}
.clearfix:after, .stories-grid:after, .secondLvlCss:after {
content: " ";
width: 0;
height: 0;
padding: 0;
margin: 0;
display: block;
visibility: hidden;
overflow: hidden;
font-size: 0;
line-height: 0;
clear: both;
}
.clearfix-margin:after {
content: "";
width: 100%;
height: 1px;
display: block;
position: relative;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
@-webkit-keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 3px rgba(230, 108, 132, 0), 0 0 0 6px rgba(230, 108, 132, 0.3);
box-shadow: 0 0 0 3px rgba(230, 108, 132, 0), 0 0 0 6px rgba(230, 108, 132, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 5px rgba(230, 108, 132, 0.3), 0 0 0 8px rgba(230, 108, 132, 0);
box-shadow: 0 0 0 5px rgba(230, 108, 132, 0.3), 0 0 0 8px rgba(230, 108, 132, 0);
}
}
@-moz-keyframes ripple {
0% {
-moz-box-shadow: 0 0 0 3px rgba(230, 108, 132, 0), 0 0 0 6px rgba(230, 108, 132, 0.3);
box-shadow: 0 0 0 3px rgba(230, 108, 132, 0), 0 0 0 6px rgba(230, 108, 132, 0.3);
}
100% {
-moz-box-shadow: 0 0 0 5px rgba(230, 108, 132, 0.3), 0 0 0 8px rgba(230, 108, 132, 0);
box-shadow: 0 0 0 5px rgba(230, 108, 132, 0.3), 0 0 0 8px rgba(230, 108, 132, 0);
}
}
@-o-keyframes ripple {
0% {
box-shadow: 0 0 0 3px rgba(230, 108, 132, 0), 0 0 0 6px rgba(230, 108, 132, 0.3);
}
100% {
box-shadow: 0 0 0 5px rgba(230, 108, 132, 0.3), 0 0 0 8px rgba(230, 108, 132, 0);
}
}
@keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 3px rgba(230, 108, 132, 0), 0 0 0 6px rgba(230, 108, 132, 0.3);
-moz-box-shadow: 0 0 0 3px rgba(230, 108, 132, 0), 0 0 0 6px rgba(230, 108, 132, 0.3);
box-shadow: 0 0 0 3px rgba(230, 108, 132, 0), 0 0 0 6px rgba(230, 108, 132, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 5px rgba(230, 108, 132, 0.3), 0 0 0 8px rgba(230, 108, 132, 0);
-moz-box-shadow: 0 0 0 5px rgba(230, 108, 132, 0.3), 0 0 0 8px rgba(230, 108, 132, 0);
box-shadow: 0 0 0 5px rgba(230, 108, 132, 0.3), 0 0 0 8px rgba(230, 108, 132, 0);
}
}
@-webkit-keyframes ripple-hover {
0% {
-webkit-box-shadow: 0 0 0 3px rgba(0, 35, 65, 0), 0 0 0 6px rgba(0, 35, 65, 0.3);
box-shadow: 0 0 0 3px rgba(0, 35, 65, 0), 0 0 0 6px rgba(0, 35, 65, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 5px rgba(0, 35, 65, 0.3), 0 0 0 8px rgba(0, 35, 65, 0);
box-shadow: 0 0 0 5px rgba(0, 35, 65, 0.3), 0 0 0 8px rgba(0, 35, 65, 0);
}
}
@-moz-keyframes ripple-hover {
0% {
-moz-box-shadow: 0 0 0 3px rgba(0, 35, 65, 0), 0 0 0 6px rgba(0, 35, 65, 0.3);
box-shadow: 0 0 0 3px rgba(0, 35, 65, 0), 0 0 0 6px rgba(0, 35, 65, 0.3);
}
100% {
-moz-box-shadow: 0 0 0 5px rgba(0, 35, 65, 0.3), 0 0 0 8px rgba(0, 35, 65, 0);
box-shadow: 0 0 0 5px rgba(0, 35, 65, 0.3), 0 0 0 8px rgba(0, 35, 65, 0);
}
}
@-o-keyframes ripple-hover {
0% {
box-shadow: 0 0 0 3px rgba(0, 35, 65, 0), 0 0 0 6px rgba(0, 35, 65, 0.3);
}
100% {
box-shadow: 0 0 0 5px rgba(0, 35, 65, 0.3), 0 0 0 8px rgba(0, 35, 65, 0);
}
}
@keyframes ripple-hover {
0% {
-webkit-box-shadow: 0 0 0 3px rgba(0, 35, 65, 0), 0 0 0 6px rgba(0, 35, 65, 0.3);
-moz-box-shadow: 0 0 0 3px rgba(0, 35, 65, 0), 0 0 0 6px rgba(0, 35, 65, 0.3);
box-shadow: 0 0 0 3px rgba(0, 35, 65, 0), 0 0 0 6px rgba(0, 35, 65, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 5px rgba(0, 35, 65, 0.3), 0 0 0 8px rgba(0, 35, 65, 0);
-moz-box-shadow: 0 0 0 5px rgba(0, 35, 65, 0.3), 0 0 0 8px rgba(0, 35, 65, 0);
box-shadow: 0 0 0 5px rgba(0, 35, 65, 0.3), 0 0 0 8px rgba(0, 35, 65, 0);
}
}
.ff-primary-300 {
font-family: "Poppins", sans-serif;
font-weight: 300;
}
.ff-primary-400, .stats-holder .stats-item a span, .stats-holder .stats-item a, .staff-holder .staff-item .txt-holder p span, .promo-grid-holder .promo-item .txt-holder h4, .notices-holder .txt-holder p, .notices-holder .txt-holder h3, .over-image-holder .text-holder p, .layout2 .contentTemplates-leftText p, .custom-video-holder .video-title, .story-item .txt-holder p, .custom-menu .contact-text p, .custom-menu .menu-promos .contact-info li, .custom-menu .cm-levels.second-level .cm-level-third .cm-link, .secondLvlCss ol, .secondLvlCss ul, .secondLvlCss table tr td, .secondLvlCss h4, .secondLvlCss .h4, .secondLvlCss p, .secondLvlCss .text-style, .landing-holder .title-holder .breadcrumbs-holder ul li:before, .landing-holder .title-holder .breadcrumbs-holder ul li, .mediaPopup .mediaPopup__col .js-staffPopup .txt-holder p, .search-holder input, .contact-holder .text-holder p, body {
font-family: "Poppins", sans-serif;
font-weight: 400;
}
.ff-primary-400i, .testimonials-holder blockquote small i, .testimonials-holder blockquote small em, .staff-holder .staff-item .txt-holder .txt-wrap h5, .story-item.isEvent .story-date span, .secondLvlCss blockquote small i, .secondLvlCss blockquote small em, .mediaPopup .mediaPopup__col .js-staffPopup .txt-holder h5, .contact-holder .socials-holder li {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: italic;
}
.ff-primary-700, .testimonials-holder blockquote small, .testimonials-holder blockquote p, .testimonials-holder blockquote:before, .staff-holder .staff-footer a, .staff-holder .staff-item .txt-holder p strong, .staff-holder .staff-item .txt-holder .txt-wrap h3, .related-events-holder .stories-footer a,
.related-news-holder .stories-footer a, .story-item.isEvent a.read-more, .story-item.isEvent .story-date, .story-item .story-date, .story-item .feed-channel, .custom-menu .buttons-holder a, .secondLvlCss .downloadBtn, .secondLvlCss blockquote small, .secondLvlCss blockquote p, .secondLvlCss blockquote:before, .mediaPopup .mediaPopup__col .js-staffPopup .txt-holder h3, .fixed-item.quick-links ul li, .fixed-item.menu-button span.txt, .box_link-item span, .contact-holder .buttons-holder a {
font-family: "Poppins", sans-serif;
font-weight: 700;
}
.ff-secondary-400, .where-next-holder .widget-header h3, .staff-holder .staff-header h3, .related-events-holder .stories-header h3, .related-events-holder.carousel-news .stories-header h3,
.related-news-holder.carousel-news .stories-header h3, .over-image-holder .text-holder h2, .layout2 .contentTemplates-leftText h2, .custom-menu .cm-levels.first-level, .custom-menu .cm-levels .cm-item.cm__item-ref .cm__link-ref, .secondLvlCss .accordion .accordion-title, .secondLvlCss ol li:before, .secondLvlCss table tr th, .secondLvlCss h3, .secondLvlCss .h3, .secondLvlCss h2, .secondLvlCss .h2, .secondLvlCss p.introParagraph, .secondLvlCss .text-style.introParagraph, .submenu-holder .submenu-nav > ul > li > a {
font-family: "Belleza", sans-serif;
font-weight: 400;
}
.ff-cursive, .secondLvlCss h1, .secondLvlCss .h1, .landing-holder .title-holder .page-title h1, .contact-holder .text-holder h2 {
font-family: "Cantoni", cursive;
font-weight: 400;
}
.ff-icons, .staff-holder .staff-item .txt-holder p strong:after, .story-item.isEvent a.read-more:after, .secondLvlCss a:not(.downloadBtn):after {
font-family: "icomoon";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: 0.02s;
-o-transition: 0.02s;
-moz-transition: 0.02s;
transition: 0.02s;
}
._more .flickity-slider {
-webkit-transition: 0.24s;
-o-transition: 0.24s;
-moz-transition: 0.24s;
transition: 0.24s;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
-webkit-box-shadow: 0 0 0 5px #19F;
-moz-box-shadow: 0 0 0 5px #19F;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: #333;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
/* vertically center */
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
height: 100%;
*zoom: 1;
}
.bx-wrapper img {
/*max-width: 100%;
display: block;*/
display: block;
/*position: absolute;*/
}
.bx-wrapper .bx-viewport {
/*-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
left: -5px;
background: #fff;*/
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
height: 100%;
}
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-loading {
/*min-height: 50px;
background:#fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;*/
display: none;
}
.bx-wrapper .bx-pager {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
font-size: 0.85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
z-index: 2;
}
.bx-wrapper .bx-pager .bx-pager-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 7px;
height: 7px;
margin: 0 3px;
outline: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
.bx-wrapper .bx-prev {
/*left: 10px;
background: red no-repeat 0 -32px;
&:hover {
background-position: 0 0;
}*/
}
.bx-wrapper .bx-next {
/*right: 10px;
background: red no-repeat -43px -32px;
&:hover {
background-position: -43px 0;
}*/
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
outline: 0;
text-indent: -9999px;
z-index: 2;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: red -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: red -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666 \9 ;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: 0.85em;
padding: 10px;
}
html,
body {
height: 100%;
min-height: 100%;
}
body {
font-size: 16px;
color: #002341;
}
.contact-holder {
position: relative;
overflow: hidden;
width: 100%;
}
@media all and (min-width: 992px) {
.contact-holder {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
background: url("/Images/assets/bgs/footer-map-desktop.jpg") no-repeat center right/cover;
}
}
.contact-holder:before {
content: "";
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
z-index: 1;
}
@media all and (min-width: 992px) {
.contact-holder:before {
display: block;
}
}
.contact-holder:after {
content: "";
display: none;
position: absolute;
top: 0;
left: 100%;
width: 16%;
height: 100%;
z-index: 1;
background: url("/Images/assets/bgs/menu-footer-rip.png") no-repeat left center/auto 100%;
}
@media all and (min-width: 992px) {
.contact-holder:after {
display: block;
}
}
@media all and (min-width: 992px) {
.contact-holder .promo-holder {
width: 50%;
}
}
.contact-holder .content-holder {
position: relative;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media all and (min-width: 992px) {
.contact-holder .content-holder {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px 60px 0 180px;
}
._no-animate .contact-holder .content-holder {
padding: 40px 0 0 60px;
}
}
@media all and (max-width: 991px) {
.contact-holder .text-holder {
text-align: center;
background: url("/Images/assets/bgs/footer-map-mobile.jpg") no-repeat center/cover;
}
}
@media all and (min-width: 992px) {
.contact-holder .text-holder {
width: 400px;
}
}
@media all and (min-width: 2200px) {
.contact-holder .text-holder {
left: 10%;
position: relative;
}
}
.contact-holder .text-holder:before {
content: "";
display: block;
width: 100%;
height: 60px;
background: url("/Images/assets/bgs/paper-top.png") no-repeat bottom center/cover;
margin-bottom: 40px;
}
@media all and (min-width: 992px) {
.contact-holder .text-holder:before {
display: none;
}
}
.contact-holder .text-holder:after {
content: "";
display: block;
width: 100%;
height: 40px;
background: url("/Images/assets/bgs/paper-btm.png") no-repeat top center/cover;
margin-top: 40px;
}
@media all and (min-width: 992px) {
.contact-holder .text-holder:after {
display: none;
}
}
.contact-holder .text-holder h2 {
font-size: 80px;
line-height: 70px;
color: #002341;
margin-bottom: 10px;
}
@media all and (min-width: 1601px) {
.contact-holder .text-holder h2 {
font-size: 90px;
margin-bottom: 20px;
}
}
.contact-holder .text-holder p {
color: #002341;
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}
@media all and (min-width: 1601px) {
.contact-holder .text-holder p {
font-size: 20px;
line-height: 30px;
}
}
.contact-holder .buttons-holder {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media all and (min-width: 992px) {
.contact-holder .buttons-holder {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.contact-holder .buttons-holder a {
display: block;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.14px;
color: #ffffff;
white-space: nowrap;
background-image: url("/Images/assets/bgs/bar-pink.png");
background: url("/Images/assets/bgs/bar-blue.png") no-repeat center/contain;
padding: 13px 25px;
min-width: 192px;
text-align: center;
}
@media all and (min-width: 992px) {
.contact-holder .buttons-holder a {
margin: 0 10px 0 0;
}
}
.no-touch .contact-holder .buttons-holder a:hover {
background: url("/Images/assets/bgs/bar-pink.png") no-repeat center/contain;
}
.contact-holder .buttons-holder a.reverse {
background-image: url("/Images/assets/bgs/bar-lightpink.png");
background: url("/Images/assets/bgs/bar-smoke.png") no-repeat center/contain;
color: #002341;
margin-top: 10px;
}
.no-touch .contact-holder .buttons-holder a.reverse:hover {
background: url("/Images/assets/bgs/bar-lightpink.png") no-repeat center/contain;
}
@media all and (min-width: 992px) {
.contact-holder .buttons-holder a.reverse {
margin-top: 0;
}
}
.contact-holder .socials-holder {
margin-top: 20px;
font-size: 0;
}
.contact-holder .socials-holder li {
color: #002341;
font-size: 16px;
line-height: 24px;
display: inline-block;
margin-right: 10px;
}
.contact-holder .socials-holder li:first-child {
display: block;
margin-right: 0;
margin-bottom: 10px;
}
@media all and (min-width: 992px) {
.contact-holder .socials-holder li:first-child {
margin-bottom: 5px;
}
}
.contact-holder .socials-holder a {
display: block;
width: 30px;
height: 30px;
border: 1px solid rgba(0, 35, 65, 0.4);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
position: relative;
text-indent: -9999px;
}
.contact-holder .socials-holder a.social-fb {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' width='8.878' height='17' viewBox='0 0 8.878 17'%3E%3Cg transform='translate(-253 -2803.973)'%3E%3Cpath d='M85.761,17V9.256h2.644l.378-3.022H85.761V4.344c0-.85.283-1.511,1.511-1.511h1.606V.094C88.5.094,87.556,0,86.517,0a3.646,3.646,0,0,0-3.872,3.967V6.233H80V9.256h2.644V17Z' transform='translate(173 2803.973)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 16px;
-o-background-size: auto 16px;
background-size: auto 16px;
}
.no-touch .contact-holder .socials-holder a.social-fb:hover {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23E66C84%27%20xmlns='http://www.w3.org/2000/svg' width='8.878' height='17' viewBox='0 0 8.878 17'%3E%3Cg transform='translate(-253 -2803.973)'%3E%3Cpath d='M85.761,17V9.256h2.644l.378-3.022H85.761V4.344c0-.85.283-1.511,1.511-1.511h1.606V.094C88.5.094,87.556,0,86.517,0a3.646,3.646,0,0,0-3.872,3.967V6.233H80V9.256h2.644V17Z' transform='translate(173 2803.973)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 16px;
-o-background-size: auto 16px;
background-size: auto 16px;
}
.contact-holder .socials-holder a.social-in {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' width='16.628' height='16.628' viewBox='0 0 16.628 16.628'%3E%3Cg transform='translate(-507 -196.284)'%3E%3Cpath d='M11.674,16.628H4.953A4.959,4.959,0,0,1,0,11.674V4.953A4.959,4.959,0,0,1,4.953,0h6.721a4.959,4.959,0,0,1,4.953,4.953v6.721A4.959,4.959,0,0,1,11.674,16.628ZM4.953,1.673A3.285,3.285,0,0,0,1.673,4.953v6.721a3.284,3.284,0,0,0,3.281,3.28h6.721a3.284,3.284,0,0,0,3.28-3.28V4.953a3.284,3.284,0,0,0-3.28-3.281ZM8.314,12.614a4.3,4.3,0,1,1,4.3-4.3A4.305,4.305,0,0,1,8.314,12.614Zm0-6.928a2.628,2.628,0,1,0,2.628,2.628A2.631,2.631,0,0,0,8.314,5.686Zm4.309-.61a1.031,1.031,0,1,1,1.031-1.03A1.032,1.032,0,0,1,12.623,5.076Z' transform='translate(507 196.284)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 16px;
-o-background-size: auto 16px;
background-size: auto 16px;
}
.no-touch .contact-holder .socials-holder a.social-in:hover {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23E66C84%27%20xmlns='http://www.w3.org/2000/svg' width='16.628' height='16.628' viewBox='0 0 16.628 16.628'%3E%3Cg transform='translate(-507 -196.284)'%3E%3Cpath d='M11.674,16.628H4.953A4.959,4.959,0,0,1,0,11.674V4.953A4.959,4.959,0,0,1,4.953,0h6.721a4.959,4.959,0,0,1,4.953,4.953v6.721A4.959,4.959,0,0,1,11.674,16.628ZM4.953,1.673A3.285,3.285,0,0,0,1.673,4.953v6.721a3.284,3.284,0,0,0,3.281,3.28h6.721a3.284,3.284,0,0,0,3.28-3.28V4.953a3.284,3.284,0,0,0-3.28-3.281ZM8.314,12.614a4.3,4.3,0,1,1,4.3-4.3A4.305,4.305,0,0,1,8.314,12.614Zm0-6.928a2.628,2.628,0,1,0,2.628,2.628A2.631,2.631,0,0,0,8.314,5.686Zm4.309-.61a1.031,1.031,0,1,1,1.031-1.03A1.032,1.032,0,0,1,12.623,5.076Z' transform='translate(507 196.284)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 16px;
-o-background-size: auto 16px;
background-size: auto 16px;
}
.contact-holder .socials-holder a.social-tw {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' width='17.684' height='14.344' viewBox='0 0 17.684 14.344'%3E%3Cg transform='translate(-442.107 -197.26)'%3E%3Cpath d='M43.6,16.344A10.224,10.224,0,0,0,53.915,6.028V5.537A7.986,7.986,0,0,0,55.684,3.67a8.155,8.155,0,0,1-2.063.589,3.822,3.822,0,0,0,1.572-1.965,9.011,9.011,0,0,1-2.26.884A3.509,3.509,0,0,0,50.28,2a3.691,3.691,0,0,0-3.635,3.635,1.915,1.915,0,0,0,.1.786,10.157,10.157,0,0,1-7.466-3.831,3.762,3.762,0,0,0-.491,1.867A3.9,3.9,0,0,0,40.358,7.5a3.312,3.312,0,0,1-1.67-.491h0a3.59,3.59,0,0,0,2.947,3.537,3.029,3.029,0,0,1-.982.1,1.672,1.672,0,0,1-.688-.1A3.722,3.722,0,0,0,43.4,13.1a7.418,7.418,0,0,1-4.519,1.572,2.72,2.72,0,0,1-.884-.1,9.273,9.273,0,0,0,5.6,1.768' transform='translate(404.107 195.26)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
}
.no-touch .contact-holder .socials-holder a.social-tw:hover {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23E66C84%27%20xmlns='http://www.w3.org/2000/svg' width='17.684' height='14.344' viewBox='0 0 17.684 14.344'%3E%3Cg transform='translate(-442.107 -197.26)'%3E%3Cpath d='M43.6,16.344A10.224,10.224,0,0,0,53.915,6.028V5.537A7.986,7.986,0,0,0,55.684,3.67a8.155,8.155,0,0,1-2.063.589,3.822,3.822,0,0,0,1.572-1.965,9.011,9.011,0,0,1-2.26.884A3.509,3.509,0,0,0,50.28,2a3.691,3.691,0,0,0-3.635,3.635,1.915,1.915,0,0,0,.1.786,10.157,10.157,0,0,1-7.466-3.831,3.762,3.762,0,0,0-.491,1.867A3.9,3.9,0,0,0,40.358,7.5a3.312,3.312,0,0,1-1.67-.491h0a3.59,3.59,0,0,0,2.947,3.537,3.029,3.029,0,0,1-.982.1,1.672,1.672,0,0,1-.688-.1A3.722,3.722,0,0,0,43.4,13.1a7.418,7.418,0,0,1-4.519,1.572,2.72,2.72,0,0,1-.884-.1,9.273,9.273,0,0,0,5.6,1.768' transform='translate(404.107 195.26)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
}
.contact-holder .socials-holder a.social-yt {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' width='17.178' height='11.81' viewBox='0 0 17.178 11.81'%3E%3Cg transform='translate(0.605)'%3E%3Cpath d='M16.448,3.431c-.466-.829-.972-.981-2-1.039s-3.615-.1-5.855-.1-4.832.029-5.86.1-1.534.21-2,1.04S0,5.684,0,8.194V8.2c0,2.5.247,3.936.727,4.755s.976.979,2,1.049,3.616.1,5.861.1,4.827-.035,5.857-.094,1.535-.22,2-1.049c.484-.819.729-2.256.729-4.755V8.2C17.178,5.684,16.933,4.258,16.448,3.431ZM6.442,11.418V4.977L11.81,8.2Z' transform='translate(-0.605 -2.293)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 12px;
-o-background-size: auto 12px;
background-size: auto 12px;
}
.no-touch .contact-holder .socials-holder a.social-yt:hover {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23E66C84%27%20xmlns='http://www.w3.org/2000/svg' width='17.178' height='11.81' viewBox='0 0 17.178 11.81'%3E%3Cg transform='translate(0.605)'%3E%3Cpath d='M16.448,3.431c-.466-.829-.972-.981-2-1.039s-3.615-.1-5.855-.1-4.832.029-5.86.1-1.534.21-2,1.04S0,5.684,0,8.194V8.2c0,2.5.247,3.936.727,4.755s.976.979,2,1.049,3.616.1,5.861.1,4.827-.035,5.857-.094,1.535-.22,2-1.049c.484-.819.729-2.256.729-4.755V8.2C17.178,5.684,16.933,4.258,16.448,3.431ZM6.442,11.418V4.977L11.81,8.2Z' transform='translate(-0.605 -2.293)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 12px;
-o-background-size: auto 12px;
background-size: auto 12px;
}
.no-touch .contact-holder .socials-holder a:hover {
border-color: #E66C84;
}
.contact-holder .tos-holder {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media all and (max-width: 991px) {
.contact-holder .tos-holder {
position: relative;
padding: 0 20px 70px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #ffffff;
}
}
@media all and (min-width: 992px) {
.contact-holder .tos-holder {
position: absolute;
z-index: 2;
bottom: 26px;
left: 180px;
right: 60px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.contact-holder .tos-holder ul {
font-size: 0;
}
.contact-holder .tos-holder ul.tos li:nth-child(2) {
display: none;
}
@media all and (min-width: 992px) {
.contact-holder .tos-holder ul.tos li:nth-child(2) {
display: inline-block;
}
}
.contact-holder .tos-holder ul.credits {
display: none;
}
@media all and (min-width: 992px) {
.contact-holder .tos-holder ul.credits {
display: block;
}
}
.contact-holder .tos-holder ul.credits-mobile {
margin-top: 5px;
}
@media all and (min-width: 992px) {
.contact-holder .tos-holder ul.credits-mobile {
display: none;
}
}
.contact-holder .tos-holder ul li {
opacity: 0.7;
display: inline-block;
color: #002341;
font-size: 16px;
line-height: 24px;
}
.contact-holder .tos-holder ul li:before {
content: "-";
margin: 0 6px;
}
.contact-holder .tos-holder ul li:first-child:before {
display: none;
}
.contact-holder .tos-holder ul a {
color: inherit;
}
@media all and (min-width: 992px) {
.contact-holder .tos-holder ul a {
text-decoration: underline;
}
}
.no-touch .contact-holder .tos-holder ul a:hover {
color: #E66C84;
}
.contact-holder .scroll-top {
position: absolute;
bottom: 70px;
left: 20px;
width: 50px;
height: 47px;
cursor: pointer;
z-index: 1;
}
@media all and (min-width: 992px) {
.contact-holder .scroll-top {
left: -120px;
}
}
.contact-holder .scroll-top:before {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.contact-holder .scroll-top span {
font-size: 23px;
display: block;
text-align: center;
line-height: 46px;
color: #ffffff;
}
.contact-holder .scroll-top:after {
content: "";
display: block;
position: absolute;
left: 50%;
width: 1px;
height: 100px;
top: 60px;
background: #002341;
opacity: 0.2;
}
/* General box links items*/
.box_links-holder {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 300px;
margin: 0 auto;
}
@media all and (min-width: 992px) {
.box_links-holder {
width: 320px;
margin: 0 auto;
}
}
@media all and (min-width: 1601px) {
.box_links-holder {
width: 380px;
}
}
.box_link-item {
margin: 10px;
width: 130px;
height: 130px;
background-color: #ffffff;
-webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 16px rgba(0, 0, 0, 0.12);
position: relative;
overflow: hidden;
padding: 10px;
}
@media all and (min-width: 992px) {
.box_link-item {
width: 140px;
height: 130px;
}
}
@media all and (min-width: 1601px) {
.box_link-item {
width: 170px;
height: 160px;
}
}
.box_link-item a.whole-link {
position: absolute !important;
text-decoration: none !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.box_link-item .icon-holder {
width: 80px;
height: 80px;
margin: 0 auto 10px;
}
@media all and (min-width: 1601px) {
.box_link-item .icon-holder {
width: 100px;
height: 100px;
margin-bottom: 15px;
}
}
.box_link-item .icon-holder img {
display: block;
width: 100%;
height: auto;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.box_link-item span {
text-align: center;
display: block;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #002341;
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 12px 12px;
}
.no-touch .box_link-item span {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.no-touch .box_link-item .icon-holder img {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-touch .box_link-item:hover .icon-holder img {
-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.no-touch .box_link-item:hover span {
color: #E66C84;
}
.search-holder {
position: relative;
border: 1px solid rgba(0, 35, 65, 0.4);
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
padding: 10px 50px 10px 15px;
display: block;
}
@media all and (min-width: 992px) {
.search-holder {
display: none;
}
}
.search-holder input {
background-color: transparent;
border: none;
font-size: 16px;
line-height: 23px;
color: #002341;
width: 148px;
display: block;
}
@media all and (min-width: 1601px) {
.search-holder input {
width: 173px;
}
}
.search-holder button {
cursor: pointer;
position: absolute;
width: 50px;
height: 43px;
right: 0;
top: 0;
background-color: transparent;
border: none;
-webkit-border-radius: 0 18px 18px 0;
-moz-border-radius: 0 18px 18px 0;
border-radius: 0 18px 18px 0;
text-indent: -9999px;
color: #002341;
font-size: 16px;
}
.search-holder button:before {
position: absolute;
display: block;
left: 0;
top: 0;
line-height: 43px;
width: 50px;
height: 43px;
text-indent: 0;
}
/* fixed items */
.fixed-item {
position: fixed;
z-index: 2;
}
.fixed-item.logo-holder {
top: 20px;
left: 20px;
position: absolute;
z-index: 11;
}
@media all and (min-width: 992px) {
.fixed-item.logo-holder {
top: 60px;
left: 60px;
position: fixed;
}
}
._menu-open .fixed-item.logo-holder {
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
width: 50px;
position: fixed;
}
@media all and (min-width: 1601px) {
._menu-open .fixed-item.logo-holder {
width: 68px;
}
}
.fixed-item.logo-holder a {
display: block;
}
.fixed-item.logo-holder img {
display: block;
width: auto;
height: 29px;
}
@media all and (min-width: 768px) {
.fixed-item.logo-holder img {
height: 45px;
}
}
@media all and (min-width: 992px) {
.fixed-item.logo-holder img {
height: 45px;
}
}
@media all and (min-width: 1601px) {
.fixed-item.logo-holder img {
height: 61px;
}
}
.fixed-item.search-holder {
z-index: 11;
top: 60px;
left: 140px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.32s;
-o-transition: 0.32s;
-moz-transition: 0.32s;
transition: 0.32s;
position: fixed;
display: none;
}
@media all and (min-width: 992px) {
.fixed-item.search-holder {
display: block;
}
}
@media all and (min-width: 1601px) {
.fixed-item.search-holder {
left: 172px;
}
}
._menu-open .fixed-item.search-holder {
opacity: 1;
visibility: visible;
}
.fixed-item.menu-button {
z-index: 11;
width: 60px;
height: 56px;
cursor: pointer;
top: 16px;
right: 16px;
}
@media all and (min-width: 992px) {
.fixed-item.menu-button {
top: 60px;
right: 52px;
}
}
.fixed-item.menu-button:before, .fixed-item.menu-button:after {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-moz-transition: all 0.12s linear;
-webkit-transition: all 0.12s linear;
-o-transition: all 0.12s linear;
transition: all 0.12s linear;
}
.fixed-item.menu-button:before {
opacity: 1;
}
.fixed-item.menu-button:after {
opacity: 0;
}
.fixed-item.menu-button span {
display: block;
text-align: center;
}
.fixed-item.menu-button span.bars {
width: 16px;
height: 2px;
background: #ffffff;
position: absolute;
top: 50%;
left: 50%;
margin: -1px 0 0 -8px;
}
.fixed-item.menu-button span.bars:before, .fixed-item.menu-button span.bars:after {
content: "";
display: block;
position: absolute;
height: 2px;
background: #ffffff;
}
.fixed-item.menu-button span.bars:before {
top: -7px;
width: 20px;
}
.fixed-item.menu-button span.bars:after {
top: 7px;
width: 18px;
}
.fixed-item.menu-button span.txt {
text-transform: uppercase;
color: #ffffff;
font-size: 14px;
line-height: 1;
letter-spacing: 0.14px;
padding-top: 64px;
display: none;
}
._no-animate .fixed-item.menu-button span.txt {
display: block;
}
.section-1 .fixed-item.menu-button span.txt {
display: block;
}
@media all and (min-width: 992px) {
._show .fixed-item.menu-button span.txt {
opacity: 0;
-webkit-transition: 0.32s;
-o-transition: 0.32s;
-moz-transition: 0.32s;
transition: 0.32s;
}
}
@media all and (max-width: 991px) {
.fixed-item.menu-button span.txt._hide {
opacity: 0;
-webkit-transition: 0.32s;
-o-transition: 0.32s;
-moz-transition: 0.32s;
transition: 0.32s;
}
}
._no-animate .fixed-item.menu-button span.txt._hide {
opacity: 0;
-webkit-transition: 0.32s;
-o-transition: 0.32s;
-moz-transition: 0.32s;
transition: 0.32s;
}
.fixed-item.menu-button.active span.bars {
background: transparent;
}
.fixed-item.menu-button.active span.bars:before, .fixed-item.menu-button.active span.bars:after {
top: 0;
width: 20px;
}
.fixed-item.menu-button.active span.bars:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.fixed-item.menu-button.active span.bars:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.fixed-item.menu-button.active span.txt {
display: none;
}
.fixed-item.quick-links {
z-index: 11;
height: 64px;
padding: 20px 30px;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: url("/Images/assets/bgs/bar-blue.png") no-repeat center/contain;
}
@media all and (max-width: 991px) {
.fixed-item.quick-links {
opacity: 0;
visibility: hidden;
}
._menu-open .fixed-item.quick-links {
opacity: 1;
visibility: visible;
}
}
.fixed-item.quick-links._show {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.48s linear;
-o-transition: opacity 0.48s linear;
-moz-transition: opacity 0.48s linear;
transition: opacity 0.48s linear;
}
@media all and (min-width: 768px) {
.fixed-item.quick-links {
bottom: -15px;
}
}
@media all and (min-width: 992px) {
.fixed-item.quick-links {
top: 54px;
right: 120px;
bottom: auto;
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
}
.fixed-item.quick-links ul {
list-style: none;
font-size: 0;
white-space: nowrap;
}
.fixed-item.quick-links ul li {
display: inline-block;
text-transform: uppercase;
color: #ffffff;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.14px;
}
.fixed-item.quick-links ul li:before {
content: " | ";
margin: 0 8px;
}
.fixed-item.quick-links ul li:first-child:before {
display: none;
}
.fixed-item.quick-links ul li a {
color: inherit;
}
.no-touch .fixed-item.quick-links ul li a {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.no-touch .fixed-item.quick-links ul li a:hover {
color: #E66C84;
text-decoration: underline;
}
.mediaPopup .mediaPopup__col {
display: inline-block;
width: 50%;
vertical-align: top;
padding-bottom: 10px;
}
.mediaPopup .mediaPopup__col:nth-of-type(odd) {
padding-right: 5px;
}
.mediaPopup .mediaPopup__col:nth-of-type(even) {
padding-left: 5px;
}
.mediaPopup .mediaPopup__col .js-staffPopup {
width: 100%;
padding: 0;
position: relative;
-webkit-box-shadow: 0 0 12px #cccccc;
-moz-box-shadow: 0 0 12px #cccccc;
box-shadow: 0 0 12px #cccccc;
}
.mediaPopup .mediaPopup__col .js-staffPopup + .js-staffPopup {
margin-top: 10px;
}
.mediaPopup .mediaPopup__col .js-staffPopup .img-holder {
position: relative;
overflow: hidden;
}
.mediaPopup .mediaPopup__col .js-staffPopup .img-holder:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #002341;
opacity: 0.2;
}
.mediaPopup .mediaPopup__col .js-staffPopup .img-holder:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: url("/Images/assets/bgs/story-paper-bottom.png") no-repeat bottom center/cover;
z-index: 2;
}
.mediaPopup .mediaPopup__col .js-staffPopup .img-holder img {
display: block;
width: 100%;
height: auto;
}
.mediaPopup .mediaPopup__col .js-staffPopup .txt-holder {
background-color: #FFFFFF;
padding: 0 20px 20px;
}
.mediaPopup .mediaPopup__col .js-staffPopup .txt-holder h3 {
font-size: 20px;
line-height: 24px;
color: #E66C84;
}
.mediaPopup .mediaPopup__col .js-staffPopup .txt-holder h5 {
font-size: 18px;
line-height: 24px;
color: #002341;
margin-bottom: 10px;
}
.mediaPopup .mediaPopup__col .js-staffPopup .txt-holder p {
color: #636363;
font-size: 16px;
line-height: 24px;
}
.no-touch .mediaPopup .mediaPopup__col .js-staffPopup .img-holder img {
-webkit-transition: 0.24s;
-o-transition: 0.24s;
-moz-transition: 0.24s;
transition: 0.24s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-touch .mediaPopup .mediaPopup__col .js-staffPopup .img-holder:before {
-webkit-transition: 0.24s;
-o-transition: 0.24s;
-moz-transition: 0.24s;
transition: 0.24s;
}
.no-touch .mediaPopup .mediaPopup__col .js-staffPopup:hover .img-holder img {
-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.no-touch .mediaPopup .mediaPopup__col .js-staffPopup:hover .img-holder:before {
opacity: 0.4;
}
.mediaPopup .mediaPopup__col .js-staffPopup .whole-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
z-index: 3;
}
.mediaPopup .mediaPopup__col .mtStoryItem {
width: 100%;
padding: 0;
}
.mediaPopup .mediaPopup__col .mtStoryItem + .mtStoryItem {
margin-top: 20px;
}
body {
background: #ffffff;
font-size: 16px;
line-height: 26px;
}
/* good */
.background-holder {
position: absolute;
height: 72%;
overflow: hidden;
background: #002341 url("/Images/img/oval.svg") no-repeat center;
z-index: 0;
top: 0;
left: 0;
width: 100%;
}
@media all and (min-width: 768px) {
.background-holder {
height: 80%;
}
}
@media all and (min-width: 992px) {
.background-holder {
position: fixed;
}
}
.background-holder:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 35, 65, 0.8)), color-stop(40%, rgba(0, 35, 65, 0)), color-stop(60%, rgba(0, 35, 65, 0.2)), to(#002341));
background: -webkit-linear-gradient(top, rgba(0, 35, 65, 0.8) 0%, rgba(0, 35, 65, 0) 40%, rgba(0, 35, 65, 0.2) 60%, #002341 100%);
background: -moz-linear-gradient(top, rgba(0, 35, 65, 0.8) 0%, rgba(0, 35, 65, 0) 40%, rgba(0, 35, 65, 0.2) 60%, #002341 100%);
background: -o-linear-gradient(top, rgba(0, 35, 65, 0.8) 0%, rgba(0, 35, 65, 0) 40%, rgba(0, 35, 65, 0.2) 60%, #002341 100%);
background: linear-gradient(to bottom, rgba(0, 35, 65, 0.8) 0%, rgba(0, 35, 65, 0) 40%, rgba(0, 35, 65, 0.2) 60%, #002341 100%);
}
.background-holder.complete {
background: #002341;
}
.background-holder.complete .background-slider {
opacity: 1;
}
.background-holder .bx-wrapper .bx-viewport {
height: 100% !important;
}
.background-holder .background-slider {
opacity: 0;
height: 100%;
width: 100% !important;
}
.background-holder .background-slider .img-bg {
height: 100%;
width: 100% !important;
position: relative;
overflow: hidden;
}
.background-holder .background-slider .img-bg img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.no-object-fit .background-holder .background-slider .img-bg img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.background-holder .bx-wrapper {
/*.bx-controls {
position: absolute;
z-index: 4;
bottom: 0;
left: 0;
width: 100%;
}*/
}
.background-holder .bx-wrapper .bx-controls-direction a {
position: absolute;
display: block;
top: 50%;
width: 55px;
height: 55px;
margin-top: -36px;
opacity: 1;
cursor: pointer;
}
.background-holder .bx-wrapper .bx-controls-direction a span {
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
z-index: 1;
}
.background-holder .bx-wrapper .bx-controls-direction a span:before, .background-holder .bx-wrapper .bx-controls-direction a span:after {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -14px;
}
.background-holder .bx-wrapper .bx-controls-direction a span:before {
opacity: 1;
}
.background-holder .bx-wrapper .bx-controls-direction a span:after {
opacity: 0;
}
.background-holder .bx-wrapper .bx-controls-direction a.bx-next {
right: 0;
}
@media all and (min-width: 992px) {
.background-holder .bx-wrapper .bx-controls-direction a.bx-next {
right: 30px;
}
}
@media all and (min-width: 1401px) {
.background-holder .bx-wrapper .bx-controls-direction a.bx-next {
right: 70px;
}
}
.background-holder .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0;
}
@media all and (min-width: 992px) {
.background-holder .bx-wrapper .bx-controls-direction a.bx-prev {
left: 30px;
}
}
@media all and (min-width: 1401px) {
.background-holder .bx-wrapper .bx-controls-direction a.bx-prev {
left: 70px;
}
}
.no-touch .background-holder .bx-wrapper .bx-controls-direction a span:before, .no-touch .background-holder .bx-wrapper .bx-controls-direction a span:after {
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.no-touch .background-holder .bx-wrapper .bx-controls-direction a:hover span:before {
opacity: 0;
}
.no-touch .background-holder .bx-wrapper .bx-controls-direction a:hover span:after {
opacity: 1;
}
.background-holder .bx-wrapper .bx-pager {
text-align: center;
padding: 0 16px;
bottom: 60px;
}
@media all and (min-width: 768px) {
.background-holder .bx-wrapper .bx-pager {
bottom: 40px;
text-align: right;
}
}
@media all and (min-width: 992px) {
.background-holder .bx-wrapper .bx-pager {
padding-right: 52px;
}
}
.background-holder .bx-wrapper .bx-pager .bx-pager-item {
margin: 0 4px;
}
.background-holder .bx-wrapper .bx-pager .bx-pager-link {
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #002341;
border: 1px solid #ffffff;
text-indent: -9999px;
position: relative;
display: block;
overflow: hidden;
margin: 0;
}
.no-touch .background-holder .bx-wrapper .bx-pager .bx-pager-link:hover {
background: #ffffff;
}
.background-holder .bx-wrapper .bx-pager .bx-pager-link.active {
background: #ffffff;
}
.background-holder + .landing-holder {
padding-top: 0;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 72%;
background: none;
padding-bottom: 0;
pointer-events: none;
}
@media all and (min-width: 768px) {
.background-holder + .landing-holder {
position: relative;
height: 80%;
}
}
.background-holder + .landing-holder .title-holder {
position: absolute;
bottom: 80px;
left: 20px;
right: 20px;
padding: 0;
}
@media all and (min-width: 768px) {
.background-holder + .landing-holder .title-holder {
bottom: 120px;
width: 100%;
max-width: 694px;
left: 50%;
margin-left: -347px;
right: auto;
}
}
@media all and (min-width: 992px) {
.background-holder + .landing-holder .title-holder {
max-width: 694px;
margin-left: -347px;
}
}
@media all and (min-width: 1601px) {
.background-holder + .landing-holder .title-holder {
max-width: 1190px;
margin-left: -595px;
}
}
@media all and (min-width: 2101px) {
.background-holder + .landing-holder .title-holder {
bottom: 120px;
}
}
@media all and (min-width: 992px) {
.background-holder + .landing-holder > * {
pointer-events: auto;
}
}
.landing-holder {
position: relative;
background: #032B4D;
padding-top: 130px;
padding-bottom: 80px;
overflow: hidden;
z-index: 1;
}
@media all and (min-width: 768px) {
.landing-holder {
padding-top: 126px;
}
}
@media all and (min-width: 992px) {
.landing-holder {
padding-top: 180px;
}
}
@media all and (min-width: 1601px) {
.landing-holder {
padding-top: 220px;
}
}
.landing-holder .title-holder {
position: relative;
z-index: 3;
padding: 0 20px 10px;
}
@media all and (min-width: 768px) {
.landing-holder .title-holder {
padding: 0 0 20px;
width: 694px;
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 992px) {
.landing-holder .title-holder {
width: 694px;
}
}
@media all and (min-width: 1601px) {
.landing-holder .title-holder {
width: 994px;
}
}
.landing-holder .title-holder .breadcrumbs-holder {
display: none;
}
@media all and (min-width: 768px) {
.landing-holder .title-holder .breadcrumbs-holder {
display: block;
}
}
.landing-holder .title-holder .breadcrumbs-holder ul li {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 24px;
color: #ffffff;
text-transform: capitalize;
}
@media all and (min-width: 1601px) {
.landing-holder .title-holder .breadcrumbs-holder ul li {
font-size: 16px;
}
}
.landing-holder .title-holder .breadcrumbs-holder ul li:before {
display: inline-block;
content: "-";
margin: 0 8px;
}
.landing-holder .title-holder .breadcrumbs-holder ul li:first-child:before {
display: none;
}
.landing-holder .title-holder .breadcrumbs-holder ul li a {
display: inline-block;
color: #ffffff;
text-decoration: underline;
}
.no-touch .landing-holder .title-holder .breadcrumbs-holder ul li a:hover {
text-decoration: none;
}
.landing-holder .title-holder .page-title {
margin-bottom: 20px;
}
.landing-holder .title-holder .page-title h1 {
color: #ffffff;
font-size: 64px;
line-height: 54px;
text-align: center;
}
@media all and (min-width: 768px) {
.landing-holder .title-holder .page-title h1 {
text-align: left;
font-size: 76px;
line-height: 70px;
}
}
@media all and (min-width: 1601px) {
.landing-holder .title-holder .page-title h1 {
font-size: 105px;
line-height: 90px;
}
}
@media all and (min-width: 2101px) {
.landing-holder .title-holder .page-title h1 {
font-size: 135px;
line-height: 105px;
}
}
.landing-holder .logo-holder {
top: 20px;
left: 20px;
position: fixed;
z-index: 2;
-webkit-transition: 0.32s;
-o-transition: 0.32s;
-moz-transition: 0.32s;
transition: 0.32s;
opacity: 1;
}
@media all and (min-width: 992px) {
.landing-holder .logo-holder {
top: 60px;
left: 60px;
}
}
._show .landing-holder .logo-holder {
opacity: 0;
visibility: hidden;
}
._menu-open .landing-holder .logo-holder {
display: none;
}
.landing-holder .logo-holder a {
display: block;
}
.landing-holder .logo-holder img {
display: block;
width: auto;
height: 29px;
}
@media all and (min-width: 992px) {
.landing-holder .logo-holder img {
height: 45px;
}
}
@media all and (min-width: 1601px) {
.landing-holder .logo-holder img {
height: 61px;
}
}
.wrap {
position: relative;
background-color: #ffffff;
background-image: url("/Images/assets/bgs/smoke-pink.png"), url("/Images/assets/bgs/smoke-gray.png");
background-repeat: no-repeat, no-repeat;
-moz-background-size: auto 316px, auto 329px;
-o-background-size: auto 316px, auto 329px;
background-size: auto 316px, auto 329px;
background-position: top 40px left -240px, top 560px right -260px;
padding: 0 0 30px;
}
@media all and (min-width: 768px) {
.wrap {
padding: 40px 0;
}
}
@media all and (min-width: 992px) {
.wrap {
padding: 60px 0;
background-position: top -30px left -180px, top 260px right -280px;
}
}
@media all and (min-width: 1601px) {
.wrap {
padding: 80px 0;
}
}
.wrap:before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: -60px;
left: 0;
width: 100%;
height: 60px;
background: url("/Images/assets/cp/cp-paper-top.png") no-repeat bottom -2px center/cover;
pointer-events: none;
}
@media all and (min-width: 768px) {
.wrap:before {
top: -80px;
height: 80px;
}
}
@media all and (min-width: 1601px) {
.wrap:before {
top: -110px;
height: 110px;
}
}
@media all and (min-width: 2101px) {
.wrap:before {
top: -130px;
height: 130px;
}
}
.wrap:after {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
bottom: -60px;
height: 60px;
background: url("/Images/assets/cp/cp-paper-top.png") no-repeat bottom -2px center/cover;
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
z-index: 4;
}
@media all and (min-width: 992px) {
.wrap:after {
bottom: -80px;
height: 80px;
}
}
@media all and (min-width: 1601px) {
.wrap:after {
bottom: -110px;
height: 110px;
}
}
@media all and (max-width: 991px) {
.wrap .content-wrapper {
position: relative;
overflow: hidden;
}
}
.wrap .secondLvlCss {
position: relative;
z-index: 2;
margin: 0 20px;
/*.content-holder {
.secondLvlCss {
}
}*/
}
@media all and (min-width: 768px) {
.wrap .secondLvlCss {
margin: 0 auto;
width: 694px;
}
}
@media all and (min-width: 992px) {
.wrap .secondLvlCss {
width: 694px;
}
}
@media all and (min-width: 1601px) {
.wrap .secondLvlCss {
width: 1190px;
}
}
.wrap .content-holder .video-header {
margin: 0 0 30px 0;
position: relative;
position: relative;
}
.wrap .content-holder .video-header:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.wrap .content-holder .video-header > iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border: none;
}
.wrap .content-holder .video-header > .stories-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
@media all and (min-width: 768px) {
.wrap .content-holder .video-header {
margin: 0 auto 30px;
width: 694px;
}
}
@media all and (min-width: 992px) {
.wrap .content-holder .video-header {
width: 694px;
}
}
@media all and (min-width: 1601px) {
.wrap .content-holder .video-header {
width: 1190px;
}
}
.submenu-holder {
position: fixed;
display: none;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
/*opacity: 0;
visibility: hidden;
@include bg-transition(.02s);
.sticky & {
opacity: 1;
visibility: visible;
@include bg-transitionDelay(.32s, .12s);
}*/
}
@media all and (min-width: 992px) {
.submenu-holder {
display: block;
}
}
.submenu-holder .submenu-nav {
position: relative;
padding: 0 100px 12px;
background: #F0F5F8;
-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.12);
box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.12);
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media all and (min-width: 1601px) {
.submenu-holder .submenu-nav {
padding-bottom: 18px;
}
}
.submenu-holder .submenu-nav > ul {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.submenu-holder .submenu-nav > ul > li {
display: block;
position: relative;
color: #272727;
padding-top: 12px;
}
@media all and (min-width: 1601px) {
.submenu-holder .submenu-nav > ul > li {
padding-top: 18px;
}
}
.submenu-holder .submenu-nav > ul > li:before {
content: "•";
margin: 0 10px;
}
.submenu-holder .submenu-nav > ul > li:first-child:before {
display: none;
}
.submenu-holder .submenu-nav > ul > li._has-sub {
padding-right: 22px;
}
.no-touch .submenu-holder .submenu-nav > ul > li > span,
.no-touch .submenu-holder .submenu-nav > ul > li > a {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 1;
}
.no-touch .submenu-holder .submenu-nav > ul > li:hover > span,
.no-touch .submenu-holder .submenu-nav > ul > li:hover > a {
opacity: 0.65;
}
.no-touch .submenu-holder .submenu-nav > ul > li:hover > span:before {
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.no-touch .submenu-holder .submenu-nav > ul > li:hover > span:after {
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.no-touch .submenu-holder .submenu-nav > ul > li:hover > ul {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.submenu-holder .submenu-nav > ul > li.active > span,
.submenu-holder .submenu-nav > ul > li.active > a {
opacity: 0.65;
}
.submenu-holder .submenu-nav > ul > li.active > span:before {
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.submenu-holder .submenu-nav > ul > li.active > span:after {
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.submenu-holder .submenu-nav > ul > li.active ul {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.submenu-holder .submenu-nav > ul > li > span {
display: block;
position: absolute;
width: 20px;
height: 26px;
cursor: pointer;
bottom: 0;
right: 0;
}
.submenu-holder .submenu-nav > ul > li > span:before, .submenu-holder .submenu-nav > ul > li > span:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 2px;
background: #272727;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.submenu-holder .submenu-nav > ul > li > span:before {
margin-left: -5px;
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.submenu-holder .submenu-nav > ul > li > span:after {
margin-left: -1px;
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.submenu-holder .submenu-nav > ul > li > a {
font-size: 16px;
line-height: 20px;
color: #272727;
display: inline-block;
position: relative;
opacity: 1;
}
@media all and (min-width: 1601px) {
.submenu-holder .submenu-nav > ul > li > a {
font-size: 20px;
line-height: 24px;
}
}
.submenu-holder .submenu-nav > ul > li > a.active {
color: #E66C84;
}
.submenu-holder .submenu-nav > ul > li ul {
display: block;
position: absolute;
width: 232px;
left: 50%;
-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.12);
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.12);
margin-left: -116px;
padding: 15px 20px;
bottom: 100%;
background: #FDEAEE;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
-moz-transition: all 0.32s linear;
-webkit-transition: all 0.32s linear;
-o-transition: all 0.32s linear;
transition: all 0.32s linear;
}
.submenu-holder .submenu-nav > ul > li ul li {
font-size: 14px;
line-height: 20px;
padding: 5px 0;
text-align: center;
}
.submenu-holder .submenu-nav > ul > li ul a {
display: block;
color: #272727;
}
.no-touch .submenu-holder .submenu-nav > ul > li ul a:hover {
text-decoration: underline;
}
.no-touch .submenu-holder:hover .submenu-header h4 span:before {
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.no-touch .submenu-holder:hover .submenu-header h4 span:after {
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.no-touch .submenu-holder:hover .submenu-nav {
display: block;
opacity: 1;
visibility: visible;
}
/* to review */
.temp-events,
.temp-info {
display: none;
}
/* overwrites */
.contact-holder {
z-index: 3;
background: url("/Images/img/demos/test/footermap.jpg") no-repeat right -400px bottom/cover;
}
.media-template .contact-holder {
z-index: 2;
}
@media all and (min-width: 992px) {
.contact-holder {
min-height: 800px;
}
}
@media all and (min-width: 992px) {
.contact-holder:before {
width: 46%;
}
}
@media all and (min-width: 992px) {
.contact-holder:after {
left: 46%;
}
}
.contact-holder .scroll-top {
/*@extend .dsb-LG_GB !optional;
@extend .dsb-LG_GB_bt-blue-md !optional;
&:before {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}*/
color: #ffffff;
}
@media all and (min-width: 992px) {
.contact-holder .scroll-top {
bottom: 30px;
}
}
.contact-holder .promo-holder {
background: #ffffff;
padding-top: 80px;
}
@media all and (min-width: 992px) {
.contact-holder .promo-holder {
padding-top: 0;
background: none;
}
}
.contact-holder .tos-holder {
/*@media all and (max-width: 991px) {
padding-bottom: 20px;
}*/
}
.no-touch .fixed-item.menu-button {
-webkit-transition: background 0.32s linear, opacity 0.32s 0.64s linear, -webkit-transform 0.32s 0.64s linear;
transition: background 0.32s linear, opacity 0.32s 0.64s linear, -webkit-transform 0.32s 0.64s linear;
-o-transition: background 0.32s linear, opacity 0.32s 0.64s linear, -o-transform 0.32s 0.64s linear;
-moz-transition: background 0.32s linear, opacity 0.32s 0.64s linear, transform 0.32s 0.64s linear, -moz-transform 0.32s 0.64s linear;
transition: background 0.32s linear, opacity 0.32s 0.64s linear, transform 0.32s 0.64s linear;
transition: background 0.32s linear, opacity 0.32s 0.64s linear, transform 0.32s 0.64s linear, -webkit-transform 0.32s 0.64s linear, -moz-transform 0.32s 0.64s linear, -o-transform 0.32s 0.64s linear;
}
.no-touch .fixed-item.menu-button:hover:before {
opacity: 0;
}
.no-touch .fixed-item.menu-button:hover:after {
opacity: 1;
}
.fixed-item.menu-button span.txt {
display: block;
}
.media-template .fixed-item.menu-button span.txt, ._show .fixed-item.menu-button span.txt {
display: none;
}
._show .fixed-item.quick-links {
opacity: 1;
visibility: visible;
}
.fixed-item.logo-holder {
overflow: hidden;
position: fixed;
}
@media all and (max-width: 991px) {
.fixed-item.logo-holder {
width: 60px;
height: 60px;
}
}
.fixed-item.logo-holder:before {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
}
@media all and (max-width: 991px) {
._show .fixed-item.logo-holder {
top: 16px;
left: 16px;
padding: 15px;
}
._show .fixed-item.logo-holder:before {
opacity: 1;
}
}
@media all and (min-width: 992px) {
._show .fixed-item.logo-holder {
top: 60px;
left: 60px;
padding: 0;
background: none;
}
}
@media all and (max-width: 991px) {
.fixed-item.logo-holder a {
width: 32px;
position: relative;
overflow: hidden;
}
}
@media all and (min-width: 768px) {
.fixed-item.logo-holder a img {
height: 29px;
}
}
@media all and (min-width: 992px) {
.fixed-item.logo-holder a img {
height: 45px;
}
}
@media all and (min-width: 1601px) {
.fixed-item.logo-holder a img {
height: 61px;
}
}
@media all and (min-width: 992px) {
.fixed-item.logo-holder {
width: 50px;
}
}
@media all and (min-width: 1601px) {
.fixed-item.logo-holder {
width: 68px;
}
}
.secondLvlCss {
margin: 30px 0;
}
.secondLvlCss:first-of-type {
margin-top: 0;
}
.secondLvlCss > *:first-child {
margin-top: 0;
}
.secondLvlCss p, .secondLvlCss .text-style {
color: #002341;
font-size: 18px;
line-height: 26px;
margin: 30px 0;
}
@media all and (min-width: 1601px) {
.secondLvlCss p, .secondLvlCss .text-style {
font-size: 24px;
line-height: 38px;
}
}
.secondLvlCss p .downloadBtn, .secondLvlCss .text-style .downloadBtn {
margin: 0;
}
.secondLvlCss p.introParagraph, .secondLvlCss .text-style.introParagraph {
margin-top: 0;
font-size: 25px;
line-height: 32px;
color: #E66C84;
}
@media all and (min-width: 768px) {
.secondLvlCss p.introParagraph, .secondLvlCss .text-style.introParagraph {
font-size: 28px;
line-height: 32px;
}
}
@media all and (min-width: 1601px) {
.secondLvlCss p.introParagraph, .secondLvlCss .text-style.introParagraph {
font-size: 38px;
line-height: 52px;
}
}
.secondLvlCss p.specialBlock, .secondLvlCss .text-style.specialBlock {
position: relative;
}
@media all and (max-width: 767px) {
.secondLvlCss p.specialBlock span, .secondLvlCss .text-style.specialBlock span {
display: block;
margin: 0 20px;
}
}
.secondLvlCss p.specialBlock.side-none img, .secondLvlCss .text-style.specialBlock.side-none img {
display: block;
width: 100%;
height: auto;
}
.secondLvlCss p.specialBlock.side-none img.img-wide, .secondLvlCss .text-style.specialBlock.side-none img.img-wide {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.secondLvlCss p.specialBlock.side-none span, .secondLvlCss .text-style.specialBlock.side-none span {
display: block;
margin-top: 30px;
}
.secondLvlCss p.specialBlock.side-left img, .secondLvlCss .text-style.specialBlock.side-left img {
width: 270px;
margin: 4px 20px 10px 0;
}
@media all and (min-width: 768px) and (max-width: 960px) {
.secondLvlCss p.specialBlock.side-left img, .secondLvlCss .text-style.specialBlock.side-left img {
margin: 4px 20px 10px 0;
width: 220px;
}
}
@media all and (max-width: 767px) {
.secondLvlCss p.specialBlock.side-left img, .secondLvlCss .text-style.specialBlock.side-left img {
width: 100% !important;
margin: 0 0 10px;
float: none !important;
max-width: none !important;
}
}
.secondLvlCss p.specialBlock.side-right img, .secondLvlCss .text-style.specialBlock.side-right img {
width: 270px;
margin: 4px 0px 10px 20px;
}
@media all and (min-width: 768px) and (max-width: 960px) {
.secondLvlCss p.specialBlock.side-right img, .secondLvlCss .text-style.specialBlock.side-right img {
margin: 4px 0px 10px 20px;
width: 220px;
}
}
@media all and (max-width: 767px) {
.secondLvlCss p.specialBlock.side-right img, .secondLvlCss .text-style.specialBlock.side-right img {
width: 100% !important;
margin: 0 0 10px;
float: none !important;
max-width: none !important;
}
}
@media all and (max-width: 767px) {
.secondLvlCss p.specialBlock, .secondLvlCss .text-style.specialBlock {
margin: 30px -20px;
}
}
.secondLvlCss a {
/*.no-touch & {
@include bg-transition(.1s);
&:hover {
text-decoration: none;
color: $blue-light;
}
}*/
}
.secondLvlCss a:not(.downloadBtn) {
position: relative;
color: #002341;
font-weight: 700;
text-decoration: underline;
}
.secondLvlCss a:not(.downloadBtn):after {
display: inline-block;
position: relative;
font-size: 14px;
margin-left: 6px;
}
.no-touch .secondLvlCss a:not(.downloadBtn) {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.no-touch .secondLvlCss a:not(.downloadBtn):hover {
color: #E66C84;
}
.secondLvlCss a.filepdf:after {
content: "";
}
.secondLvlCss a.external:after {
content: "";
}
.secondLvlCss a.mail:after {
content: "";
}
.secondLvlCss h1, .secondLvlCss .h1 {
font-size: 80px;
line-height: 70px;
margin: 30px 0;
color: #002341;
}
@media all and (min-width: 1601px) {
.secondLvlCss h1, .secondLvlCss .h1 {
font-size: 100px;
line-height: 90px;
}
}
.secondLvlCss h2, .secondLvlCss .h2 {
font-size: 30px;
line-height: 32px;
color: #002341;
margin: 30px 0;
}
@media all and (min-width: 1601px) {
.secondLvlCss h2, .secondLvlCss .h2 {
font-size: 38px;
line-height: 44px;
}
}
.secondLvlCss h3, .secondLvlCss .h3 {
font-size: 25px;
line-height: 28px;
color: #002341;
margin: 30px 0;
}
.secondLvlCss h4, .secondLvlCss .h4 {
font-size: 22px;
line-height: 26px;
color: #002341;
margin: 30px 0;
}
.secondLvlCss hr {
display: block;
border: none;
height: 2px;
background: none;
position: relative;
overflow: hidden;
margin: 30px 0;
}
.secondLvlCss hr:after {
content: "";
display: block;
position: relative;
border-top: 2px dashed #002341;
}
.secondLvlCss blockquote {
position: relative;
margin: 38px 0 30px;
padding-left: 28px;
}
.secondLvlCss blockquote:before {
content: '"';
color: #002341;
display: block;
position: absolute;
font-size: 40px;
line-height: 30px;
left: 0;
top: -10px;
}
.secondLvlCss blockquote:after {
content: "";
display: block;
position: absolute;
width: 2px;
border-left: 2px dashed #002341;
left: 8px;
top: 5px;
bottom: 5px;
}
.secondLvlCss blockquote p {
font-size: 20px;
line-height: 30px;
color: #002341;
margin: 0 0 20px;
position: relative;
}
@media all and (min-width: 1601px) {
.secondLvlCss blockquote p {
font-size: 30px;
line-height: 44px;
}
}
.secondLvlCss blockquote small {
display: block;
color: #E66C84;
font-size: 19px;
line-height: 24px;
}
.secondLvlCss blockquote small i, .secondLvlCss blockquote small em {
color: #002341;
font-size: 16px;
display: block;
}
@media all and (min-width: 1601px) {
.secondLvlCss blockquote small i, .secondLvlCss blockquote small em {
font-size: 19px;
}
}
@media all and (min-width: 1601px) {
.secondLvlCss blockquote small {
font-size: 24px;
line-height: 30px;
}
}
.secondLvlCss .center-align {
text-align: center;
margin: 30px 80px;
}
@media all and (min-width: 768px) and (max-width: 960px) {
.secondLvlCss .center-align {
margin: 30px 40px;
}
}
@media all and (max-width: 767px) {
.secondLvlCss .center-align {
margin: 30px 0;
}
}
.secondLvlCss img {
max-width: 100%;
height: auto;
}
.secondLvlCss img.img-wide {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: none;
}
.secondLvlCss .downloadBtn {
display: block;
background-image: url("/Images/assets/bgs/bar-pink.png");
background: url("/Images/assets/bgs/bar-blue.png") no-repeat center/100% 100%;
padding: 15px 25px;
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
font-weight: 700;
text-align: center;
}
.no-touch .secondLvlCss .downloadBtn:hover {
background: url("/Images/assets/bgs/bar-pink.png") no-repeat center/100% 100%;
}
@media all and (min-width: 768px) {
.secondLvlCss .downloadBtn {
display: inline-block;
text-align: left;
width: auto;
padding-left: 35px;
padding-right: 35px;
}
}
.secondLvlCss .table-wrapper {
margin: 30px 0;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.touch .secondLvlCss .table-wrapper {
-webkit-overflow-scrolling: touch;
}
.secondLvlCss .table-wrapper table {
margin: 0;
width: 100%;
display: table;
}
.secondLvlCss table {
width: 100%;
overflow: hidden;
display: none;
border-spacing: 0;
margin: 30px 0;
}
.secondLvlCss table tr th {
color: #002341;
font-size: 24px;
line-height: 32px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
height: 50px;
background: #CBD2D8;
border-left: 1px solid #889AAD;
}
.secondLvlCss table tr th:first-child {
border-left: none;
}
.secondLvlCss table tr td {
font-size: 16px;
line-height: 24px;
color: #002341;
padding: 10px 20px;
height: 52px;
vertical-align: top;
border-left: 1px solid #889AAD;
/*&:nth-child(2n + 1) {
background: rgba(80, 95, 103, .05);
}*/
}
.secondLvlCss table tr td:first-child {
border-left: none;
}
.secondLvlCss table tr.odd td {
background: #F2F3F5;
}
.secondLvlCss ul {
margin: 30px 0;
display: block;
padding: 0;
}
.secondLvlCss ul li {
font-size: 16px;
line-height: 24px;
padding: 10px 0 10px 24px;
color: #002341;
position: relative;
/*&.even {background: #f3f3f3;}
&.odd {background: $white;}*/
}
.secondLvlCss ul li:before {
display: block;
position: absolute;
top: 15px;
left: 0;
}
.secondLvlCss ol {
margin: 30px 0;
display: block;
padding: 0;
}
.secondLvlCss ol li {
font-size: 16px;
line-height: 24px;
padding: 10px 0 10px 24px;
color: #002341;
position: relative;
counter-increment: foo;
/* &.even {background: #f3f3f3;}
&.odd {background: $white;}*/
}
.secondLvlCss ol li:first-child {
border-top: none;
}
.secondLvlCss ol li:before {
content: counter(foo, decimal);
display: block;
position: absolute;
font-size: 25px;
line-height: 1;
top: 8px;
left: 0;
color: #002341;
z-index: 2;
}
.secondLvlCss .iframe-holder {
margin: 30px 0;
padding: 10px;
position: relative;
position: relative;
}
.secondLvlCss .iframe-holder:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.secondLvlCss .iframe-holder > iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border: none;
}
.secondLvlCss .iframe-holder > .stories-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.secondLvlCss .hidden-content {
display: none;
}
.secondLvlCss > img {
display: block;
margin: 30px 0;
width: 100%;
height: auto;
max-height: 320px;
}
.secondLvlCss .featured-img-holder {
height: 320px;
margin: 30px 0;
}
@media all and (min-width: 1150px) {
.secondLvlCss .featured-img-holder {
height: 440px;
}
}
@media all and (max-width: 767px) {
.secondLvlCss .featured-img-holder {
height: 240px;
}
}
.secondLvlCss .featured-img-holder .featured-img {
position: absolute;
overflow: hidden;
left: 0;
width: 100%;
height: 320px;
}
@media all and (min-width: 1150px) {
.secondLvlCss .featured-img-holder .featured-img {
height: 440px;
}
}
@media all and (max-width: 767px) {
.secondLvlCss .featured-img-holder .featured-img {
height: 240px;
}
}
.secondLvlCss .featured-img-holder .featured-img img {
display: block;
position: absolute;
}
.secondLvlCss #accordion {
margin: 30px 0;
}
.secondLvlCss .accordion {
margin: 30px 0;
-webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
background: #ffffff;
}
.secondLvlCss .accordion .accordion-title {
color: #002341;
position: relative;
z-index: 2;
font-size: 22px;
line-height: 26px;
letter-spacing: 0.22px;
padding: 12px 50px 12px 35px;
background: transparent;
margin: 0;
cursor: pointer;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.secondLvlCss .accordion .accordion-title span {
display: block;
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
}
.secondLvlCss .accordion .accordion-title span:before, .secondLvlCss .accordion .accordion-title span:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
background: #002341;
width: 10px;
height: 2px;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.secondLvlCss .accordion .accordion-title span:before {
margin-left: 6px;
}
.secondLvlCss .accordion .accordion-title span.ui-icon-plus:before {
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.secondLvlCss .accordion .accordion-title span.ui-icon-plus:after {
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.secondLvlCss .accordion .accordion-title span.ui-icon-minus:before {
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.secondLvlCss .accordion .accordion-title span.ui-icon-minus:after {
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.secondLvlCss .accordion .accordion-content {
position: relative;
z-index: 2;
padding: 1px 35px;
border-top: 1px solid #889AAD;
}
html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-hover {
color: #ffffff;
background: #E66C84;
}
html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-hover span:before, html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-hover span:after {
background: #ffffff;
}
html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-active {
color: #002341;
background: #ffffff;
}
html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-active span:before, html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-active span:after {
background: #002341;
}
html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-active.ui-state-hover {
color: #ffffff;
background: #889AAD;
}
html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-active.ui-state-hover span:before, html.no-touch .secondLvlCss .accordion .accordion-title.ui-state-active.ui-state-hover span:after {
background: #ffffff;
}
html.touch .secondLvlCss .accordion .accordion-title.ui-state-active {
color: #002341;
background: #ffffff;
}
html.touch .secondLvlCss .accordion .accordion-title.ui-state-active span:before, html.touch .secondLvlCss .accordion .accordion-title.ui-state-active span:after {
background: #002341;
}
.menu-animation {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #ffffff;
z-index: 8;
display: none;
-webkit-transition: opacity 0.24s 0.4s, -webkit-transform 0.64s;
transition: opacity 0.24s 0.4s, -webkit-transform 0.64s;
-o-transition: opacity 0.24s 0.4s, -o-transform 0.64s;
-moz-transition: transform 0.64s, opacity 0.24s 0.4s, -moz-transform 0.64s;
transition: transform 0.64s, opacity 0.24s 0.4s;
transition: transform 0.64s, opacity 0.24s 0.4s, -webkit-transform 0.64s, -moz-transform 0.64s, -o-transform 0.64s;
pointer-events: none;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
}
@media all and (min-width: 992px) {
.menu-animation {
display: block;
}
}
.menu-animation:after {
content: "";
display: block;
position: absolute;
width: 140px;
top: 0;
height: 100%;
left: 100%;
-webkit-transform: translateX(-1px);
-moz-transform: translateX(-1px);
-ms-transform: translateX(-1px);
-o-transform: translateX(-1px);
transform: translateX(-1px);
background: url("/Images/assets/bgs/menu-footer-rip.png") no-repeat left center/auto 100%;
}
._menu-open .menu-animation {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 0.12s, -webkit-transform 0.64s;
transition: opacity 0.12s, -webkit-transform 0.64s;
-o-transition: opacity 0.12s, -o-transform 0.64s;
-moz-transition: transform 0.64s, opacity 0.12s, -moz-transform 0.64s;
transition: transform 0.64s, opacity 0.12s;
transition: transform 0.64s, opacity 0.12s, -webkit-transform 0.64s, -moz-transform 0.64s, -o-transform 0.64s;
}
@media all and (min-width: 992px) {
.search-holder {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media all and (min-width: 992px) {
._menu-open .search-holder {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.64s 0.64s;
-o-transition: 0.64s 0.64s;
-moz-transition: 0.64s 0.64s;
transition: 0.64s 0.64s;
}
}
.custom-menu {
width: 100%;
height: 100%;
display: block;
background: #F0F5F8 url("/Images/assets/bgs/footer-map-mobile.jpg") no-repeat bottom center;
position: fixed;
top: 0;
left: 0;
z-index: 9;
padding-top: 66px;
overflow: hidden !important;
display: none;
}
@media all and (min-width: 992px) {
.custom-menu {
-webkit-transition: 0.12s;
-o-transition: 0.12s;
-moz-transition: 0.12s;
transition: 0.12s;
opacity: 0;
background: #F0F5F8 url("/Images/assets/bgs/footer-map-desktop.jpg") no-repeat center center/cover;
}
}
@media all and (min-width: 992px) {
.custom-menu.loaded {
background: #F0F5F8 url("/Images/assets/bgs/footer-map-desktop.jpg") no-repeat center right/cover;
-webkit-transition: opacity 0.24s 0.48s, background 0.64s 0.4s;
-o-transition: opacity 0.24s 0.48s, background 0.64s 0.4s;
-moz-transition: opacity 0.24s 0.48s, background 0.64s 0.4s;
transition: opacity 0.24s 0.48s, background 0.64s 0.4s;
opacity: 1;
}
}
.custom-menu.no-animation {
-webkit-transition: none !important;
-o-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
.custom-menu.no-animation .cm-levels,
.custom-menu.no-animation .mobile-curl {
-webkit-transition: none !important;
-o-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
.custom-menu .custom-btn {
width: 100%;
max-width: 260px;
}
.custom-menu .level-close {
width: 40px;
height: 40px;
position: absolute;
right: 60px;
top: 30px;
cursor: pointer;
z-index: 10;
background: #000;
z-index: 100000;
display: none;
}
.custom-menu .level-close .close-icon {
width: 28px;
height: 28px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -14px;
margin-left: -14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.custom-menu .level-close .close-icon:before {
content: "";
width: 2px;
height: 100%;
display: block;
position: absolute;
left: 50%;
margin-left: -1px;
top: 0;
background: #002776;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.custom-menu .level-close .close-icon:after {
content: "";
width: 100%;
height: 2px;
display: block;
position: absolute;
top: 50%;
margin-top: -1px;
left: 0;
background: #002776;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.custom-menu .curl {
right: -30px;
top: 0;
}
.custom-menu .mobile-horizontal-curl {
width: 100%;
height: 30px;
position: absolute;
bottom: -30px;
left: 0;
z-index: 3;
}
.custom-menu.second-level-active .first-level .cm-item {
opacity: 0.5;
}
.no-touch .custom-menu.second-level-active .first-level .cm-item:hover {
opacity: 1;
}
.custom-menu.second-level-active .second-level .cm-item {
/*opacity: .5;
.cm-level-third {
.cm-item {
opacity: 1;
}
}
.no-touch & {
&:hover {
opacity: 1;
}
}*/
}
@media all and (min-width: 992px) {
.custom-menu.second-level-active .menu-promos-inner {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
}
@media all and (min-width: 1601px) {
.custom-menu.second-level-active .menu-promos-inner {
-webkit-transform: translateX(24%);
-moz-transform: translateX(24%);
-ms-transform: translateX(24%);
-o-transform: translateX(24%);
transform: translateX(24%);
}
}
.custom-menu.second-level-active ._third-level-open .cm-item {
opacity: 0.5;
}
.custom-menu.second-level-active ._third-level-open .cm-item .cm-level-third .cm-item {
opacity: 1;
}
.no-touch .custom-menu.second-level-active ._third-level-open .cm-item:hover {
opacity: 1;
}
.custom-menu.third-level-active {
background: #DFF1FC;
}
.custom-menu .bg-close {
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
position: absolute;
background: #000;
}
.custom-menu .close-level {
width: 100%;
height: 100%;
display: none;
background: #fff;
position: fixed;
left: 0;
top: 0;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
-o-transition: opacity 0.3s ease, visibility 0.3s ease;
-moz-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.custom-menu .open-level {
width: 40px;
height: 40px;
display: block;
position: absolute;
right: 0;
top: 6px;
}
.custom-menu .open-level .arrow {
width: 12px;
height: 12px;
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
left: 50%;
margin-left: -6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
background: green;
}
.custom-menu .open-level .arrow:before {
content: "";
width: 2px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #002776;
-webkit-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.custom-menu .open-level .arrow:after {
content: "";
width: 100%;
height: 2px;
display: block;
position: absolute;
bottom: 0;
right: 0;
background: #002776;
-webkit-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.custom-menu .custom-menu__inner {
width: 100%;
height: 100%;
display: block;
position: fixed;
z-index: 2;
top: 0;
left: 0;
}
.custom-menu .menu-container {
width: 50%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
pointer-events: none;
}
.custom-menu .menu-container .cm-levels {
pointer-events: all;
}
.custom-menu .menu-container .cm-levels:not(.first-level) {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s ease, visibility 0.4s ease-out, -webkit-transform 0.4s ease-out;
transition: opacity 0.4s ease, visibility 0.4s ease-out, -webkit-transform 0.4s ease-out;
-o-transition: opacity 0.4s ease, visibility 0.4s ease-out, -o-transform 0.4s ease-out;
-moz-transition: opacity 0.4s ease, transform 0.4s ease-out, visibility 0.4s ease-out, -moz-transform 0.4s ease-out;
transition: opacity 0.4s ease, transform 0.4s ease-out, visibility 0.4s ease-out;
transition: opacity 0.4s ease, transform 0.4s ease-out, visibility 0.4s ease-out, -webkit-transform 0.4s ease-out, -moz-transform 0.4s ease-out, -o-transform 0.4s ease-out;
}
.custom-menu .menu-container .cm-levels.level-active {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.custom-menu .menu-mobile-helper {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
pointer-events: none;
z-index: 4;
}
.custom-menu .level-title {
font-size: 34px;
line-height: 38px;
display: block;
color: #002776;
font-weight: 700;
padding-bottom: 20px;
}
.custom-menu .cm-levels {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.custom-menu .cm-levels .cm-levels__close {
width: 60px;
height: 100%;
display: block;
position: absolute;
top: 0;
right: -60px;
z-index: 3;
}
.custom-menu .cm-levels .cm-level {
width: 100%;
display: none;
}
.custom-menu .cm-levels .cm-item {
width: 100%;
display: block;
position: relative;
z-index: 1;
}
.custom-menu .cm-levels .cm-item.active {
opacity: 1;
}
.custom-menu .cm-levels .cm-item.active .arrow {
color: #ffffff;
}
.custom-menu .cm-levels .cm-item.active .arrow:before {
opacity: 0;
}
.custom-menu .cm-levels .cm-item.active .arrow:after {
opacity: 1;
}
@media all and (min-width: 992px) {
.custom-menu .cm-levels .cm-item.level-title {
display: none;
}
}
.custom-menu .cm-levels .cm-item.cm__item-ref {
display: block;
padding: 10px 0;
opacity: 1 !important;
/*
@media all and (min-width: 992px) {
display: none;
}*/
}
.custom-menu .cm-levels .cm-item.cm__item-ref .cm__link-ref {
position: relative;
font-size: 22px;
line-height: 38px;
color: #E66C84;
cursor: pointer;
padding-left: 48px;
}
.custom-menu .cm-levels .cm-item.cm__item-ref .cm__link-ref .icon {
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 16px;
line-height: 38px;
text-align: center;
color: #ffffff;
width: 40px;
height: 38px;
}
.custom-menu .cm-levels .cm-item.cm__item-ref .cm__link-ref .icon:after {
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.custom-menu .cm-levels .cm-item.cm__item-ref .cm__link-ref .global-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
font-size: 10px;
position: absolute;
left: 0;
top: 3px;
}
.custom-menu .cm-levels .cm-item .arrow {
width: 40px;
height: 38px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
text-align: center;
}
.custom-menu .cm-levels .cm-item .arrow:before, .custom-menu .cm-levels .cm-item .arrow:after {
display: block;
position: absolute;
top: -3px;
left: 0;
z-index: -1;
}
@media all and (min-width: 992px) {
.custom-menu .cm-levels .cm-item .arrow:before, .custom-menu .cm-levels .cm-item .arrow:after {
top: 2px;
}
}
.custom-menu .cm-levels .cm-item .arrow:before {
opacity: 1;
}
.custom-menu .cm-levels .cm-item .arrow:after {
opacity: 0;
}
.custom-menu .cm-levels .cm-item .arrow .global-icon {
font-size: 23px;
line-height: 40px;
display: block;
}
.custom-menu .cm-levels .cm-item.cm-item-ref {
margin-bottom: 15px;
}
.custom-menu .cm-levels .cm-item .cm-link {
display: block;
padding-right: 52px;
}
.custom-menu .cm-levels .cm-item .cm-link.current {
color: #E66C84 !important;
}
.custom-menu .cm-levels .cm-item .cm-link-ref {
display: inline-block;
position: relative;
font-size: 18px;
line-height: 20px;
padding-left: 46px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #A6085A;
cursor: pointer;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.custom-menu .cm-levels .cm-item .cm-link-ref .arrow {
width: 12px;
height: 40px;
position: absolute;
left: 13px;
top: -8px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
}
.custom-menu .cm-levels .cm-item .cm-link-ref .arrow svg {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.custom-menu .cm-levels .cm-item .cm-link-ref .arrow svg .svg__path {
fill: #a6085a;
-webkit-transition: fill 0.3s ease;
-o-transition: fill 0.3s ease;
-moz-transition: fill 0.3s ease;
transition: fill 0.3s ease;
}
html.no-touch .custom-menu .cm-levels .cm-item .cm-link-ref:hover {
color: #2CCCD3;
}
html.no-touch .custom-menu .cm-levels .cm-item .cm-link-ref:hover .arrow svg .svg__path {
fill: #2CCCD3;
}
.custom-menu .cm-levels .cm-item .back-head {
font-size: 40px;
line-height: 46px;
color: #002776;
font-weight: 900;
display: block;
margin-top: 15px;
}
.custom-menu .cm-levels .cm-item.cm-item__with-search {
pointer-events: all;
}
.custom-menu .cm-levels .cm-absolute {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 2;
}
.custom-menu .cm-levels .cm-absolute .cml-scroll {
width: 100%;
position: absolute;
top: 70px;
left: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
z-index: 3;
}
.custom-menu .cm-levels .cm-absolute .cml-scroll._overflow + .overflow-indicator {
opacity: 1;
visibility: visible;
}
.custom-menu .cm-levels .cm-absolute .overflow-indicator {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.12s;
-o-transition: 0.12s;
-moz-transition: 0.12s;
transition: 0.12s;
display: none;
}
@media all and (min-width: 992px) {
.custom-menu .cm-levels .cm-absolute .overflow-indicator {
display: block;
}
}
.custom-menu .cm-levels .cm-absolute .overflow-indicator:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
z-index: 1;
display: none;
}
@media all and (min-width: 992px) {
.custom-menu .cm-levels .cm-absolute .overflow-indicator:before {
display: block;
}
}
.custom-menu .cm-levels .cm-absolute .overflow-indicator:after {
content: "";
position: absolute;
width: 9px;
height: 9px;
border: 1px solid transparent;
border-color: transparent #002341 #002341 transparent;
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 30px;
left: 50%;
margin-left: -5px;
z-index: 2;
display: none;
}
@media all and (min-width: 992px) {
.custom-menu .cm-levels .cm-absolute .overflow-indicator:after {
display: block;
}
}
.custom-menu .cm-levels.first-level {
width: 100%;
width: 80%;
left: 0;
z-index: 1;
}
.custom-menu .cm-levels.first-level .cm-absolute {
background: #fff;
}
.custom-menu .cm-levels.first-level .cm-level {
width: 100%;
display: block !important;
padding: 0 20px 0 60px;
/*padding: 0 20px 0 180px;
max-width: 680px;*/
}
@media all and (min-width: 2200px) {
.custom-menu .cm-levels.first-level .cm-level {
max-width: 680px;
margin: 0 auto;
padding: 0;
}
}
.custom-menu .cm-levels.first-level .cm-item {
padding: 10px 0;
}
.custom-menu .cm-levels.first-level .cm-item .cm-link {
position: relative;
z-index: 1;
font-size: 28px;
line-height: 32px;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
color: #002776;
padding-right: 40px;
}
.custom-menu .cm-levels.first-level .cm-item .cm-link.current {
color: #E66C84;
}
.custom-menu .cm-levels.first-level .cm-item .cm-link.current:before {
display: block;
}
.no-touch .custom-menu .cm-levels.first-level .cm-item .cm-link:hover {
text-decoration: underline;
}
.custom-menu .cm-levels.first-level .cm-item .cm-link:before {
content: "";
position: absolute;
display: none;
left: -16px;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #E66C84;
top: 12px;
}
.custom-menu .cm-levels.second-level {
width: 52%;
z-index: 0;
opacity: 1 !important;
visibility: visible !important;
left: 100%;
left: 80%;
}
.custom-menu .cm-levels.second-level:after {
content: "";
display: block;
position: absolute;
width: 140px;
top: 0;
height: 100%;
left: 100%;
-webkit-transform: translateX(-1px);
-moz-transform: translateX(-1px);
-ms-transform: translateX(-1px);
-o-transform: translateX(-1px);
transform: translateX(-1px);
background: url("/Images/assets/bgs/menu-footer-rip.png") no-repeat left center/auto 100%;
}
@media all and (min-width: 2200px) {
.custom-menu .cm-levels.second-level:after {
width: 190px;
}
}
.custom-menu .cm-levels.second-level .open-level {
top: 8px;
}
.custom-menu .cm-levels.second-level .cm-item {
padding: 10px 0;
/*&:not(.level-title) {
padding-left: 40px;
}*/
}
.custom-menu .cm-levels.second-level .cm-item .arrow {
-webkit-transform: rotate(90deg) translateX(-50%);
-moz-transform: rotate(90deg) translateX(-50%);
-ms-transform: rotate(90deg) translateX(-50%);
-o-transform: rotate(90deg) translateX(-50%);
transform: rotate(90deg) translateX(-50%);
}
.custom-menu .cm-levels.second-level .cm-item .arrow .global-icon {
line-height: 44px;
}
.custom-menu .cm-levels.second-level .cm-item.active .arrow .global-icon {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.custom-menu .cm-levels.second-level .cm-absolute {
background: #ffffff;
}
.custom-menu .cm-levels.second-level .cm-level {
padding: 0 0 0 10px;
}
.custom-menu .cm-levels.second-level .cm-link {
font-family: "Belleza", sans-serif;
font-size: 22px;
line-height: 28px;
padding: 0 50px 0 0;
border: 1px solid transparent;
color: #002776;
border-left: none;
position: relative;
font-weight: 500;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
/*.arrow {
margin-top: -2px
}*/
}
.no-touch .custom-menu .cm-levels.second-level .cm-link:hover {
text-decoration: underline;
}
.custom-menu .cm-levels.second-level .cm-level-third {
padding-top: 10px;
}
.custom-menu .cm-levels.second-level .cm-level-third .cm-item {
padding: 5px 0;
}
.custom-menu .cm-levels.second-level .cm-level-third .cm-link {
padding-right: 0;
font-size: 18px;
line-height: 24px;
}
.custom-menu .cm-levels.third-level {
width: 100%;
z-index: 3;
opacity: 0;
visibility: hidden;
left: 1000px;
}
.custom-menu .cm-levels.third-level .cm-levels__close {
width: 110px;
}
.custom-menu .cm-levels.third-level .level-close {
right: 120px;
}
.custom-menu .cm-levels.third-level .cm-item:not(.level-title) {
padding: 10px 0;
padding-left: 40px;
}
.custom-menu .cm-levels.third-level .cm-item .back-head {
font-size: 28px;
line-height: 24px;
font-weight: 500;
}
.custom-menu .cm-levels.third-level .cm-absolute {
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
right: -300px;
background: #DFF1FC;
}
.custom-menu .cm-levels.third-level .cm-level {
padding: 0 40px 0 90px;
}
.custom-menu .cm-levels.third-level .level-title {
font-family: "Belleza", sans-serif;
font-size: 24px;
line-height: 26px;
font-weight: 600;
}
.custom-menu .cm-levels.third-level .cm-link {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #002776;
display: block;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
padding-right: 0;
}
.custom-menu .cm-levels .cml-table {
width: 100%;
height: -webkit-calc(100% - 70px);
height: -moz-calc(100% - 70px);
height: calc(100% - 70px);
display: table;
}
.custom-menu .cm-levels .cml-table .cml-tc {
width: 100%;
height: 100%;
display: table-cell;
}
.custom-menu .cm-levels .cml-table .cml-scroll-wrapper {
width: 100%;
}
.custom-menu .promo-link {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.custom-menu .promo-link:before, .custom-menu .promo-link:after {
content: "";
width: 1px;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.custom-menu .promo-link .pl__txt {
width: -webkit-calc(100% - 2px);
width: -moz-calc(100% - 2px);
width: calc(100% - 2px);
padding: 20px;
display: inline-block;
vertical-align: middle;
text-align: center;
position: relative;
z-index: 2;
color: #fff;
font-size: 30px;
line-height: 36px;
font-weight: 700;
}
.custom-menu .promo-link .pl__image {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.custom-menu .promo-link .pl__image:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 2;
}
.custom-menu .promo-link .pl__image .img {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
html.no-touch .custom-menu .promo-link:hover .img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.custom-menu .featured-news {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.custom-menu .featured-news .fn__image {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.custom-menu .featured-news .fn__image:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
opacity: 0.4;
z-index: 2;
}
.custom-menu .featured-news .fn__image .img {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
}
.custom-menu .featured-news .fn__text-inner {
width: 100%;
position: relative;
max-width: 360px;
}
.custom-menu .featured-news .fn__text {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 0 50px 45px;
z-index: 2;
}
.custom-menu .featured-news .fn__label {
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: #2CCCD3;
display: block;
margin-bottom: 10px;
}
.custom-menu .featured-news .fn__title {
font-size: 34px;
line-height: 36px;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
}
.custom-menu .featured-news .fn__additional {
font-size: 15px;
line-height: 20px;
color: #fff;
}
@media all and (min-width: 992px) {
.custom-menu .menu-container {
-webkit-transition: 0.12s;
-o-transition: 0.12s;
-moz-transition: 0.12s;
transition: 0.12s;
width: 100%;
}
}
@media all and (min-width: 992px) {
.custom-menu .second-level.cm-levels .cml-scroll {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.12s;
-o-transition: 0.12s;
-moz-transition: 0.12s;
transition: 0.12s;
}
}
.custom-menu .second-level.cm-levels .cml-tc {
/*@media all and (min-width: 992px) {
padding-top: 52px;
}*/
}
@media all and (min-width: 992px) {
.custom-menu .cm-level:not(.cm-level-third) {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: 0.12s;
-o-transition: 0.12s;
-moz-transition: 0.12s;
transition: 0.12s;
}
}
.custom-menu.loaded {
/*&.second-level-active {
.menu-container {
@media all and (min-width: 992px) {
transition: none;
}
}
}*/
}
@media all and (min-width: 992px) {
.custom-menu.loaded .menu-promos {
-webkit-transition: 0.64s 0.4s;
-o-transition: 0.64s 0.4s;
-moz-transition: 0.64s 0.4s;
transition: 0.64s 0.4s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@media all and (min-width: 992px) {
.custom-menu.loaded .cm-level:not(.cm-level-third) {
-webkit-transition: 0.64s 0.6s;
-o-transition: 0.64s 0.6s;
-moz-transition: 0.64s 0.6s;
transition: 0.64s 0.6s;
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@media all and (min-width: 992px) {
.custom-menu.loaded .second-level.cm-levels .cml-scroll {
-webkit-transition: 0.64s 0.6s;
-o-transition: 0.64s 0.6s;
-moz-transition: 0.64s 0.6s;
transition: 0.64s 0.6s;
opacity: 1;
visibility: visible;
}
}
@media all and (min-width: 992px) {
.custom-menu.loaded .menu-container {
-webkit-transition: 0.64s 0.4s;
-o-transition: 0.64s 0.4s;
-moz-transition: 0.64s 0.4s;
transition: 0.64s 0.4s;
width: 50%;
}
}
.custom-menu .menu-promos {
width: 50%;
height: 100%;
position: fixed;
display: block;
right: 0;
top: 0;
z-index: 2;
overflow: hidden;
z-index: 1;
}
@media all and (min-width: 992px) {
.custom-menu .menu-promos {
-webkit-transition: 0.12s;
-o-transition: 0.12s;
-moz-transition: 0.12s;
transition: 0.12s;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
.custom-menu .menu-promos .menu__scroller {
width: 60px;
height: 60px;
display: block;
position: absolute;
bottom: 50px;
left: 50%;
margin-left: -30px;
background: #fff;
z-index: 2;
cursor: pointer;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
-webkit-transition: visibility 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: visibility 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: visibility 0.3s ease, opacity 0.3s ease, -o-transform 0.3s ease;
-moz-transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, -moz-transform 0.3s ease;
transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: hidden;
pointer-events: none;
}
.custom-menu .menu-promos .menu__scroller .global-icon {
display: block;
line-height: 60px;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
color: #FF674D;
font-size: 10px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
.custom-menu .menu-promos .menu__scroller.enabled {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
pointer-events: all;
}
html.no-touch .custom-menu .menu-promos .menu__scroller:hover .global-icon {
-webkit-transform: translate3d(0, 5px, 0) rotate(90deg);
-moz-transform: translate3d(0, 5px, 0) rotate(90deg);
transform: translate3d(0, 5px, 0) rotate(90deg);
}
.custom-menu .menu-promos .menu-promos-inner {
width: 100%;
height: 100%;
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: 0.8s ease-out;
-o-transition: 0.8s ease-out;
-moz-transition: 0.8s ease-out;
transition: 0.8s ease-out;
}
.custom-menu .menu-promos .contact-info {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
text-align: center;
}
.custom-menu .menu-promos .contact-info li {
display: block;
font-size: 16px;
line-height: 24px;
}
.custom-menu .menu-promos .contact-info a {
color: #002341;
text-decoration: underline;
}
.no-touch .custom-menu .menu-promos .contact-info a {
opacity: 0.7;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.no-touch .custom-menu .menu-promos .contact-info a:hover {
opacity: 1;
color: #E66C84;
}
.custom-menu .menu-promos .promo-row {
width: 100%;
min-height: 300px;
height: 50%;
position: relative;
}
.custom-menu .menu-promos .promo-row .col {
width: 50%;
height: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
}
@media screen and (max-width: 1600px) {
.custom-menu .first-level .menu__scroller {
max-width: 590px;
left: 70px;
}
.custom-menu .open-level {
top: 0px;
}
.custom-menu .level-title {
font-size: 25px;
line-height: 30px;
}
.custom-menu .cm-levels {
/*&.first-level {
.cm-item {
.cm-link {
font-size: 25px;
line-height: 30px;
padding-right: 52px;
}
}
.cm-level {
padding: 0 20px 0 60px;
}
}*/
}
.custom-menu .cm-levels.second-level {
/*.cm-level {
padding: 0 20px;
}*/
}
.custom-menu .cm-levels.second-level .cm-item {
/*&:not(.level-title) {
padding-left: 30px;
}*/
/*.cm-link {
font-size: 20px;
line-height: 22px;
padding-right: 30px;
!*.arrow {
margin-top: 0
}*!
}*/
/*.arrow {
height: 24px;
.global-icon {
line-height: 24px;
}
}*/
}
.custom-menu .cm-levels.third-level .level-title {
font-size: 20px;
padding-bottom: 20px;
}
.custom-menu .cm-levels.third-level .cm-item .cm-link {
font-size: 16px;
line-height: 20px;
}
.custom-menu .cm-levels.third-level .cm-level {
padding: 0 20px 0 60px;
max-width: 500px;
}
}
@media screen and (max-width: 1600px) and (max-height: 710px) {
.custom-menu .cm-levels.first-level .cm-item {
padding: 7px 0;
}
.custom-menu .cm-levels.first-level .cm-item .cm-link {
font-size: 26px;
}
}
@media screen and (max-width: 1100px) {
.custom-menu .first-level .menu__scroller {
left: 0;
}
.custom-menu .cm-levels.first-level .cm-level {
padding-left: 60px;
}
}
@media screen and (max-width: 1000px) {
.custom-menu .cm-levels.second-level .cm-absolute {
width: -webkit-calc(100% - 60px);
width: -moz-calc(100% - 60px);
width: calc(100% - 60px);
}
.custom-menu .cm-levels.third-level .cm-level {
padding: 0 20px;
max-width: 500px;
}
.custom-menu .cm-levels.third-level .cm-absolute {
width: -webkit-calc(100% - 60);
width: -moz-calc(100% - 60);
width: calc(100% - 60);
right: -60px;
}
}
@media screen and (min-width: 992px) {
.custom-menu .menu-container {
height: 100% !important;
}
.custom-menu .cm-levels:not(.first-level) {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.custom-menu .cm-levels .cm-absolute .cml-scroll {
height: -webkit-calc(100% - 180px);
height: -moz-calc(100% - 180px);
height: calc(100% - 180px);
top: 180px;
}
.custom-menu .cm-levels.first-level .cml-scroll {
height: -webkit-calc(100% - 180px);
height: -moz-calc(100% - 180px);
height: calc(100% - 180px);
}
.custom-menu .cm-levels .cm-item.cm-item__with-search {
display: none;
}
.custom-menu.loaded .menu-container {
opacity: 1;
}
}
@media screen and (max-width: 991px) {
.custom-menu {
background: #fff;
padding-top: 0;
overflow: hidden !important;
}
.custom-menu .search-input {
display: none;
}
.custom-menu .search-input__button {
z-index: 10;
position: fixed;
top: 20px;
left: 30px;
}
.custom-menu .level-close {
display: none;
}
.custom-menu .menu__scroller {
visibility: hidden !important;
}
.custom-menu .open-level {
top: -6px;
}
.custom-menu .custom-menu__inner {
width: 100%;
height: -webkit-calc(100% - 90px);
height: -moz-calc(100% - 90px);
height: calc(100% - 90px);
left: 0;
top: 90px;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.custom-menu .level-title {
font-size: 22px;
line-height: 25px;
}
.custom-menu .close-level {
display: none;
}
.custom-menu .menu-mobile-helper {
width: 100%;
max-width: 560px;
margin-left: auto;
margin-right: auto;
height: auto;
display: block;
position: relative;
}
.custom-menu .menu-container {
width: 100%;
position: relative;
right: auto;
top: auto;
pointer-events: all;
-webkit-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
transition: height 0.3s ease;
overflow: hidden;
}
.custom-menu .menu-container .cm-levels {
pointer-events: none;
width: 100% !important;
opacity: 0;
}
.custom-menu .menu-container .cm-levels .cm-levels__close {
display: none;
}
.custom-menu .menu-container .cm-levels.level-active {
pointer-events: all;
z-index: 4;
}
.custom-menu .menu-container .cm-levels .cm-absolute .cml-table {
height: auto;
display: block;
}
.custom-menu .menu-container .cm-levels .cm-absolute .cml-table .cml-tc {
display: block;
height: auto;
}
.custom-menu .menu-container .cm-levels .cm-level {
max-width: none !important;
padding: 0 30px 10px;
}
.custom-menu .menu-container .cm-levels.first-level {
width: 100%;
opacity: 1;
height: auto;
position: relative;
}
.custom-menu .menu-container .cm-levels.first-level .cm-absolute {
position: relative;
right: auto;
top: auto;
height: auto;
}
.custom-menu .menu-container .cm-levels.first-level .cml-scroll {
position: relative;
top: auto;
overflow: visible;
}
.custom-menu .menu-container .cm-levels.first-level .cm-item {
padding: 10px 0;
}
.custom-menu .menu-container .cm-levels.first-level .cm-item .cm-link {
font-size: 22px;
padding: 0 30px 0 0;
line-height: 26px;
}
.custom-menu .menu-container .cm-levels.first-level .cm-item .arrow {
height: 32px;
}
.custom-menu .menu-container .cm-levels.first-level .cm-item .arrow .global-icon {
line-height: 32px;
}
.custom-menu .menu-container .cm-levels.first-level .cml-scroll:before {
display: none;
}
.custom-menu .menu-container .cm-levels.second-level {
width: 100% !important;
max-width: none;
left: 0;
}
.custom-menu .menu-container .cm-levels.second-level .open-level {
top: 1px;
}
.custom-menu .menu-container .cm-levels.second-level .cm-level {
padding: 0 20px 10px;
}
.custom-menu .menu-container .cm-levels.second-level .cm-item .cm-link {
font-size: 20px;
}
.custom-menu .menu-container .cm-levels.second-level .cm-item .cm-level-third .cm-link {
font-size: 15px;
}
.custom-menu .menu-container .cm-levels.second-level .cm-item.with-level .cm-link {
padding: 5px 80px 5px 10px;
border: 1px solid transparent;
}
.custom-menu .menu-container .cm-levels.second-level .cm-item .arrow {
/*height: 32px;
width: 32px;*/
}
.custom-menu .menu-container .cm-levels.second-level .cm-item .arrow .global-icon {
font-size: 18px;
line-height: 32px;
}
.custom-menu .menu-container .cm-levels.second-level .cm-absolute {
width: 100%;
max-width: none;
}
.custom-menu .menu-container .cm-levels.second-level .cml-scroll {
overflow: visible;
height: 100%;
top: 0;
}
.custom-menu .menu-container .cm-levels.second-level .cm-level-third {
padding-bottom: 0;
padding-top: 10px;
}
.custom-menu .menu-container .cm-levels.second-level .cm-level-third .cm__item-ref {
display: none;
}
.custom-menu .menu-container .cm-levels.third-level {
width: 100% !important;
max-width: none;
left: 0;
z-index: 4;
}
.custom-menu .menu-container .cm-levels.third-level .cm-level {
padding: 0 20px 10px;
}
.custom-menu .menu-container .cm-levels.third-level .cm-item .cm-link {
font-size: 15px;
}
.custom-menu .menu-container .cm-levels.third-level .cm-item:not(.cm-item-ref):not(.cm-item__level-title) {
padding-left: 32px;
}
.custom-menu .menu-container .cm-levels.third-level .cm-item.level-title {
padding: 10px 0 !important;
}
.custom-menu .menu-container .cm-levels.third-level .cm-item.with-level .cm-link {
padding: 5px 10px;
}
.custom-menu .menu-container .cm-levels.third-level .cm-absolute {
width: 100%;
max-width: none;
right: 0;
}
.custom-menu .menu-container .cm-levels.third-level .cm-link {
padding-left: 0;
}
.custom-menu .menu-container .cm-levels.third-level .cml-scroll {
overflow-y: auto;
height: 100%;
top: 0;
}
.custom-menu .menu-container .cm-levels .cm-link {
pointer-events: all;
}
.custom-menu .menu-promos {
width: 100%;
height: auto;
position: relative;
right: auto;
top: auto;
background: url("/Images/assets/bgs/footer-map-desktop.jpg") no-repeat top right/cover;
}
.custom-menu .menu-promos:before {
content: "";
display: block;
width: 100%;
height: 60px;
background: url("/Images/assets/bgs/paper-top.png") no-repeat bottom center/cover;
margin-bottom: 20px;
}
.custom-menu .menu-promos .menu-promos-inner {
height: auto;
overflow: visible;
padding-bottom: 100px;
}
.custom-menu .menu-promos .contact-info {
display: none;
}
}
.custom-menu .contact-text {
margin-top: 20px;
}
@media all and (min-width: 992px) {
.custom-menu .contact-text {
display: none;
}
}
.custom-menu .contact-text p {
text-align: center;
color: #002341;
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}
.custom-menu .buttons-holder {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
@media all and (min-width: 992px) {
.custom-menu .buttons-holder {
display: none;
}
}
.custom-menu .buttons-holder a {
display: block;
text-transform: uppercase;
background: url("/Images/assets/bgs/bar-blue.png") no-repeat center/contain;
padding: 10px 45px;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.14px;
color: #ffffff;
white-space: nowrap;
}
.custom-menu .buttons-holder a.reverse {
background: url("/Images/assets/bgs/bar-smoke.png") no-repeat center/contain;
color: #002341;
margin-top: 20px;
}
.story-card {
width: 100%;
display: block;
padding: 20px;
}
.story-card .story-card__link {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.story-card .story-card__inner {
width: 100%;
display: block;
position: relative;
-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
overflow: hidden;
background: #fff;
-webkit-transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: box-shadow 0.3s ease, -o-transform 0.3s ease;
-moz-transition: box-shadow 0.3s ease, transform 0.3s ease, -moz-box-shadow 0.3s ease, -moz-transform 0.3s ease;
transition: box-shadow 0.3s ease, transform 0.3s ease;
transition: box-shadow 0.3s ease, transform 0.3s ease, -webkit-box-shadow 0.3s ease, -moz-box-shadow 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
html.no-touch .story-card .story-card__inner:hover {
-webkit-box-shadow: 8px 10px 11px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 8px 10px 11px rgba(0, 0, 0, 0.25);
box-shadow: 8px 10px 11px rgba(0, 0, 0, 0.25);
}
html.no-touch .story-card .story-card__inner:hover .overlay {
opacity: 1;
}
.story-card .story-card__image {
width: 100%;
display: block;
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 4;
}
.story-card .story-card__image .story-card__image-inner {
width: 100%;
display: block;
position: relative;
}
.story-card .story-card__image .img {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 1;
}
.story-card .story-card__image .overlay {
width: 100%;
height: 100%;
display: block;
background: rgba(5, 46, 127, 0.6);
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.story-card .story-card__image .icon {
width: 40px;
height: 40px;
position: absolute;
z-index: 3;
left: 10px;
top: 10px;
}
.story-card .story-card__image .icon .social-font-icon {
width: 40px;
height: 40px;
left: 0;
top: 0;
position: absolute;
display: block;
text-align: center;
z-index: 2;
}
.story-card .story-card__image .icon .social-font-icon:before {
font-size: 18px;
line-height: 40px;
display: inline-block;
color: #fff;
}
.story-card .story-card__image .icon .social-font-icon.social-font-icon-photos:before {
font-size: 12px;
}
.story-card .story-card__content {
width: 100%;
background: #fff;
position: relative;
z-index: 3;
padding-top: 20px;
padding-bottom: 20px;
}
.story-card .story-card__user {
font-size: 15px;
line-height: 20px;
font-weight: 700;
display: block;
text-align: left;
color: #052E7F;
white-space: normal;
word-break: break-all;
padding: 0 20px 10px;
letter-spacing: 0.06em;
}
.story-card .story-card__user.named-user {
letter-spacing: 0;
text-transform: none;
}
.story-card .story-card__text {
font-size: 18px;
line-height: 25px;
color: #000;
font-weight: 300;
text-align: left;
padding: 0 20px 10px;
}
.story-card .story-card__text .short-text {
color: inherit;
font-weight: inherit;
font-size: 28px;
line-height: 35px;
}
.story-card .story-card__text .truncated {
max-height: 200px;
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
.story-card .story-card__text a {
font-size: inherit;
line-height: inherit;
color: inherit;
font-weight: 600;
pointer-events: all;
}
html.no-touch .story-card .story-card__text a:hover {
text-decoration: underline;
}
.story-card .story-card__date {
font-size: 15px;
line-height: 20px;
color: #052E7F;
font-weight: 300;
letter-spacing: 0.08em;
padding: 0 20px;
text-align: left;
display: block;
}
.story-card .story-card__inner.story-card-news .story-card__image .overlay {
background: rgba(34, 103, 172, 0.6);
}
.story-card .story-card__inner.story-card-news .story-card__user {
color: #2267AC;
}
.story-card .story-card__inner.story-card-news .story-card__date {
color: #2267AC;
}
.story-card .story-card__inner.story-card-twitter .story-card__image .overlay {
background: rgba(44, 174, 228, 0.6);
}
.story-card .story-card__inner.story-card-twitter .story-card__user {
color: #2CAEE4;
}
.story-card .story-card__inner.story-card-twitter .story-card__date {
color: #2CAEE4;
}
.story-card .story-card__inner.story-card-instagram .story-card__image .overlay {
background: rgba(131, 58, 180, 0.6);
}
.story-card .story-card__inner.story-card-instagram .story-card__user {
color: #833AB4;
}
.story-card .story-card__inner.story-card-instagram .story-card__date {
color: #833AB4;
}
.story-card .story-card__inner.story-card-facebook .story-card__image .overlay {
background: rgba(57, 80, 148, 0.6);
}
.story-card .story-card__inner.story-card-facebook .story-card__user {
color: #395094;
}
.story-card .story-card__inner.story-card-facebook .story-card__date {
color: #395094;
}
.story-card .story-card__inner.story-card-photos .story-card__image .overlay {
background: rgba(254, 0, 132, 0.6);
}
.story-card .story-card__inner.story-card-photos .story-card__user {
color: #FE0084;
}
.story-card .story-card__inner.story-card-photos .story-card__date {
color: #FE0084;
}
.story-card .story-card__inner.story-card-videos .story-card__image .overlay {
background: rgba(255, 0, 0, 0.6);
}
.story-card .story-card__inner.story-card-videos .story-card__user {
color: #FF0000;
}
.story-card .story-card__inner.story-card-videos .story-card__date {
color: #FF0000;
}
.story-card .story-card__inner.story-card-soundcloud .story-card__image .overlay {
background: rgba(255, 51, 0, 0.6);
}
.story-card .story-card__inner.story-card-soundcloud .story-card__user {
color: #FF3300;
}
.story-card .story-card__inner.story-card-soundcloud .story-card__date {
color: #FF3300;
}
.story-card .story-card__inner.story-card-pinterest .story-card__image .overlay {
background: rgba(189, 8, 28, 0.6);
}
.story-card .story-card__inner.story-card-pinterest .story-card__user {
color: #BD081C;
}
.story-card .story-card__inner.story-card-pinterest .story-card__date {
color: #BD081C;
}
.story-card .story-card__inner.story-card-magazines .story-card__image .overlay {
background: rgba(189, 8, 28, 0.6);
}
.story-card .story-card__inner.story-card-magazines .story-card__user {
color: #BD081C;
}
.story-card .story-card__inner.story-card-magazines .story-card__date {
color: #BD081C;
}
.story-card .story-card__inner.story-card-blog .story-card__image .overlay {
background: rgba(5, 46, 127, 0.6);
}
.story-card .story-card__inner.story-card-blog .story-card__user {
color: #052E7F;
}
.story-card .story-card__inner.story-card-blog .story-card__date {
color: #052E7F;
}
.stories-grid {
width: 100%;
max-width: 900px;
margin: 0 auto;
}
.stories-grid .story-card {
width: 33.33%;
float: left;
}
.story-item {
width: 300px;
background: #ffffff;
-webkit-box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.12);
position: relative;
}
.story-item .img-holder {
position: relative;
overflow: hidden;
z-index: 0;
height: 280px;
}
.story-item .img-holder img {
position: relative;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
}
.no-object-fit .story-item .img-holder img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.story-item .img-holder:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 33%;
background: -moz-linear-gradient(top, rgba(1, 35, 63, 0.8) 0%, rgba(1, 35, 63, 0) 100%);
background: -webkit-linear-gradient(top, rgba(1, 35, 63, 0.8) 0%, rgba(1, 35, 63, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 35, 63, 0.8)), to(rgba(1, 35, 63, 0)));
background: -o-linear-gradient(top, rgba(1, 35, 63, 0.8) 0%, rgba(1, 35, 63, 0) 100%);
background: linear-gradient(to bottom, rgba(1, 35, 63, 0.8) 0%, rgba(1, 35, 63, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cc01233f", endColorstr="#0001233f",GradientType=0 );
z-index: 1;
}
.story-item .img-holder:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: url("/Images/assets/bgs/story-paper-bottom.png") no-repeat bottom center/cover;
z-index: 2;
}
.story-item .whole-link {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
z-index: 1;
}
.story-item .feed-channel {
position: absolute;
z-index: 2;
top: 20px;
right: 20px;
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
line-height: 1;
letter-spacing: 0.14px;
}
.story-item .feed-icon {
width: 30px;
height: 30px;
position: absolute;
left: 20px;
bottom: 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background: green;
z-index: 3;
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='15.012' height='15.012' viewBox='0 0 15.012 15.012'%3E%3Cg transform='translate(-932 -18)'%3E%3Cpath d='M3.4,11.6a1.975,1.975,0,0,1,0,2.807h0a2,2,0,0,1-2.818,0,1.977,1.977,0,0,1,0-2.807h0a1.992,1.992,0,0,1,2.818,0Zm0,0h0ZM.585,14.412h0ZM0,5.1V7.971a6.991,6.991,0,0,1,4.966,2.063,7.006,7.006,0,0,1,2.059,4.973h0v.005H9.906A9.884,9.884,0,0,0,7,8.013,9.872,9.872,0,0,0,0,5.1ZM.007,0V2.865A12.161,12.161,0,0,1,12.139,15.012h2.873A14.973,14.973,0,0,0,10.61,4.4,14.959,14.959,0,0,0,.007,0Z' transform='translate(932 18)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
}
.story-item .story-date {
color: rebeccapurple;
position: absolute;
right: 20px;
bottom: 16px;
z-index: 3;
font-size: 14px;
line-height: 1;
letter-spacing: 0.14px;
}
.story-item .txt-holder {
padding: 10px 20px 20px;
}
.story-item .txt-holder p {
font-size: 18px;
line-height: 24px;
color: #002341;
}
@media all and (max-width: 767px) {
.story-item .txt-holder p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-clamp: 4;
max-height: 96px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
}
.story-item .txt-holder p a {
color: inherit;
font-weight: 700;
text-decoration: underline;
position: relative;
z-index: 3;
}
.no-touch .story-item .txt-holder p a:hover {
color: #E66C84;
}
.story-item .txt-holder p a[href*="t.co"] {
display: none;
}
.story-item.story_short .txt-holder p {
font-size: 22px;
line-height: 26px;
}
@media all and (max-width: 767px) {
.story-item.story_short .txt-holder p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
max-height: 78px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
}
.no-touch .story-item .img-holder img {
-webkit-transition: 0.24s;
-o-transition: 0.24s;
-moz-transition: 0.24s;
transition: 0.24s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-touch .story-item .img-holder:before {
-webkit-transition: 0.24s;
-o-transition: 0.24s;
-moz-transition: 0.24s;
transition: 0.24s;
}
.no-touch .story-item:hover .img-holder img {
-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.no-touch .story-item:hover .img-holder:before {
height: 100%;
}
.no-touch.no-object-fit .story-item .img-holder img {
-webkit-transition: 0.24s;
-o-transition: 0.24s;
-moz-transition: 0.24s;
transition: 0.24s;
-webkit-transform: scale(1) translate(-50%, -50%);
-moz-transform: scale(1) translate(-50%, -50%);
-ms-transform: scale(1) translate(-50%, -50%);
-o-transform: scale(1) translate(-50%, -50%);
transform: scale(1) translate(-50%, -50%);
}
.no-touch.no-object-fit .story-item .img-holder:before {
-webkit-transition: 0.24s;
-o-transition: 0.24s;
-moz-transition: 0.24s;
transition: 0.24s;
}
.no-touch.no-object-fit .story-item:hover .img-holder img {
-webkit-transform: scale(1.12) translate(-50%, -50%);
-moz-transform: scale(1.12) translate(-50%, -50%);
-ms-transform: scale(1.12) translate(-50%, -50%);
-o-transform: scale(1.12) translate(-50%, -50%);
transform: scale(1.12) translate(-50%, -50%);
}
.no-touch.no-object-fit .story-item:hover .img-holder:before {
height: 100%;
}
.story-item.isNews .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='15.012' height='15.012' viewBox='0 0 15.012 15.012'%3E%3Cg transform='translate(-932 -18)'%3E%3Cpath d='M3.4,11.6a1.975,1.975,0,0,1,0,2.807h0a2,2,0,0,1-2.818,0,1.977,1.977,0,0,1,0-2.807h0a1.992,1.992,0,0,1,2.818,0Zm0,0h0ZM.585,14.412h0ZM0,5.1V7.971a6.991,6.991,0,0,1,4.966,2.063,7.006,7.006,0,0,1,2.059,4.973h0v.005H9.906A9.884,9.884,0,0,0,7,8.013,9.872,9.872,0,0,0,0,5.1ZM.007,0V2.865A12.161,12.161,0,0,1,12.139,15.012h2.873A14.973,14.973,0,0,0,10.61,4.4,14.959,14.959,0,0,0,.007,0Z' transform='translate(932 18)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
background-color: #061040;
}
.story-item.isNews .story-date {
color: #061040;
}
.story-item.isEvent .story-date {
position: relative;
color: #E66C84;
right: auto;
bottom: auto;
margin-bottom: 10px;
font-size: 19px;
line-height: 24px;
}
.story-item.isEvent .story-date span {
color: #002341;
font-size: 14px;
letter-spacing: 0.14px;
}
.story-item.isEvent.story_short .txt-holder p {
font-size: 18px;
line-height: 24px;
}
.story-item.isEvent .txt-holder {
padding-top: 0;
}
.story-item.isEvent .txt-holder p {
margin-bottom: 10px;
}
.story-item.isEvent a.read-more {
color: #002341;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.14px;
text-transform: uppercase;
position: relative;
z-index: 3;
}
.story-item.isEvent a.read-more:after {
position: relative;
top: 1px;
content: "";
}
.no-touch .story-item.isEvent a.read-more {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.no-touch .story-item.isEvent a.read-more:hover {
color: #E66C84;
}
.story-item.isTwitter .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='17.684' height='14.344' viewBox='0 0 17.684 14.344'%3E%3Cg transform='translate(-442.107 -197.26)'%3E%3Cpath d='M43.6,16.344A10.224,10.224,0,0,0,53.915,6.028V5.537A7.986,7.986,0,0,0,55.684,3.67a8.155,8.155,0,0,1-2.063.589,3.822,3.822,0,0,0,1.572-1.965,9.011,9.011,0,0,1-2.26.884A3.509,3.509,0,0,0,50.28,2a3.691,3.691,0,0,0-3.635,3.635,1.915,1.915,0,0,0,.1.786,10.157,10.157,0,0,1-7.466-3.831,3.762,3.762,0,0,0-.491,1.867A3.9,3.9,0,0,0,40.358,7.5a3.312,3.312,0,0,1-1.67-.491h0a3.59,3.59,0,0,0,2.947,3.537,3.029,3.029,0,0,1-.982.1,1.672,1.672,0,0,1-.688-.1A3.722,3.722,0,0,0,43.4,13.1a7.418,7.418,0,0,1-4.519,1.572,2.72,2.72,0,0,1-.884-.1,9.273,9.273,0,0,0,5.6,1.768' transform='translate(404.107 195.26)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
background-color: #1DA1F2;
}
.story-item.isTwitter .story-date {
color: #1DA1F2;
}
.story-item.isVimeo .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.288 17'%3E%3Cpath d='M19.627,23.063a2.83,2.83,0,0,0-.366-2.316c-.711-.9-2.225-.933-3.262-.774a6.843,6.843,0,0,0-4.668,4.4c1.72-.131,2.622.124,2.456,2.018a6.955,6.955,0,0,1-.916,2.493c-.516.959-1.484,2.844-2.753,1.485-1.143-1.222-1.057-3.56-1.318-5.117a21.423,21.423,0,0,0-.586-2.86,2.919,2.919,0,0,0-1.5-1.906,3.071,3.071,0,0,0-2.2.44A39.666,39.666,0,0,0,0,24.559H0c.242.518.374.854.807.917,1.022.151,2-.953,2.677.2A11.812,11.812,0,0,1,4.291,27.9c.354,1.007.627,2.1.916,3.262C5.7,33.121,6.3,36.052,7.995,36.77a3.655,3.655,0,0,0,2.824-.515,15.757,15.757,0,0,0,4.362-4.142A28.181,28.181,0,0,0,19.627,23.063Z' transform='translate(0 -19.9)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
background-color: #28B5F5;
}
.story-item.isVimeo .story-date {
color: #28B5F5;
}
.story-item.isPhotos .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='18.827' height='8.558' viewBox='0 0 18.827 8.558'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M168.52,270.864a4.22,4.22,0,1,1-4.219-4.28,4.248,4.248,0,0,1,4.219,4.28' transform='translate(-149.692 -266.584)'/%3E%3Cpath class='a' d='M140.021,266.584a4.279,4.279,0,1,0,4.219,4.28,4.25,4.25,0,0,0-4.219-4.28' transform='translate(-135.802 -266.584)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: 18px auto;
-o-background-size: 18px auto;
background-size: 18px auto;
background-color: #b30c83;
}
.story-item.isPhotos .story-date {
color: #b30c83;
}
.story-item.isYoutube .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='17.178' height='11.81' viewBox='0 0 17.178 11.81'%3E%3Cg transform='translate(0.605)'%3E%3Cpath d='M16.448,3.431c-.466-.829-.972-.981-2-1.039s-3.615-.1-5.855-.1-4.832.029-5.86.1-1.534.21-2,1.04S0,5.684,0,8.194V8.2c0,2.5.247,3.936.727,4.755s.976.979,2,1.049,3.616.1,5.861.1,4.827-.035,5.857-.094,1.535-.22,2-1.049c.484-.819.729-2.256.729-4.755V8.2C17.178,5.684,16.933,4.258,16.448,3.431ZM6.442,11.418V4.977L11.81,8.2Z' transform='translate(-0.605 -2.293)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: 18px auto;
-o-background-size: 18px auto;
background-size: 18px auto;
background-color: #FF0000;
}
.story-item.isYoutube .story-date {
color: #FF0000;
}
.story-item.isFacebook .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='8.878' height='17' viewBox='0 0 8.878 17'%3E%3Cg transform='translate(-253 -2803.973)'%3E%3Cpath d='M85.761,17V9.256h2.644l.378-3.022H85.761V4.344c0-.85.283-1.511,1.511-1.511h1.606V.094C88.5.094,87.556,0,86.517,0a3.646,3.646,0,0,0-3.872,3.967V6.233H80V9.256h2.644V17Z' transform='translate(173 2803.973)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
background-color: #3B5998;
}
.story-item.isFacebook .story-date {
color: #3B5998;
}
.story-item.isAudio .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='19.74' height='11.104' viewBox='0 0 19.74 11.104'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(0 -112)'%3E%3Cpath class='a' d='M262.786,116.935a3.071,3.071,0,0,0-.643.068,5.562,5.562,0,0,0-5.526-5,.617.617,0,0,0-.617.617v9.87a.617.617,0,0,0,.617.617h6.169a3.084,3.084,0,1,0,0-6.169Z' transform='translate(-246.13 0)'/%3E%3Cpath class='a' d='M192.617,144a.617.617,0,0,0-.617.617v8.636a.617.617,0,0,0,1.234,0v-8.636A.617.617,0,0,0,192.617,144Z' transform='translate(-184.597 -30.766)'/%3E%3Cpath class='a' d='M128.617,208a.617.617,0,0,0-.617.617v6.169a.617.617,0,1,0,1.234,0v-6.169A.617.617,0,0,0,128.617,208Z' transform='translate(-123.065 -92.299)'/%3E%3Cpath class='a' d='M64.617,208a.617.617,0,0,0-.617.617v6.169a.617.617,0,1,0,1.234,0v-6.169A.617.617,0,0,0,64.617,208Z' transform='translate(-61.532 -92.299)'/%3E%3Cpath class='a' d='M.617,256a.617.617,0,0,0-.617.617v3.7a.617.617,0,0,0,1.234,0v-3.7A.617.617,0,0,0,.617,256Z' transform='translate(0 -138.448)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: 18px auto;
-o-background-size: 18px auto;
background-size: 18px auto;
background-color: #eaad16;
}
.story-item.isAudio .story-date {
color: #eaad16;
}
.story-item.isPublications .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M225.532,171.792a4.324,4.324,0,1,0,4.283,4.365A4.324,4.324,0,0,0,225.532,171.792Zm-.061,6.513a2.189,2.189,0,1,1,2.21-2.169A2.19,2.19,0,0,1,225.471,178.3Z' transform='translate(-216.93 -167.646)'/%3E%3Cpath class='a' d='M175.088,118.4h-8.5v8.5a8.5,8.5,0,1,0,8.5-8.5Zm.006,14.339a5.9,5.9,0,1,1,5.957-5.845A5.9,5.9,0,0,1,175.094,132.735Z' transform='translate(-166.588 -118.396)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
background-color: #b66c10;
}
.story-item.isPublications .story-date {
color: #b66c10;
}
.story-item.isInstagram .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='16.628' height='16.628' viewBox='0 0 16.628 16.628'%3E%3Cg transform='translate(-507 -196.284)'%3E%3Cpath d='M11.674,16.628H4.953A4.959,4.959,0,0,1,0,11.674V4.953A4.959,4.959,0,0,1,4.953,0h6.721a4.959,4.959,0,0,1,4.953,4.953v6.721A4.959,4.959,0,0,1,11.674,16.628ZM4.953,1.673A3.285,3.285,0,0,0,1.673,4.953v6.721a3.284,3.284,0,0,0,3.281,3.28h6.721a3.284,3.284,0,0,0,3.28-3.28V4.953a3.284,3.284,0,0,0-3.28-3.281ZM8.314,12.614a4.3,4.3,0,1,1,4.3-4.3A4.305,4.305,0,0,1,8.314,12.614Zm0-6.928a2.628,2.628,0,1,0,2.628,2.628A2.631,2.631,0,0,0,8.314,5.686Zm4.309-.61a1.031,1.031,0,1,1,1.031-1.03A1.032,1.032,0,0,1,12.623,5.076Z' transform='translate(507 196.284)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
background-color: #833AB4;
}
.story-item.isInstagram .story-date {
color: #833AB4;
}
.story-item.isPinterest .feed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ffffff%27%20xmlns='http://www.w3.org/2000/svg' width='13.361' height='17' viewBox='0 0 13.361 17'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(0.39 1.221)'%3E%3Cpath class='a' d='M44.809,1.742A6.519,6.519,0,0,0,40.25,0a7.168,7.168,0,0,0-5.286,2.038,6.023,6.023,0,0,0-1.782,4.175c0,1.892.792,3.345,2.117,3.885a.7.7,0,0,0,.266.055.592.592,0,0,0,.578-.476c.045-.168.148-.584.193-.764a.717.717,0,0,0-.192-.775,2.471,2.471,0,0,1-.562-1.688,4.249,4.249,0,0,1,4.406-4.277c2.271,0,3.681,1.291,3.681,3.368a7,7,0,0,1-.8,3.419,2.352,2.352,0,0,1-1.945,1.361A1.29,1.29,0,0,1,39.9,9.85,1.18,1.18,0,0,1,39.7,8.826c.1-.428.239-.875.373-1.307a8.091,8.091,0,0,0,.474-2.129,1.546,1.546,0,0,0-1.556-1.7c-1.183,0-2.109,1.2-2.109,2.734a4.066,4.066,0,0,0,.29,1.53c-.149.631-1.034,4.384-1.2,5.091-.1.413-.682,3.676.286,3.936,1.088.292,2.06-2.885,2.159-3.244.08-.292.361-1.4.533-2.075a3.289,3.289,0,0,0,2.194.848,4.892,4.892,0,0,0,3.928-1.965A7.889,7.889,0,0,0,46.542,5.72,5.563,5.563,0,0,0,44.809,1.742Z' transform='translate(-33.571 -1.221)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
-moz-background-size: auto 14px;
-o-background-size: auto 14px;
background-size: auto 14px;
background-color: #791616;
}
.story-item.isPinterest .story-date {
color: #791616;
}
.custom-video-holder {
position: relative;
margin: 40px 20px 0;
}
@media all and (min-width: 768px) {
.custom-video-holder {
width: 684px;
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 992px) {
.custom-video-holder {
width: 784px;
}
}
@media all and (min-width: 1601px) {
.custom-video-holder {
width: 994px;
}
}
.custom-video-holder .video-holder {
position: relative;
}
.custom-video-holder .video-wrapper {
position: relative;
overflow: hidden;
height: 0;
padding-bottom: 59%;
/*@media all and (min-width: 992px) {
width: 604px;
height: 388px;
padding-bottom: 0;
}
@media all and (min-width: 1601px) {
width: 644px;
height: 414px;
}*/
}
.custom-video-holder .video-controls {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media all and (min-width: 992px) {
.custom-video-holder .video-controls {
top: auto;
width: auto;
left: 15px;
bottom: 9px;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.custom-video-holder .video-controls .ctrl-play-mobile {
position: absolute;
width: 67px;
height: 67px;
top: 50%;
left: 50%;
margin: -34px 0 0 -34px;
cursor: pointer;
opacity: 1;
visibility: visible;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.custom-video-holder .video-controls .ctrl-play-mobile._hide {
opacity: 0;
visibility: hidden;
}
.custom-video-holder .video-controls .ctrl-play-mobile:before {
display: block;
position: absolute;
top: 0;
left: 0;
}
@media all and (min-width: 992px) {
.custom-video-holder .video-controls .ctrl-play-mobile {
display: none;
}
}
.custom-video-holder .video-controls .ctrl {
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
display: none;
}
@media all and (min-width: 992px) {
.custom-video-holder .video-controls .ctrl {
display: block;
}
}
.custom-video-holder .video-controls .ctrl + .ctrl {
margin-left: 20px;
}
.custom-video-holder .video-controls .ctrl:before, .custom-video-holder .video-controls .ctrl:after {
display: block;
position: absolute;
top: 0;
left: 0;
}
.custom-video-holder .video-controls .ctrl:before {
opacity: 1;
}
.custom-video-holder .video-controls .ctrl:after {
opacity: 0;
}
.custom-video-holder .video-controls .ctrl.play.pause:before {
opacity: 0;
}
.custom-video-holder .video-controls .ctrl.play.pause:after {
opacity: 1;
}
.custom-video-holder .video-controls .ctrl.sound.mute:before {
opacity: 0;
}
.custom-video-holder .video-controls .ctrl.sound.mute:after {
opacity: 1;
}
.custom-video-holder .video-title {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.64px;
margin-top: 10px;
color: #002341;
}
@media all and (min-width: 992px) {
.custom-video-holder .video-title {
position: absolute;
line-height: 40px;
bottom: 9px;
right: 15px;
height: 40px;
z-index: 3;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 62%;
}
}
@media all and (min-width: 1601px) {
.custom-video-holder .video-title {
font-size: 18px;
letter-spacing: 0.72px;
}
}
.custom-video-holder .video-title a {
display: inline-block;
color: inherit;
line-height: 20px;
}
.custom-video-holder .video-poster {
position: absolute;
overflow: hidden;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.custom-video-holder .video-poster._hide img {
opacity: 0;
visibility: hidden;
}
.custom-video-holder .video-poster._hide:before {
background: rgba(0, 0, 0, 0.1);
}
.custom-video-holder .video-poster:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.custom-video-holder .video-poster:after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 9px;
border: 1px solid rgba(255, 255, 255, 0.4);
z-index: 2;
}
.custom-video-holder .video-poster img {
-moz-transition: all 0.32s linear;
-webkit-transition: all 0.32s linear;
-o-transition: all 0.32s linear;
transition: all 0.32s linear;
position: absolute;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 1;
visibility: visible;
}
.no-object-fit .custom-video-holder .video-poster img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.custom-video-holder .video-timelapse {
position: absolute;
bottom: 0;
height: 4px;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.2);
z-index: 2;
}
.custom-video-holder .video-timelapse span {
display: block;
width: 0;
background: #002341;
height: 4px;
-moz-transition: all 0.01s linear;
-webkit-transition: all 0.01s linear;
-o-transition: all 0.01s linear;
transition: all 0.01s linear;
}
.custom-video-holder video {
display: block;
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.no-object-fit .custom-video-holder video {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.layout4 {
position: relative;
margin: 30px 0 40px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #FDEAEE;
}
.layout4:before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: url("/Images/assets/cp/cp-paper-top.png") no-repeat right top/cover;
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
margin-top: -2px;
}
@media all and (min-width: 992px) {
.layout4:before {
height: 80px;
}
}
@media all and (min-width: 1601px) {
.layout4:before {
height: 110px;
}
}
.layout4:after {
content: "";
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background: url("/Images/assets/cp/cp-paper-top.png") no-repeat left top/cover;
margin-bottom: -2px;
}
@media all and (min-width: 992px) {
.layout4:after {
height: 80px;
}
}
@media all and (min-width: 1601px) {
.layout4:after {
height: 110px;
}
}
.layout4 img {
display: block;
width: 100%;
height: auto;
}
.layout2 {
position: relative;
margin: 30px 0 40px;
background: #FDEAEE;
}
.layout2:before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: url("/Images/assets/cp/cp-paper-top.png") no-repeat right top/cover;
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
margin-top: -2px;
}
@media all and (min-width: 992px) {
.layout2:before {
height: 80px;
}
}
@media all and (min-width: 1601px) {
.layout2:before {
height: 110px;
}
}
.layout2:after {
content: "";
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background: url("/Images/assets/cp/cp-paper-top.png") no-repeat left top/cover;
margin-bottom: -2px;
}
@media all and (min-width: 992px) {
.layout2:after {
height: 80px;
}
}
@media all and (min-width: 1601px) {
.layout2:after {
height: 110px;
}
}
.layout2 .contentTemplates {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media all and (min-width: 768px) {
.layout2 .contentTemplates {
width: 50%;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.layout2 .contentTemplates-leftText {
padding: 60px 20px 40px;
}
@media all and (min-width: 768px) {
.layout2 .contentTemplates-leftText {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
}
@media all and (min-width: 768px) {
.layout2 .contentTemplates-leftText {
padding: 70px 40px;
}
}
@media all and (min-width: 992px) {
.layout2 .contentTemplates-leftText {
padding: 120px 0 160px;
margin-right: 55px;
width: 400px;
}
}
@media all and (min-width: 1601px) {
.layout2 .contentTemplates-leftText {
width: 500px;
margin-right: 165px;
padding: 150px 0 180px;
}
}
@media all and (min-width: 768px) {
.layout2 .contentTemplates-leftText + .contentTemplates-img {
position: absolute;
top: 0;
height: 100%;
width: 50%;
left: 50%;
}
}
.layout2 .contentTemplates-leftText + .contentTemplates-img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.no-object-fit .layout2 .contentTemplates-leftText + .contentTemplates-img img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.layout2 .contentTemplates-leftText h2 {
font-size: 25px;
line-height: 32px;
margin-bottom: 20px;
}
@media all and (min-width: 768px) {
.layout2 .contentTemplates-leftText h2 {
font-size: 30px;
}
}
@media all and (min-width: 1601px) {
.layout2 .contentTemplates-leftText h2 {
font-size: 38px;
line-height: 44px;
}
}
.layout2 .contentTemplates-leftText p {
color: #002341;
font-size: 18px;
line-height: 24px;
}
@media all and (min-width: 1601px) {
.layout2 .contentTemplates-leftText p {
font-size: 24px;
line-height: 38px;
}
}
.layout2 .contentTemplates-leftText p + p {
margin-top: 30px;
}
.layout2 .contentTemplates-img {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: 100%;
}
.layout2 .contentTemplates-img p {
width: 100%;
}
.layout2 .contentTemplates-img p img {
display: block;
width: 100%;
height: auto;
}
.over-image-holder {
position: relative;
margin: 30px 0 40px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #FDEAEE;
}
.over-image-holder:before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: url("/Images/assets/cp/cp-paper-top.png") no-repeat right top/cover;
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
margin-top: -2px;
}
@media all and (min-width: 992px) {
.over-image-holder:before {
height: 80px;
}
}
@media all and (min-width: 1601px) {
.over-image-holder:before {
height: 110px;
}
}
.over-image-holder:after {
content: "";
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background: url("/Images/assets/cp/cp-paper-top.png") no-repeat left top/cover;
margin-bottom: -2px;
}
@media all and (min-width: 992px) {
.over-image-holder:after {
height: 80px;
}
}
@media all and (min-width: 1601px) {
.over-image-holder:after {
height: 110px;
}
}
.over-image-holder .img-holder {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: 100%;
}
.over-image-holder .img-holder .img-wrap {
width: 100%;
}
.over-image-holder .img-holder .img-wrap img {
display: block;
width: 100%;
height: auto;
}
@media all and (min-width: 768px) {
.over-image-holder .text-holder {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media all and (min-width: 768px) {
.over-image-holder .text-holder + .img-holder {
position: absolute;
top: 0;
height: 100%;
width: 50%;
left: 50%;
}
}
.over-image-holder .text-holder + .img-holder img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.no-object-fit .over-image-holder .text-holder + .img-holder img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.over-image-holder .text-holder .text-wrap {
padding: 60px 20px 40px;
}
@media all and (min-width: 768px) {
.over-image-holder .text-holder .text-wrap {
padding: 70px 40px;
}
}
@media all and (min-width: 992px) {
.over-image-holder .text-holder .text-wrap {
padding: 120px 0 160px;
margin-right: 55px;
width: 400px;
}
}
@media all and (min-width: 1601px) {
.over-image-holder .text-holder .text-wrap {
width: 500px;
margin-right: 165px;
padding: 150px 0 180px;
}
}
.over-image-holder .text-holder h2 {
font-size: 25px;
line-height: 32px;
margin-bottom: 20px;
}
@media all and (min-width: 768px) {
.over-image-holder .text-holder h2 {
font-size: 30px;
}
}
@media all and (min-width: 1601px) {
.over-image-holder .text-holder h2 {
font-size: 38px;
line-height: 44px;
}
}
.over-image-holder .text-holder p {
color: #002341;
font-size: 18px;
line-height: 24px;
}
@media all and (min-width: 1601px) {
.over-image-holder .text-holder p {
font-size: 24px;
line-height: 38px;
}
}
.over-image-holder .text-holder p + p {
margin-top: 30px;
}
.modal-wrapper {
display: none;
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background: rgba(0, 0, 0, 0.8);
padding: 70px 30px;
}
@media all and (min-width: 1601px) {
.modal-wrapper {
padding: 120px 60px;
}
}
.modal-wrapper .close-btn {
position: absolute;
width: 41px;
height: 41px;
top: 20px;
right: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #002341;
cursor: pointer;
}
@media all and (min-width: 1601px) {
.modal-wrapper .close-btn {
top: 40px;
right: 60px;
}
}
.modal-wrapper .close-btn:before, .modal-wrapper .close-btn:after {
content: "";
display: block;
position: absolute;
background: #ffffff;
width: 16px;
height: 1px;
top: 50%;
left: 50%;
margin: -1px 0 0 -8px;
}
.modal-wrapper .close-btn:before {
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal-wrapper .close-btn:after {
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.no-touch .modal-wrapper .close-btn {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.no-touch .modal-wrapper .close-btn:hover {
background: #F0F5F8;
}
.modal-wrapper .modal-holder {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
margin: 0 auto;
max-width: 1280px;
}
.modal-wrapper .modal-holder:before {
display: block;
content: "";
width: 100%;
padding-top: 50%;
}
.modal-wrapper .modal-holder > iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border: none;
}
.modal-wrapper .modal-holder > .stories-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.notices-holder {
position: relative;
margin: 40px 20px;
}
@media all and (min-width: 768px) {
.notices-holder {
width: 684px;
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 992px) {
.notices-holder {
width: 784px;
}
}
@media all and (min-width: 1601px) {
.notices-holder {
width: 994px;
}
}
.notices-holder .notices-header h2 {
letter-spacing: 1.44px;
}
.notices-holder .notice-item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.notices-holder .notice-item + .notice-item {
margin-top: 25px;
}
.no-touch .notices-holder .notice-item .img-holder img {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-backface-visibility: hidden;
}
.no-touch .notices-holder .notice-item .whole-link:before {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.no-touch .notices-holder .notice-item:hover .img-holder img {
-ms-transform: scale(1.12);
/* IE 9 */
-webkit-transform: scale(1.12);
/* Safari */
-moz-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.no-touch .notices-holder .notice-item:hover .whole-link:before {
background: #F0F5F8;
}
.notices-holder .img-holder {
position: relative;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 0 38%;
-moz-box-flex: 0;
-ms-flex: 0 0 38%;
flex: 0 0 38%;
}
@media all and (min-width: 768px) {
.notices-holder .img-holder {
-webkit-box-flex: 0;
-webkit-flex: 0 0 292px;
-moz-box-flex: 0;
-ms-flex: 0 0 292px;
flex: 0 0 292px;
}
}
@media all and (min-width: 992px) {
.notices-holder .img-holder {
-webkit-box-flex: 0;
-webkit-flex: 0 0 340px;
-moz-box-flex: 0;
-ms-flex: 0 0 340px;
flex: 0 0 340px;
}
}
@media all and (min-width: 1601px) {
.notices-holder .img-holder {
-webkit-box-flex: 0;
-webkit-flex: 0 0 404px;
-moz-box-flex: 0;
-ms-flex: 0 0 404px;
flex: 0 0 404px;
}
}
.notices-holder .img-holder img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-ms-transform: scale(1);
/* IE 9 */
-webkit-transform: scale(1);
/* Safari */
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-object-fit .notices-holder .img-holder img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.notices-holder .txt-holder {
position: relative;
background: #ffffff;
-webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.29);
-moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.29);
box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.29);
padding: 20px 35px 20px 25px;
-webkit-box-flex: 1;
-webkit-flex: 1 0 60%;
-moz-box-flex: 1;
-ms-flex: 1 0 60%;
flex: 1 0 60%;
}
@media all and (min-width: 768px) {
.notices-holder .txt-holder {
-webkit-box-flex: 0;
-webkit-flex: 0 0 392px;
-moz-box-flex: 0;
-ms-flex: 0 0 392px;
flex: 0 0 392px;
}
}
@media all and (min-width: 992px) {
.notices-holder .txt-holder {
-webkit-box-flex: 0;
-webkit-flex: 0 0 444px;
-moz-box-flex: 0;
-ms-flex: 0 0 444px;
flex: 0 0 444px;
padding: 30px 35px;
}
}
@media all and (min-width: 1601px) {
.notices-holder .txt-holder {
-webkit-box-flex: 0;
-webkit-flex: 0 0 590px;
-moz-box-flex: 0;
-ms-flex: 0 0 590px;
flex: 0 0 590px;
}
}
.notices-holder .txt-holder:before {
content: "";
display: block;
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
pointer-events: none;
border: 1px solid #002341;
opacity: 0.2;
}
.notices-holder .txt-holder h3 {
color: #002341;
font-size: 22px;
line-height: 28px;
letter-spacing: 0.88px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
max-height: 112px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-bottom: 10px;
}
.notices-holder .txt-holder p {
color: #002341;
font-size: 16px;
line-height: 26px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
max-height: 78px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.notices-holder .whole-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.notices-holder .whole-link:before {
content: "";
display: block;
position: absolute;
width: 25px;
height: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #002341;
bottom: 10px;
right: 10px;
}
@media all and (min-width: 992px) {
.notices-holder .whole-link:before {
bottom: 20px;
right: 20px;
}
}
.notices-holder .whole-link:after {
content: "";
display: block;
position: absolute;
right: 20px;
bottom: 19px;
width: 6px;
height: 6px;
border: 1px solid #ffffff;
border-color: #ffffff #ffffff transparent transparent;
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
@media all and (min-width: 992px) {
.notices-holder .whole-link:after {
right: 30px;
bottom: 29px;
}
}
.promo-grid-holder {
position: relative;
margin: 40px 20px;
}
@media all and (min-width: 768px) {
.promo-grid-holder {
width: 684px;
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 992px) {
.promo-grid-holder {
width: 784px;
}
}
@media all and (min-width: 1601px) {
.promo-grid-holder {
width: 994px;
}
}
.promo-grid-holder .promo-header h2 {
letter-spacing: 1.44px;
margin-bottom: 20px;
}
.promo-grid-holder .promo-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
@media all and (min-width: 768px) {
.promo-grid-holder .promo-items {
margin: 0 -12px;
}
}
@media all and (min-width: 992px) {
.promo-grid-holder .promo-items {
margin: 0 -13px;
}
}
.promo-grid-holder .promo-item {
position: relative;
z-index: 1;
width: 100%;
height: 0;
padding-bottom: 56.25%;
margin: 12px 0;
}
@media all and (min-width: 768px) {
.promo-grid-holder .promo-item {
padding-bottom: 0;
margin: 12px;
width: 212px;
height: 132px;
}
}
@media all and (min-width: 992px) {
.promo-grid-holder .promo-item {
margin: 13px;
width: 244px;
height: 154px;
}
}
@media all and (min-width: 1601px) {
.promo-grid-holder .promo-item {
width: 314px;
height: 198px;
}
}
.promo-grid-holder .promo-item .img-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.promo-grid-holder .promo-item .img-holder img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-ms-transform: scale(1);
/* IE 9 */
-webkit-transform: scale(1);
/* Safari */
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-object-fit .promo-grid-holder .promo-item .img-holder img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.promo-grid-holder .promo-item .img-holder:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.48)));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#7a000000", GradientType=0);
z-index: 1;
}
.promo-grid-holder .promo-item .img-holder:after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.promo-grid-holder .promo-item .txt-holder {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 20px 15px;
z-index: 2;
}
.promo-grid-holder .promo-item .txt-holder h4 {
color: #ffffff;
font-size: 18px;
line-height: 23px;
position: relative;
padding-right: 32px;
}
@media all and (min-width: 992px) {
.promo-grid-holder .promo-item .txt-holder h4 {
font-size: 20px;
}
}
.promo-grid-holder .promo-item .txt-holder h4:before {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
background: #002341;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 25px;
height: 25px;
}
.promo-grid-holder .promo-item .txt-holder h4:after {
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
border: 1px solid #ffffff;
border-color: #ffffff #ffffff transparent transparent;
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
right: 10px;
bottom: 9px;
}
.promo-grid-holder .promo-item .whole-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
text-indent: -9999px;
}
.no-touch .promo-grid-holder .promo-item .img-holder img {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-backface-visibility: hidden;
}
.no-touch .promo-grid-holder .promo-item h4:before {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.no-touch .promo-grid-holder .promo-item:hover .img-holder img {
-ms-transform: scale(1.12);
/* IE 9 */
-webkit-transform: scale(1.12);
/* Safari */
-moz-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.no-touch .promo-grid-holder .promo-item:hover h4:before {
background: #F0F5F8;
}
.related-events-holder,
.related-news-holder {
display: none;
position: relative;
z-index: 1;
/* not used */
}
@media all and (min-width: 768px) {
.related-events-holder,
.related-news-holder {
overflow: hidden;
}
}
.related-events-holder.carousel-news,
.related-news-holder.carousel-news {
margin: 30px 20px;
}
@media all and (min-width: 768px) {
.related-events-holder.carousel-news,
.related-news-holder.carousel-news {
margin: 30px 0;
}
}
.related-events-holder.carousel-news .stories-header,
.related-news-holder.carousel-news .stories-header {
position: relative;
z-index: 3;
padding-left: 20px;
}
@media all and (min-width: 768px) {
.related-events-holder.carousel-news .stories-header,
.related-news-holder.carousel-news .stories-header {
padding-left: 0;
width: 694px;
margin: 0 auto 20px;
}
}
@media all and (min-width: 1601px) {
.related-events-holder.carousel-news .stories-header,
.related-news-holder.carousel-news .stories-header {
width: 1190px;
}
}
.related-events-holder.carousel-news .stories-header h3,
.related-news-holder.carousel-news .stories-header h3 {
font-size: 30px;
line-height: 32px;
color: #002341;
}
@media all and (min-width: 1601px) {
.related-events-holder.carousel-news .stories-header h3,
.related-news-holder.carousel-news .stories-header h3 {
font-size: 38px;
line-height: 44px;
}
}
.related-events-holder.carousel-news .slider-nav,
.related-news-holder.carousel-news .slider-nav {
display: none;
}
@media all and (min-width: 768px) {
.related-events-holder.carousel-news .slider-nav,
.related-news-holder.carousel-news .slider-nav {
display: block;
}
}
.related-events-holder.carousel-news .stories-content,
.related-news-holder.carousel-news .stories-content {
width: 100%;
max-width: 320px;
margin: 0 auto;
}
@media all and (min-width: 768px) {
.related-events-holder.carousel-news .stories-content,
.related-news-holder.carousel-news .stories-content {
max-width: none;
margin: 0;
}
}
.related-events-holder.carousel-news .story-item,
.related-news-holder.carousel-news .story-item {
display: block;
width: 280px;
margin: 0 20px 0 0;
opacity: 0.3;
-webkit-transition: opacity 0.32s;
-o-transition: opacity 0.32s;
-moz-transition: opacity 0.32s;
transition: opacity 0.32s;
pointer-events: none;
}
@media all and (min-width: 768px) {
.related-events-holder.carousel-news .story-item,
.related-news-holder.carousel-news .story-item {
width: 300px;
margin: 0 30px 0 0;
max-width: none;
}
}
.related-events-holder.carousel-news .story-item.is-selected,
.related-news-holder.carousel-news .story-item.is-selected {
opacity: 1;
pointer-events: auto;
}
@media all and (min-width: 768px) {
.related-events-holder.carousel-news .story-item.is-selected + .story-item,
.related-news-holder.carousel-news .story-item.is-selected + .story-item {
opacity: 1;
pointer-events: auto;
}
}
@media all and (min-width: 1601px) {
.related-events-holder.carousel-news .story-item.is-selected + .story-item + .story-item,
.related-news-holder.carousel-news .story-item.is-selected + .story-item + .story-item {
opacity: 1;
pointer-events: auto;
}
}
@media all and (min-width: 1601px) {
.related-events-holder.carousel-news .story-item,
.related-news-holder.carousel-news .story-item {
width: 340px;
}
}
.related-events-holder .slider-nav .nav,
.related-news-holder .slider-nav .nav {
width: 50px;
height: 47px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
left: -webkit-calc(50% - 372px);
left: -moz-calc(50% - 372px);
left: calc(50% - 372px);
top: 240px;
z-index: 3;
color: #ffffff;
}
.related-events-holder .slider-nav .nav span,
.related-news-holder .slider-nav .nav span {
display: block;
text-align: center;
line-height: 46px;
font-size: 18px;
}
.related-events-holder .slider-nav .nav + .nav,
.related-news-holder .slider-nav .nav + .nav {
left: auto;
right: -webkit-calc(50% - 350px);
right: -moz-calc(50% - 350px);
right: calc(50% - 350px);
}
@media all and (min-width: 1601px) {
.related-events-holder .slider-nav .nav + .nav,
.related-news-holder .slider-nav .nav + .nav {
right: -webkit-calc(50% - 550px);
right: -moz-calc(50% - 550px);
right: calc(50% - 550px);
}
}
@media all and (min-width: 992px) {
.related-events-holder .slider-nav .nav,
.related-news-holder .slider-nav .nav {
left: -webkit-calc(50% - 390px);
left: -moz-calc(50% - 390px);
left: calc(50% - 390px);
}
}
@media all and (min-width: 1601px) {
.related-events-holder .slider-nav .nav,
.related-news-holder .slider-nav .nav {
left: -webkit-calc(50% - 630px);
left: -moz-calc(50% - 630px);
left: calc(50% - 630px);
}
}
.related-events-holder .slider-nav .nav:before, .related-events-holder .slider-nav .nav:after,
.related-news-holder .slider-nav .nav:before,
.related-news-holder .slider-nav .nav:after {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.related-events-holder .slider-nav .nav:before,
.related-news-holder .slider-nav .nav:before {
opacity: 1;
}
.related-events-holder .slider-nav .nav:after,
.related-news-holder .slider-nav .nav:after {
opacity: 0;
}
.no-touch .related-events-holder .slider-nav .nav:hover:before,
.no-touch .related-news-holder .slider-nav .nav:hover:before {
opacity: 0;
}
.no-touch .related-events-holder .slider-nav .nav:hover:after,
.no-touch .related-news-holder .slider-nav .nav:hover:after {
opacity: 1;
}
.related-events-holder .slider-nav .nav.disabled,
.related-news-holder .slider-nav .nav.disabled {
pointer-events: none;
color: #002341;
}
.related-events-holder .stories-wrapper,
.related-news-holder .stories-wrapper {
/*
&:before {
content: '';
display: none;
position: absolute;
left: 0;
top: 0;
background: rgba(255, 255, 255, .6);
z-index: 2;
bottom: 0;
width: 0;
@media all and (min-width: 768px) {
display: block;
width: calc((100% - 694px) / 2);
}
@media all and (min-width: 1601px) {
width: calc((100% - 1190px) / 2);
}
}
&:after {
content: '';
position: absolute;
right: 0;
top: 0;
background: rgba(255, 255, 255, .6);
bottom: 0;
width: 0;
display: none;
@media all and (min-width: 768px) {
display: block;
width: calc((100% - 626px) / 2);
}
@media all and (min-width: 1601px) {
width: calc((100% - 1042px) / 2);
}
}
*/
}
@media all and (min-width: 768px) {
.related-events-holder .stories-wrapper,
.related-news-holder .stories-wrapper {
width: 660px;
margin: 0 auto;
}
}
@media all and (min-width: 1601px) {
.related-events-holder .stories-wrapper,
.related-news-holder .stories-wrapper {
width: 1100px;
}
}
.related-events-holder .stories-content,
.related-news-holder .stories-content {
padding: 20px 0;
position: relative;
}
@media all and (min-width: 768px) {
.related-events-holder .stories-content,
.related-news-holder .stories-content {
padding: 10px 0 20px;
-webkit-transform: translateX(-17px);
-moz-transform: translateX(-17px);
-ms-transform: translateX(-17px);
-o-transform: translateX(-17px);
transform: translateX(-17px);
}
}
@media all and (min-width: 1601px) {
.related-events-holder .stories-content,
.related-news-holder .stories-content {
-webkit-transform: translateX(-38px);
-moz-transform: translateX(-38px);
-ms-transform: translateX(-38px);
-o-transform: translateX(-38px);
transform: translateX(-38px);
}
}
.related-events-holder .stories-slider,
.related-news-holder .stories-slider {
position: relative;
}
.related-events-holder .stories-footer,
.related-news-holder .stories-footer {
margin-top: 20px;
text-align: center;
}
@media all and (min-width: 768px) {
.related-events-holder .stories-footer,
.related-news-holder .stories-footer {
display: none;
}
}
.related-events-holder .stories-footer a,
.related-news-holder .stories-footer a {
color: #002341;
text-decoration: underline;
font-size: 18px;
line-height: 24px;
}
.related-events-holder.grid-news,
.related-news-holder.grid-news {
overflow: visible;
margin: 40px 20px;
}
@media all and (min-width: 768px) {
.related-events-holder.grid-news,
.related-news-holder.grid-news {
width: 684px;
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 992px) {
.related-events-holder.grid-news,
.related-news-holder.grid-news {
width: 784px;
}
}
@media all and (min-width: 1601px) {
.related-events-holder.grid-news,
.related-news-holder.grid-news {
width: 994px;
}
}
.related-events-holder.grid-news .stories-header h2,
.related-news-holder.grid-news .stories-header h2 {
letter-spacing: 1.44px;
}
.related-events-holder.grid-news .stories-grid,
.related-news-holder.grid-news .stories-grid {
position: relative;
}
@media all and (min-width: 768px) {
.related-events-holder.grid-news .stories-grid,
.related-news-holder.grid-news .stories-grid {
margin: 0 0 0 -24px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
max-height: 1300px;
}
}
@media all and (min-width: 1601px) {
.related-events-holder.grid-news .stories-grid,
.related-news-holder.grid-news .stories-grid {
max-height: 980px;
}
}
.related-events-holder.grid-news .stories-grid .story-item,
.related-news-holder.grid-news .stories-grid .story-item {
margin: 10px 0 20px;
width: 100%;
}
@media all and (min-width: 768px) {
.related-events-holder.grid-news .stories-grid .story-item,
.related-news-holder.grid-news .stories-grid .story-item {
margin: 10px 0 10px 24px;
width: 212px;
}
}
@media all and (min-width: 992px) {
.related-events-holder.grid-news .stories-grid .story-item,
.related-news-holder.grid-news .stories-grid .story-item {
width: 244px;
}
}
@media all and (min-width: 1601px) {
.related-events-holder.grid-news .stories-grid .story-item,
.related-news-holder.grid-news .stories-grid .story-item {
width: 230px;
}
}
.related-events-holder {
margin: 30px 20px;
}
@media all and (min-width: 768px) {
.related-events-holder {
margin: 30px 0;
}
}
.related-events-holder .stories-header {
position: relative;
z-index: 3;
padding-left: 20px;
}
@media all and (min-width: 768px) {
.related-events-holder .stories-header {
padding-left: 0;
width: 694px;
margin: 0 auto 20px;
}
}
@media all and (min-width: 1601px) {
.related-events-holder .stories-header {
width: 1190px;
}
}
.related-events-holder .stories-header h3 {
font-size: 30px;
line-height: 32px;
color: #002341;
}
@media all and (min-width: 1601px) {
.related-events-holder .stories-header h3 {
font-size: 38px;
line-height: 44px;
}
}
.related-events-holder .slider-nav {
display: none;
}
@media all and (min-width: 768px) {
.related-events-holder .slider-nav {
display: block;
}
}
.related-events-holder .stories-content {
width: 100%;
max-width: 320px;
margin: 0 auto;
}
@media all and (min-width: 768px) {
.related-events-holder .stories-content {
max-width: none;
margin: 0;
}
}
.related-events-holder .story-item {
display: block;
width: 280px;
margin: 0 20px 0 0;
opacity: 0.3;
-webkit-transition: opacity 0.32s;
-o-transition: opacity 0.32s;
-moz-transition: opacity 0.32s;
transition: opacity 0.32s;
pointer-events: none;
}
@media all and (min-width: 768px) {
.related-events-holder .story-item {
width: 300px;
margin: 0 30px 0 0;
}
}
.related-events-holder .story-item.is-selected {
opacity: 1;
pointer-events: auto;
}
@media all and (min-width: 768px) {
.related-events-holder .story-item.is-selected + .story-item {
opacity: 1;
pointer-events: auto;
}
}
@media all and (min-width: 1601px) {
.related-events-holder .story-item.is-selected + .story-item + .story-item {
opacity: 1;
pointer-events: auto;
}
}
@media all and (min-width: 1601px) {
.related-events-holder .story-item {
width: 340px;
}
}
.staff-holder {
position: relative;
z-index: 1;
overflow: hidden;
margin: 30px 0;
padding-left: 20px;
padding-right: 20px;
}
@media all and (min-width: 768px) {
.staff-holder {
margin: 30px 0;
padding-left: 0;
padding-right: 0;
}
}
.staff-holder .staff-header {
position: relative;
z-index: 3;
padding-left: 20px;
margin-bottom: 20px;
}
@media all and (min-width: 768px) {
.staff-holder .staff-header {
padding-left: 0;
width: 694px;
margin: 0 auto 20px;
}
}
@media all and (min-width: 1601px) {
.staff-holder .staff-header {
width: 1190px;
}
}
.staff-holder .staff-header h3 {
font-size: 30px;
line-height: 32px;
color: #002341;
}
@media all and (min-width: 1601px) {
.staff-holder .staff-header h3 {
font-size: 38px;
line-height: 44px;
}
}
.staff-holder .staff-item {
width: 280px;
margin: 0 20px 0 0;
position: relative;
overflow: hidden;
opacity: 0.3;
-webkit-transition: opacity 0.32s;
-o-transition: opacity 0.32s;
-moz-transition: opacity 0.32s;
transition: opacity 0.32s;
pointer-events: none;
}
@media all and (min-width: 768px) {
.staff-holder .staff-item {
width: 290px;
margin: 0 40px 0 0;
}
}
.staff-holder .staff-item.is-selected {
opacity: 1;
pointer-events: auto;
}
@media all and (min-width: 768px) {
.staff-holder .staff-item.is-selected + .staff-item {
opacity: 1;
pointer-events: auto;
}
}
@media all and (min-width: 1601px) {
.staff-holder .staff-item.is-selected + .staff-item + .staff-item {
opacity: 1;
pointer-events: auto;
}
}
@media all and (min-width: 1601px) {
.staff-holder .staff-item {
width: 330px;
margin: 0 60px 0 0;
}
}
.staff-holder .staff-item .img-holder {
position: relative;
overflow: hidden;
width: 280px;
height: 200px;
margin-bottom: 20px;
}
@media all and (min-width: 768px) {
.staff-holder .staff-item .img-holder {
width: 290px;
height: 206px;
}
}
@media all and (min-width: 1601px) {
.staff-holder .staff-item .img-holder {
width: 330px;
height: 216px;
}
}
.staff-holder .staff-item .img-holder img {
display: block;
width: 100%;
height: 100%;
/*-webkit-mask-image: url($base_url_assets + "bgs/image-mask.svg");
mask: url($base_url_assets + "bgs/image-mask.svg");
-webkit-mask: url($base_url_assets + "bgs/image-mask.svg") center center / cover;
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;*/
position: relative;
-o-object-fit: cover;
object-fit: cover;
}
.no-object-fit .staff-holder .staff-item .img-holder img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.staff-holder .staff-item .txt-holder .txt-wrap {
margin-bottom: 15px;
}
.staff-holder .staff-item .txt-holder .txt-wrap h3 {
font-size: 19px;
line-height: 24px;
color: #E66C84;
margin-bottom: 5px;
}
.staff-holder .staff-item .txt-holder .txt-wrap h5 {
font-size: 16px;
line-height: 1;
color: #002341;
}
.staff-holder .staff-item .txt-holder p span {
font-size: 18px;
line-height: 24px;
letter-spacing: 0.18px;
color: #002341;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-clamp: 4;
max-height: 96px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.staff-holder .staff-item .txt-holder p strong {
color: #002341;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.14px;
text-transform: uppercase;
position: relative;
cursor: pointer;
z-index: 2;
}
.staff-holder .staff-item .txt-holder p strong:after {
position: relative;
top: 1px;
content: "";
}
.no-touch .staff-holder .staff-item .txt-holder p strong {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.no-touch .staff-holder .staff-item .txt-holder p strong:hover {
color: #E66C84;
}
.no-touch .staff-holder .staff-item .img-holder img {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-touch .staff-holder .staff-item:hover .img-holder img {
-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.staff-holder .staff-item .whole-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
text-indent: -9999px;
}
.staff-holder .staff-footer {
text-align: center;
}
@media all and (min-width: 768px) {
.staff-holder .staff-footer {
display: none;
}
}
.staff-holder .staff-footer a {
color: #002341;
text-decoration: underline;
font-size: 18px;
line-height: 24px;
}
.staff-holder .slider-nav .nav {
width: 50px;
height: 47px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
z-index: 3;
color: #ffffff;
top: 160px;
left: 10px;
display: none;
}
.staff-holder .slider-nav .nav span {
display: block;
text-align: center;
line-height: 46px;
font-size: 18px;
}
@media all and (min-width: 768px) {
.staff-holder .slider-nav .nav {
display: block;
top: 220px;
left: -webkit-calc(50% - 372px);
left: -moz-calc(50% - 372px);
left: calc(50% - 372px);
}
}
@media all and (min-width: 992px) {
.staff-holder .slider-nav .nav {
left: -webkit-calc(50% - 390px);
left: -moz-calc(50% - 390px);
left: calc(50% - 390px);
}
}
@media all and (min-width: 1601px) {
.staff-holder .slider-nav .nav {
left: -webkit-calc(50% - 620px);
left: -moz-calc(50% - 620px);
left: calc(50% - 620px);
}
}
.staff-holder .slider-nav .nav + .nav {
left: auto;
right: 10px;
}
@media all and (min-width: 768px) {
.staff-holder .slider-nav .nav + .nav {
right: -webkit-calc(50% - 350px);
right: -moz-calc(50% - 350px);
right: calc(50% - 350px);
}
}
@media all and (min-width: 1601px) {
.staff-holder .slider-nav .nav + .nav {
right: -webkit-calc(50% - 620px);
right: -moz-calc(50% - 620px);
right: calc(50% - 620px);
}
}
.staff-holder .slider-nav .nav:before, .staff-holder .slider-nav .nav:after {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.staff-holder .slider-nav .nav:before {
opacity: 1;
}
.staff-holder .slider-nav .nav:after {
opacity: 0;
}
.no-touch .staff-holder .slider-nav .nav:hover:before {
opacity: 0;
}
.no-touch .staff-holder .slider-nav .nav:hover:after {
opacity: 1;
}
.staff-holder .slider-nav .nav.disabled {
pointer-events: none;
color: #002341;
}
.staff-holder .staff-wrapper {
width: 280px;
margin: 0 auto;
/*
@media all and (max-width: 767px) {
position: relative;
overflow: hidden;
}*/
/*
&:before {
content: '';
position: absolute;
left: 0;
top: 0;
background: rgba(255, 255, 255, .6);
z-index: 2;
bottom: 0;
width: 0;
display: none;
@media all and (min-width: 768px) {
display: block;
width: calc((100% - 694px) / 2);
}
@media all and (min-width: 1601px) {
width: calc((100% - 1190px) / 2);
}
}
&:after {
content: '';
position: absolute;
right: 0;
top: 0;
background: rgba(255, 255, 255, .6);
bottom: 0;
width: 0;
display: none;
@media all and (min-width: 768px) {
display: block;
width: calc((100% - 626px) / 2);
}
@media all and (min-width: 1601px) {
width: calc((100% - 1100px) / 2);
}
}
*/
}
@media all and (min-width: 768px) {
.staff-holder .staff-wrapper {
width: 660px;
}
}
@media all and (min-width: 1601px) {
.staff-holder .staff-wrapper {
width: 1100px;
}
}
.staff-holder .staff-content {
padding: 10px 0 20px;
position: relative;
}
@media all and (min-width: 768px) {
.staff-holder .staff-content {
-webkit-transform: translateX(-17px);
-moz-transform: translateX(-17px);
-ms-transform: translateX(-17px);
-o-transform: translateX(-17px);
transform: translateX(-17px);
width: 100%;
}
}
@media all and (min-width: 1601px) {
.staff-holder .staff-content {
-webkit-transform: translateX(-38px);
-moz-transform: translateX(-38px);
-ms-transform: translateX(-38px);
-o-transform: translateX(-38px);
transform: translateX(-38px);
}
}
.staff-holder .staff-slider {
position: relative;
}
.staff-holder .staff-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
margin: 0 -20px;
}
.staff-holder .staff-grid .staff-item {
opacity: 1;
margin: 20px;
pointer-events: auto;
}
@media all and (min-width: 768px) {
.staff-holder .staff-grid .staff-item {
width: 310px;
}
}
.stats-holder {
position: relative;
margin: 40px 20px;
}
@media all and (min-width: 768px) {
.stats-holder {
width: 684px;
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 992px) {
.stats-holder {
width: 784px;
}
}
@media all and (min-width: 1601px) {
.stats-holder {
width: 994px;
}
}
.stats-holder .stats-items {
position: relative;
margin: 0 -10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.stats-holder .stats-item {
margin: 10px;
-webkit-box-flex: 0;
-webkit-flex: 0 1 100%;
-moz-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.42);
-moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.42);
box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.42);
}
@media all and (min-width: 768px) {
.stats-holder .stats-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 332px;
-moz-box-flex: 0;
-ms-flex: 0 0 332px;
flex: 0 0 332px;
}
}
@media all and (min-width: 992px) {
.stats-holder .stats-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 248px;
-moz-box-flex: 0;
-ms-flex: 0 0 248px;
flex: 0 0 248px;
}
}
@media all and (min-width: 1601px) {
.stats-holder .stats-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 318px;
-moz-box-flex: 0;
-ms-flex: 0 0 318px;
flex: 0 0 318px;
}
}
.stats-holder .stats-item a {
background: #002341;
color: #ffffff;
font-size: 60px;
line-height: 88px;
padding: 25px 25px 20px;
display: block;
}
.stats-holder .stats-item a span {
display: block;
font-size: 16px;
line-height: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
max-height: 21px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.no-touch .stats-holder .stats-item a {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.no-touch .stats-holder .stats-item a:hover {
background: #F0F5F8;
}
.testimonials-holder {
position: relative;
z-index: 1;
overflow: hidden;
margin: 30px 20px;
/*.flickity-page-dots {
bottom: 20px;
width: auto;
.dot {
border: 1px solid $color_blue;
background: none;
&.is-selected {
background: $color_blue;
}
}
}
.flickity-button {
position: relative;
&.next {}
&.prev {}
}*/
}
@media all and (min-width: 768px) {
.testimonials-holder {
width: 694px;
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 1601px) {
.testimonials-holder {
width: 1190px;
}
}
.testimonials-holder blockquote {
position: relative;
margin: 18px 0 0;
padding-left: 28px;
}
.testimonials-holder blockquote:before {
content: '"';
color: #002341;
display: block;
position: absolute;
font-size: 40px;
line-height: 30px;
left: 0;
top: -10px;
}
.testimonials-holder blockquote:after {
content: "";
display: block;
position: absolute;
width: 2px;
border-left: 2px dashed #002341;
left: 8px;
top: 5px;
bottom: 5px;
}
.testimonials-holder blockquote p {
font-size: 20px;
line-height: 30px;
color: #002341;
margin: 0 0 20px;
position: relative;
}
@media all and (min-width: 1601px) {
.testimonials-holder blockquote p {
font-size: 30px;
line-height: 44px;
}
}
.testimonials-holder blockquote small {
display: block;
color: #E66C84;
font-size: 19px;
line-height: 24px;
}
.testimonials-holder blockquote small i, .testimonials-holder blockquote small em {
color: #002341;
font-size: 16px;
display: block;
}
@media all and (min-width: 1601px) {
.testimonials-holder blockquote small i, .testimonials-holder blockquote small em {
font-size: 19px;
}
}
@media all and (min-width: 1601px) {
.testimonials-holder blockquote small {
font-size: 24px;
line-height: 30px;
}
}
.testimonials-holder .testimonial-item {
width: 100%;
}
.testimonials-holder .testimonials-slider {
padding-bottom: 60px;
}
.testimonials-holder .flickity-page-dots {
bottom: 18px;
text-align: left;
left: 20px;
width: auto;
}
.testimonials-holder .flickity-page-dots li {
width: 8px;
height: 8px;
margin: 0 4px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: none;
border: 1px solid #002341;
}
@media all and (min-width: 992px) {
.testimonials-holder .flickity-page-dots li {
border-color: #002341;
}
}
.testimonials-holder .flickity-page-dots li.is-selected {
background: #002341;
}
@media all and (min-width: 992px) {
.testimonials-holder .flickity-page-dots li.is-selected {
background: #002341;
}
}
.testimonials-holder .flickity-button {
bottom: 0;
top: auto;
width: 50px;
height: 47px;
background-color: transparent;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
color: #ffffff;
}
.testimonials-holder .flickity-button span {
display: block;
text-align: center;
line-height: 46px;
font-size: 18px;
}
.testimonials-holder .flickity-button:before, .testimonials-holder .flickity-button:after {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.testimonials-holder .flickity-button:before {
opacity: 1;
}
.testimonials-holder .flickity-button:after {
opacity: 0;
}
.testimonials-holder .flickity-button:disabled {
pointer-events: none;
color: #002341;
}
.no-touch .testimonials-holder .flickity-button:not(:disabled):hover:before {
opacity: 0;
}
.no-touch .testimonials-holder .flickity-button:not(:disabled):hover:after {
opacity: 1;
}
.testimonials-holder .flickity-button.previous {
left: 80px;
}
.testimonials-holder .flickity-button.next {
left: 140px;
}
.where-next-holder {
position: relative;
z-index: 1;
margin: 40px 0 0;
}
.where-next-holder .widget-holder {
position: relative;
}
@media all and (min-width: 768px) {
.where-next-holder .widget-holder {
width: 694px;
margin-right: auto;
margin-left: auto;
}
}
@media all and (min-width: 1601px) {
.where-next-holder .widget-holder {
width: 1060px;
}
}
.where-next-holder .widget-header {
position: relative;
padding: 30px 40px;
}
@media all and (min-width: 992px) {
.where-next-holder .widget-header {
padding: 30px 40px 20px;
}
}
@media all and (min-width: 1601px) {
.where-next-holder .widget-header {
padding: 40px 0;
}
}
.where-next-holder .widget-header:before {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: -80px;
background: url("/Images/assets/cp/cp-smoky-bg.png") no-repeat bottom left/cover;
}
@media all and (min-width: 992px) {
.where-next-holder .widget-header:before {
left: -65px;
right: -65px;
bottom: -65px;
}
}
.where-next-holder .widget-header h3 {
color: #002341;
font-size: 25px;
line-height: 32px;
}
@media all and (min-width: 768px) {
.where-next-holder .widget-header h3 {
font-size: 30px;
}
}
@media all and (min-width: 1601px) {
.where-next-holder .widget-header h3 {
font-size: 38px;
line-height: 44px;
}
}
.where-next-holder .widget-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 300px;
margin-left: auto;
margin-right: auto;
}
@media all and (min-width: 768px) {
.where-next-holder .widget-content {
margin: 0 -9px;
width: auto;
}
}
@media all and (min-width: 1601px) {
.where-next-holder .widget-content {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.where-next-holder .box_link-item {
margin: 10px;
/*&:first-child {
@media all and (min-width: 768px) {
margin-left: 0;
}
}*/
}
@media all and (min-width: 768px) {
.where-next-holder .box_link-item {
margin: 9px;
}
}
@media all and (min-width: 768px) {
.where-next-holder .box_link-item {
width: 160px;
height: 150px;
}
}
@media all and (min-width: 1601px) {
.where-next-holder .box_link-item {
width: 170px;
height: 160px;
}
}
@media all and (min-width: 992px) {
.where-next-holder .box_link-item .icon-holder {
width: 90px;
height: 90px;
margin-bottom: 15px;
}
}
@media all and (min-width: 1601px) {
.where-next-holder .box_link-item .icon-holder {
width: 100px;
height: 100px;
margin-bottom: 20px;
}
}
.parentportal div a {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
height: 160px;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.parentportal div a img {
display: block;
width: auto !important;
height: 100% !important;
}
@-webkit-keyframes stRotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes stRotate {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes stRotate {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes stRotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.shTemplReset {
line-height: initial;
font-size: initial;
/* Change Autocomplete styles in Chrome*/
}
.shTemplReset:before {
clear: both;
content: "";
display: table;
margin-top: -1px;
height: 0;
}
.shTemplReset * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.shTemplReset *:focus {
outline: none;
}
.shTemplReset *:after, .shTemplReset *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.shTemplReset main, .shTemplReset time {
display: block;
}
.shTemplReset address {
font-style: normal;
}
.shTemplReset button {
cursor: pointer;
}
.shTemplReset button:focus {
outline: none;
}
.shTemplReset fieldset {
padding: 0;
border: 0;
margin: 0;
}
.shTemplReset input {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.shTemplReset button:-moz-focusring,
.shTemplReset [type=button]:-moz-focusring,
.shTemplReset [type=reset]:-moz-focusring,
.shTemplReset [type=submit]:-moz-focusring {
border-style: none;
outline: 0;
}
.shTemplReset input:-webkit-autofill,
.shTemplReset input:-webkit-autofill:hover,
.shTemplReset input:-webkit-autofill:focus,
.shTemplReset input:-webkit-autofill,
.shTemplReset textarea:-webkit-autofill,
.shTemplReset textarea:-webkit-autofill:hover,
.shTemplReset textarea:-webkit-autofill:focus,
.shTemplReset select:-webkit-autofill,
.shTemplReset select:-webkit-autofill:hover,
.shTemplReset select:-webkit-autofill:focus {
background-color: transparent !important;
-webkit-text-fill-color: inherit !important;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
-webkit-box-shadow: 0 0 0 50px white inset;
}
.shTemplReset img {
border-style: none;
}
.shTemplReset ul, .shTemplReset ul li {
list-style-type: none;
}
.shTemplReset ul {
padding: 0;
margin: 0;
}
.shTemplReset em, .shTemplReset i {
font-style: normal;
}
.shTemplReset a, .shTemplReset div, .shTemplReset span, .shTemplReset button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.shTemplReset hr, .shTemplReset svg {
overflow: visible;
}
.shTplGContainer {
max-width: 1340px;
padding: 0 30px;
margin: 0 auto;
}
.shTplGContainer:after {
display: table;
content: "";
clear: both;
}
@media (max-width: 767px) {
.shTplGContainer {
padding: 0 20px;
}
}
.shTplGResetHeaders, .mediaPopup .mediaPopup__type h4 {
letter-spacing: 0;
text-transform: none;
margin: 0;
padding: 0;
}
.shTplGResetHeaders:first-letter, .mediaPopup .mediaPopup__type h4:first-letter {
text-transform: capitalize;
}
.shTplResetAnchor, .mediaPopup .mediaPopup__postTitle.forNews a, .mediaPopup .mediaPopup__desc .featuredParagraph a {
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
}
.shTplGBlockScroll {
position: relative;
overflow: hidden;
}
@media (max-width: 730px) {
.shTplGBlockScroll {
position: fixed;
width: 100%;
height: 100%;
}
}
.mtGenericLoader {
height: 30px;
width: 30px;
-webkit-animation: stRotate 1.2s infinite linear;
-moz-animation: stRotate 1.2s infinite linear;
-o-animation: stRotate 1.2s infinite linear;
animation: stRotate 1.2s infinite linear;
border: 2px solid #97012e;
border-right-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
right: 70px;
z-index: 2;
margin: -15px 0 0 0;
}
@-webkit-keyframes skeletonAnimations {
0% {
background-image: -webkit-linear-gradient(white 40px, white 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -webkit-linear-gradient(gray 100%, transparent 0);
background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0);
background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
/* card bg */
background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0;
/* card bg */
}
100% {
background-image: -webkit-linear-gradient(white 40px, white 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -webkit-linear-gradient(gray 100%, transparent 0);
background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0);
background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
/* card bg */
background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0;
/* card bg */
}
}
@-moz-keyframes skeletonAnimations {
0% {
background-image: -moz-linear-gradient(white 40px, white 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -moz-linear-gradient(gray 100%, transparent 0);
background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0);
-moz-background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
/* card bg */
background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0;
/* card bg */
}
100% {
background-image: -moz-linear-gradient(white 40px, white 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -moz-linear-gradient(gray 100%, transparent 0);
background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0);
-moz-background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
/* card bg */
background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0;
/* card bg */
}
}
@-o-keyframes skeletonAnimations {
0% {
background-image: -o-linear-gradient(white 40px, white 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -o-linear-gradient(gray 100%, transparent 0);
background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0);
-o-background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
/* card bg */
background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0;
/* card bg */
}
100% {
background-image: -o-linear-gradient(white 40px, white 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -o-linear-gradient(gray 100%, transparent 0);
background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0);
-o-background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
/* card bg */
background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0;
/* card bg */
}
}
@keyframes skeletonAnimations {
0% {
background-image: -webkit-linear-gradient(white 40px, white 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -webkit-linear-gradient(gray 100%, transparent 0);
background-image: -moz-linear-gradient(white 40px, white 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -moz-linear-gradient(gray 100%, transparent 0);
background-image: -o-linear-gradient(white 40px, white 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -o-linear-gradient(gray 100%, transparent 0);
background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0);
-moz-background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, 80px 8px, 100% 100%;
-o-background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
/* card bg */
background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0;
/* card bg */
}
100% {
background-image: -webkit-linear-gradient(white 40px, white 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -webkit-linear-gradient(gray 100%, transparent 0);
background-image: -moz-linear-gradient(white 40px, white 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -moz-linear-gradient(gray 100%, transparent 0);
background-image: -o-linear-gradient(white 40px, white 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -o-linear-gradient(gray 100%, transparent 0);
background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0);
-moz-background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, 80px 8px, 100% 100%;
-o-background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, 80px 8px, 100% 100%;
background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%;
/* card bg */
background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0;
/* card bg */
}
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.mediaPopup {
/* No Js */
/*
* Owl Carousel - Animate Plugin
*/
/*
* Owl Carousel - Auto Height Plugin
*/
/*
* Owl Carousel - Lazy Load Plugin
*/
/*
* Owl Carousel - Video Plugin
*/
}
.mediaPopup .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.mediaPopup .owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.mediaPopup .owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.mediaPopup .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.mediaPopup .owl-carousel .owl-wrapper,
.mediaPopup .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.mediaPopup .owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.mediaPopup .owl-carousel .owl-item img {
display: block;
width: 100%;
}
.mediaPopup .owl-carousel .owl-nav.disabled,
.mediaPopup .owl-carousel .owl-dots.disabled {
display: none;
}
.mediaPopup .owl-carousel .owl-nav .owl-prev,
.mediaPopup .owl-carousel .owl-nav .owl-next,
.mediaPopup .owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mediaPopup .owl-carousel .owl-nav button.owl-prev,
.mediaPopup .owl-carousel .owl-nav button.owl-next,
.mediaPopup .owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.mediaPopup .owl-carousel.owl-loaded {
display: block;
}
.mediaPopup .owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.mediaPopup .owl-carousel.owl-hidden {
opacity: 0;
}
.mediaPopup .owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.mediaPopup .owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mediaPopup .owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.mediaPopup .owl-carousel.owl-rtl {
direction: rtl;
}
.mediaPopup .owl-carousel.owl-rtl .owl-item {
float: right;
}
.mediaPopup .no-js .owl-carousel {
display: block;
}
.mediaPopup .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
-moz-animation-duration: 1000ms;
-o-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.mediaPopup .owl-carousel .owl-animated-in {
z-index: 0;
}
.mediaPopup .owl-carousel .owl-animated-out {
z-index: 1;
}
.mediaPopup .owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.mediaPopup .owl-height {
-webkit-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.mediaPopup .owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.mediaPopup .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.mediaPopup .owl-carousel .owl-item .owl-lazy[src^=""], .mediaPopup .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.mediaPopup .owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mediaPopup .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.mediaPopup .owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 100ms ease;
transition: -webkit-transform 100ms ease;
-o-transition: -o-transform 100ms ease;
-moz-transition: transform 100ms ease, -moz-transform 100ms ease;
transition: transform 100ms ease;
transition: transform 100ms ease, -webkit-transform 100ms ease, -moz-transform 100ms ease, -o-transform 100ms ease;
}
.mediaPopup .owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.mediaPopup .owl-carousel .owl-video-playing .owl-video-tn,
.mediaPopup .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.mediaPopup .owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.mediaPopup .owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.mpAudioPlayer {
cursor: pointer;
position: absolute;
z-index: 3;
margin: auto;
height: 100%;
width: 100%;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
pointer-events: none;
-webkit-transition: background-image 1s linear;
-o-transition: background-image 1s linear;
-moz-transition: background-image 1s linear;
transition: background-image 1s linear;
}
.mpAudioPlayer + iframe {
position: absolute;
z-index: -6;
pointer-events: none;
opacity: 0;
}
.mpAudioPlayer .mpAudioPlayer__content {
overflow: hidden;
position: relative;
height: 100%;
}
.mpAudioPlayer .mpAudioPlayer__play-btn {
width: 60px;
height: 60px;
left: 20px;
top: 50%;
margin-top: -30px;
border: none;
background: #fff;
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 3;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .playIcon {
display: inline-block;
border-left: 16px solid #000;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
position: absolute;
left: 50%;
top: 50%;
margin: -9px 0 0 -6px;
z-index: 1;
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon {
width: 18px;
height: 16px;
z-index: 1;
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -9px;
opacity: 0;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:after, .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before {
content: "";
display: inline-block;
width: 6px;
height: 100%;
background: #000;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before {
margin-right: 3px;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:after {
margin-left: 3px;
}
html.no-touch .mpAudioPlayer .mpAudioPlayer__play-btn:hover {
background: #ed8b1f;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
html.no-touch .mpAudioPlayer .mpAudioPlayer__play-btn:hover:after {
opacity: 0.25;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpAudioPlayer .mpAudioPlayer__waveWrapper {
position: absolute;
top: 35%;
height: 30%;
width: 100%;
pointer-events: all;
}
.mpAudioPlayer .mpAudioPlayer__waveWrapper:before {
content: "";
position: absolute;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.2);
height: 100%;
top: 0;
z-index: -2;
}
.mpAudioPlayer .mpAudioPlayer__waveform, .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition {
position: absolute;
top: 0;
height: 100%;
left: 115px;
right: 20px;
}
.mpAudioPlayer .mpAudioPlayer__waveform {
z-index: 3;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
opacity: 0.5;
-webkit-transition: background-image 1s linear;
-o-transition: background-image 1s linear;
-moz-transition: background-image 1s linear;
transition: background-image 1s linear;
}
.mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition {
width: 0;
height: 100%;
background: #fff;
-webkit-transition: width 0.05s linear;
-o-transition: width 0.05s linear;
-moz-transition: width 0.05s linear;
transition: width 0.05s linear;
mix-blend-mode: overlay;
z-index: 1;
}
html.touch .mpAudioPlayer .SCplayer__position {
z-index: 0;
}
.mpAudioPlayer.isPlaying .mpAudioPlayer__play-btn .playIcon {
opacity: 0;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpAudioPlayer.isPlaying .mpAudioPlayer__play-btn .pauseIcon {
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpAudioPlayer .mpAudioPlayer__hoverPosition {
opacity: 0.3;
z-index: 2;
-webkit-transition: width 0.04s linear;
-o-transition: width 0.04s linear;
-moz-transition: width 0.04s linear;
transition: width 0.04s linear;
}
@media (max-width: 767px) {
.mpAudioPlayer .mpAudioPlayer__play-btn {
left: 15px;
width: 54px;
height: 54px;
margin-top: -27px;
}
.mpAudioPlayer .mpAudioPlayer__waveform, .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition {
left: 84px;
}
}
@media (max-width: 500px) {
.mpAudioPlayer .mpAudioPlayer__play-btn {
left: 10px;
width: 48px;
height: 48px;
margin-top: -24px;
}
.mpAudioPlayer .mpAudioPlayer__waveform, .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition {
left: 68px;
right: 10px;
}
}
@media (max-width: 430px) {
.mpAudioPlayer .mpAudioPlayer__play-btn {
width: 42px;
height: 42px;
margin-top: -21px;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .playIcon {
border-left: 14px solid #000;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin: -7px 0 0 -6px;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon {
width: 16px;
height: 14px;
margin: -7px 0 0 -8px;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:after, .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before {
width: 4px;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before {
margin-right: 2px;
}
.mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before {
margin-right: 2px;
}
.mpAudioPlayer .mpAudioPlayer__waveform, .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition {
left: 62px;
}
}
.mpGalSlide {
padding-bottom: 56.25%;
background: #e0e0e0;
position: relative;
margin-bottom: 27px;
}
.mpGalSlide .owl-stage-outer, .mpGalSlide .owl-stage, .mpGalSlide .owl-item {
height: 100%;
}
.mpGalSlide .mpGalSlide__carousel {
position: absolute !important;
height: 100%;
}
.mpGalSlide .mpGalSlide__item {
height: 100%;
}
.mpGalSlide .mpGalSlide__item img {
-o-object-fit: cover;
object-fit: cover;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
}
.mpGalSlide .mpGalSlide__item.isPortrait img {
-o-object-fit: contain;
object-fit: contain;
}
.mpGalSlide .mpGalSlide__autoplay, .mpGalSlide .mpGalSlide__navBtn {
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.75);
position: absolute;
border: none;
z-index: 5;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
html.no-touch .mpGalSlide .mpGalSlide__autoplay:hover, html.no-touch .mpGalSlide .mpGalSlide__navBtn:hover {
background: black;
}
.mpGalSlide .mpGalSlide__navBtn {
top: 50%;
margin-top: -25px;
}
.mpGalSlide .mpGalSlide__navBtn i {
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -8px;
display: inline-block;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}
.mpGalSlide .mpGalSlide__navBtn.isPrev {
left: 0;
}
.mpGalSlide .mpGalSlide__navBtn.isPrev i {
border-right: 16px solid #fff;
}
.mpGalSlide .mpGalSlide__navBtn.isNext {
right: 0;
}
.mpGalSlide .mpGalSlide__navBtn.isNext i {
border-left: 16px solid #fff;
}
.mpGalSlide .mpGalSlide__autoplay {
bottom: 0;
left: 50%;
margin-left: -25px;
}
.mpGalSlide .mpGalSlide__autoplay .mpGalSlide__play {
position: absolute;
top: 50%;
left: 50%;
margin: -9px 0 0 -11px;
display: inline-block;
border-left: 22px solid #fff;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
opacity: 0;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause {
width: 16px;
height: 22px;
position: absolute;
left: 50%;
top: 50%;
margin: -11px 0 0 -8px;
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:before, .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:after {
content: "";
height: 100%;
width: 5px;
background: #fff;
position: absolute;
top: 0;
}
.mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:before {
left: 0;
}
.mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:after {
right: 0;
}
.mpGalSlide .mpGalSlide__autoplay.isPaused .mpGalSlide__play {
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpGalSlide .mpGalSlide__autoplay.isPaused .mpGalSlide__pause {
opacity: 0;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpGalSlide .mpGalSlide__count {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 5;
color: #fff;
font-size: 16px;
}
@media (max-width: 767px) {
.mpGalSlide .mpGalSlide__autoplay, .mpGalSlide .mpGalSlide__navBtn {
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.35);
}
.mpGalSlide .mpGalSlide__autoplay .mpGalSlide__play {
margin: -8px 0 0 -10px;
border-left: 20px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause {
width: 14px;
height: 20px;
margin: -10px 0 0 -7px;
}
.mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:before, .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:after {
width: 4px;
}
.mpGalSlide .mpGalSlide__navBtn {
margin-top: -20px;
}
.mpGalSlide .mpGalSlide__navBtn i {
margin: -6px 0 0 -7px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.mpGalSlide .mpGalSlide__navBtn.isPrev i {
border-right: 14px solid #fff;
}
.mpGalSlide .mpGalSlide__navBtn.isNext i {
border-left: 14px solid #fff;
}
.mpGalSlide .mpGalSlide__count {
bottom: 10px;
left: 10px;
}
}
.mpRelatedTags {
font-size: 0;
position: relative;
display: block;
vertical-align: top;
z-index: 2;
overflow: hidden;
}
.mpRelatedTags li {
display: inline-block;
margin-top: 13px;
background: #fff;
font-family: "Lato", sans-serif;
font-size: 12px;
line-height: 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding-right: 10px;
text-transform: uppercase;
color: #fff;
vertical-align: middle;
background: #002341;
cursor: pointer;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mpRelatedTags li span {
display: block;
float: left;
cursor: pointer;
width: 30px;
height: 30px;
position: relative;
}
.mpRelatedTags li span:after, .mpRelatedTags li span:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 14px;
height: 1px;
background: #fff;
}
.mpRelatedTags li span:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.mpRelatedTags li span:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mpRelatedTags li:not(:last-of-type) {
margin-right: 30px;
}
.mpRelatedTags li a {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-decoration: inherit;
}
.mpRelatedTags li.forStaff {
padding-left: 10px;
}
.mpRelatedTags li.forMpRelated {
margin-top: 0;
margin-bottom: 10px;
cursor: pointer;
}
.mpRelatedTags li.forMpRelated:not(:last-of-type) {
margin-right: 15px;
}
.mpRelatedTags li.isHidden {
display: none;
}
html.no-touch .mpRelatedTags li:hover {
background: #E66C84;
color: #fff;
}
html.no-touch .mpRelatedTags li:hover span:before, html.no-touch .mpRelatedTags li:hover span:after {
background: #fff;
}
@media (max-width: 650px) {
.mpRelatedTags {
overflow: visible;
}
}
.mediaPopup {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
z-index: 9999998;
overflow: hidden;
}
.mediaPopup:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
}
.mediaPopup .mediaPopup__inner {
position: relative;
width: 100%;
height: 100%;
max-width: 737px;
margin: 0 0 0 auto;
z-index: 2;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mediaPopup .mediaPopup__content {
min-height: -webkit-calc(100vh - 50px);
min-height: -moz-calc(100vh - 50px);
min-height: calc(100vh - 50px);
overflow-y: auto;
height: -webkit-calc(100% - 50px);
height: -moz-calc(100% - 50px);
height: calc(100% - 50px);
position: relative;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
html.touch .mediaPopup .mediaPopup__content {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.mediaPopup.defaultLayout .mediaPopup__singleImage {
width: 100%;
}
.mediaPopup .secondLvlCss {
text-align: left;
margin: 0;
padding: 0;
max-width: unset;
min-width: unset;
}
.mediaPopup .mediaPopup__featuredPost {
padding: 30px;
position: relative;
background: #F3F4F1;
margin: 0;
}
.mediaPopup .mediaPopup__featuredPost:after {
display: table;
content: "";
clear: both;
}
.mediaPopup .mediaPopup__featuredPost a {
color: currentColor;
}
.mediaPopup .mediaPopup__featuredPost a:after, .mediaPopup .mediaPopup__featuredPost a:before, .mediaPopup .mediaPopup__featuredPost a i {
display: none !important;
}
.mediaPopup .mediaPopup__url {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 0;
z-index: 1;
}
.mediaPopup .mediaPopup__topNav {
position: relative;
max-width: 737px;
margin: 0 0 0 auto;
font-size: 0;
z-index: 3;
background: #F0F5F8;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.mediaPopup .mediaPopup__type {
position: absolute;
left: 50px;
right: 0;
top: 0;
background: #F0F5F8;
height: 50px;
padding-left: 15px;
}
.mediaPopup .mediaPopup__type h4 {
line-height: 50px;
font-family: "Belleza", sans-serif;
color: #002341;
}
.mediaPopup .mediaPopup__button {
width: 50px;
height: 50px;
position: relative;
background: #002341;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mediaPopup .mediaPopup__button i {
position: absolute;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
html.no-touch .mediaPopup .mediaPopup__button:hover {
background: #032B4D;
}
.mediaPopup .mediaPopup__close {
display: inline-block;
border: none;
background: #fff;
}
.mediaPopup .mediaPopup__close i:after, .mediaPopup .mediaPopup__close i:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 14px;
height: 2px;
background: #002341;
}
.mediaPopup .mediaPopup__close i:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.mediaPopup .mediaPopup__close i:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
html.no-touch .mediaPopup .mediaPopup__close:hover {
background: #fff;
}
.mediaPopup .mediaPopup__more, .mediaPopup .mediaPopup__share {
position: absolute;
top: 0;
border: none;
}
.mediaPopup .mediaPopup__more {
right: 60px;
}
.mediaPopup .mediaPopup__more i {
width: 23px;
margin: auto;
}
.mediaPopup .mediaPopup__share {
right: 0;
}
.mediaPopup .mediaPopup__share i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72 56c-4.813 0-9.12 2.137-12.054 5.501L39.643 51.35c.23-1.081.357-2.201.357-3.35s-.127-2.269-.357-3.349l20.303-10.152C62.879 37.864 67.187 40 72 40c8.836 0 16-7.164 16-16S80.836 8 72 8s-16 7.164-16 16c0 1.149.127 2.269.357 3.349L36.054 37.501C33.121 34.136 28.814 32 24 32c-8.836 0-16 7.164-16 16s7.164 16 16 16c4.814 0 9.12-2.137 12.054-5.501l20.304 10.152C56.127 69.731 56 70.851 56 72c0 8.836 7.164 16 16 16s16-7.164 16-16-7.164-16-16-16zm0-40a8 8 0 1 1 0 16 8 8 0 0 1 0-16zM24 56a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm48 24a8 8 0 1 1 0-16 8 8 0 0 1 0 16z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
width: 22px;
height: 22px;
}
.mediaPopup .mediaPopup__iframeContainer {
padding-bottom: 56.25%;
position: relative;
margin-bottom: 26px;
z-index: 1;
}
.mediaPopup .mediaPopup__iframeContainer iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.mediaPopup .mediaPopup__singleImage {
float: right;
display: inline-block;
position: relative;
width: 50%;
margin-left: 30px;
margin-bottom: 20px;
}
.mediaPopup .mediaPopup__singleImage img {
width: 100%;
}
.mediaPopup .mediaPopup__singleImage img:nth-of-type(2) {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100% !important;
width: 100% !important;
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
}
.mediaPopup .mediaPopup__singleImage.showBigImage img:nth-of-type(2) {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mediaPopup .mediaPopup__singleImage.isPortrait {
width: 40%;
}
.mediaPopup .mediaPopup__singleImage.ImageBroken img {
visibility: hidden;
display: none;
}
.mediaPopup .mediaPopup__feedInfo {
margin-top: 0 !important;
margin-bottom: 13px !important;
}
.mediaPopup .mediaPopup__feedInfo > a {
display: inline-block !important;
vertical-align: middle;
text-decoration: none !important;
border-bottom: 0 !important;
color: inherit;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
position: relative;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
}
.mediaPopup .mediaPopup__feedInfo > a:after, .mediaPopup .mediaPopup__feedInfo > a:before {
display: none !important;
}
.mediaPopup .mediaPopup__feedInfo span {
display: inline-block;
vertical-align: middle;
}
.mediaPopup .mediaPopup__feedIcon {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
width: 20px;
height: 30px;
background-position: center center;
}
.mediaPopup .mediaPopup__feedName {
line-height: 30px;
font-family: "Poppins", sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.mediaPopup .mediaPopup__date {
display: inline-block;
vertical-align: middle;
margin-left: 7px;
color: #535353;
font-size: 90%;
position: relative;
top: 1px;
}
.mediaPopup .mediaPopup__desc .secondLvlCss a {
position: relative;
z-index: 1;
color: #FFFFFF;
}
.mediaPopup .mediaPopup__desc .featuredParagraph:before, .mediaPopup .mediaPopup__desc .featuredParagraph:after {
display: none !important;
}
.mediaPopup .mediaPopup__postTitle.forNews a {
text-decoration: none !important;
border: none !important;
}
.mediaPopup p.mediaPopup__postTitle {
font-size: 18px;
}
.mediaPopup p.mediaPopup__postTitle a {
font-size: 18px;
}
.mediaPopup .mediaPopup__extraDescWrapper {
position: relative;
}
.mediaPopup .mediaPopup__extraDescWrapper img {
max-width: 100%;
}
.mediaPopup .mediaPopup__related {
position: relative;
padding: 26px 30px 30px 30px;
min-height: 500px;
overflow: hidden;
background: #EDEAE7;
}
.mediaPopup .mediaPopup__related .mtGenericLoader {
height: 50px;
width: 50px;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.mediaPopup .mediaPopup__relatedHeaderWrapper:after {
display: table;
content: "";
clear: both;
}
.mediaPopup .mediaPopup__relatedHeaderWrapper .secondLvlCss {
float: left;
vertical-align: middle;
margin-right: 30px;
}
.mediaPopup .mediaPopup__relatedHeaderWrapper .secondLvlCss h4 {
font-family: "Belleza", sans-serif;
color: #002341;
letter-spacing: 0.5px;
font-size: 25px;
text-transform: capitalize;
}
.mediaPopup .mediaPopup__relatedContainer {
margin-top: 23px;
clear: both;
}
.mediaPopup .mediaPopup__col {
display: inline-block;
width: 50%;
vertical-align: top;
padding-bottom: 10px;
}
.mediaPopup .mediaPopup__col:nth-of-type(odd) {
padding-right: 5px;
}
.mediaPopup .mediaPopup__col:nth-of-type(even) {
padding-left: 5px;
}
.mediaPopup .mediaPopup__col .mtStoryItem, .mediaPopup .mediaPopup__col .js-staffPopup {
width: 100%;
padding: 0;
}
.mediaPopup .mediaPopup__viewPost {
display: none;
}
.mediaPopup.news .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.news .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.news .mediaPopup__feedName, .mediaPopup.TiarcNews .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.TiarcNews .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.TiarcNews .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.news .mediaPopup__more i, .mediaPopup.TiarcNews .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76 512c41.352 0 75-34.648 75-76s-33.648-76-75-76-76 34.648-76 76 34.648 76 76 76zm0 0'/%3E%3Cpath d='M242 497c0 5.063-.43 10.02-.762 15h90c.239-5.008.762-9.938.762-15 0-173.688-143.312-317-317-317-5.062 0-9.992.523-15 .762v90c4.98-.332 9.938-.762 15-.762 124.07 0 227 102.93 227 227zm0 0'/%3E%3Cpath d='M15 0C9.934 0 5.027.61 0 .758v90.004C5.02 90.574 9.938 90 15 90c223.316 0 407 183.684 407 407 0 5.063-.574 9.98-.762 15h90.004c.149-5.027.758-9.934.758-15C512 223.617 288.379 0 15 0zm0 0'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.news .mediaPopup__feedIcon, .mediaPopup.TiarcNews .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76 512c41.352 0 75-34.648 75-76s-33.648-76-75-76-76 34.648-76 76 34.648 76 76 76zm0 0'/%3E%3Cpath d='M242 497c0 5.063-.43 10.02-.762 15h90c.239-5.008.762-9.938.762-15 0-173.688-143.312-317-317-317-5.062 0-9.992.523-15 .762v90c4.98-.332 9.938-.762 15-.762 124.07 0 227 102.93 227 227zm0 0'/%3E%3Cpath d='M15 0C9.934 0 5.027.61 0 .758v90.004C5.02 90.574 9.938 90 15 90c223.316 0 407 183.684 407 407 0 5.063-.574 9.98-.762 15h90.004c.149-5.027.758-9.934.758-15C512 223.617 288.379 0 15 0zm0 0'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.news .mediaPopup__featuredPost > .mediaPopup__url, .mediaPopup.TiarcNews .mediaPopup__featuredPost > .mediaPopup__url {
display: none;
}
.mediaPopup.facebook .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.facebook .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.facebook .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.facebook .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430.113 430.114' %3E%3Cpath d='M158.081 83.3v59.218h-43.385v72.412h43.385v215.183h89.122V214.936h59.805s5.601-34.721 8.316-72.685H247.54V92.74c0-7.4 9.717-17.354 19.321-17.354h48.557V.001h-66.021C155.878-.004 158.081 72.48 158.081 83.3z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.facebook .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430.113 430.114' %3E%3Cpath d='M158.081 83.3v59.218h-43.385v72.412h43.385v215.183h89.122V214.936h59.805s5.601-34.721 8.316-72.685H247.54V92.74c0-7.4 9.717-17.354 19.321-17.354h48.557V.001h-66.021C155.878-.004 158.081 72.48 158.081 83.3z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.twitter .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.twitter .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.twitter .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.twitter .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpath d='M25.312 6.375c-.688 1-1.547 1.891-2.531 2.609.016.219.016.438.016.656 0 6.672-5.078 14.359-14.359 14.359-2.859 0-5.516-.828-7.75-2.266.406.047.797.063 1.219.063 2.359 0 4.531-.797 6.266-2.156-2.219-.047-4.078-1.5-4.719-3.5.313.047.625.078.953.078.453 0 .906-.063 1.328-.172-2.312-.469-4.047-2.5-4.047-4.953v-.063a5.093 5.093 0 0 0 2.281.641c-1.359-.906-2.25-2.453-2.25-4.203 0-.938.25-1.797.688-2.547 2.484 3.062 6.219 5.063 10.406 5.281-.078-.375-.125-.766-.125-1.156 0-2.781 2.25-5.047 5.047-5.047 1.453 0 2.766.609 3.687 1.594a9.9429 9.9429 0 0 0 3.203-1.219c-.375 1.172-1.172 2.156-2.219 2.781 1.016-.109 2-.391 2.906-.781z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.twitter .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpath d='M25.312 6.375c-.688 1-1.547 1.891-2.531 2.609.016.219.016.438.016.656 0 6.672-5.078 14.359-14.359 14.359-2.859 0-5.516-.828-7.75-2.266.406.047.797.063 1.219.063 2.359 0 4.531-.797 6.266-2.156-2.219-.047-4.078-1.5-4.719-3.5.313.047.625.078.953.078.453 0 .906-.063 1.328-.172-2.312-.469-4.047-2.5-4.047-4.953v-.063a5.093 5.093 0 0 0 2.281.641c-1.359-.906-2.25-2.453-2.25-4.203 0-.938.25-1.797.688-2.547 2.484 3.062 6.219 5.063 10.406 5.281-.078-.375-.125-.766-.125-1.156 0-2.781 2.25-5.047 5.047-5.047 1.453 0 2.766.609 3.687 1.594a9.9429 9.9429 0 0 0 3.203-1.219c-.375 1.172-1.172 2.156-2.219 2.781 1.016-.109 2-.391 2.906-.781z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.blogs .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.blogs .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.blogs .mediaPopup__feedName, .mediaPopup.blog .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.blog .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.blog .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.blogs .mediaPopup__more i, .mediaPopup.blog .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' height='56.693' width='56.693'%3E%3Cpath clip-rule='evenodd' d='M52.279 26.151l-.406-.84-.68-.531c-.887-.695-5.375.045-6.584-1.053-.857-.789-.99-2.211-1.25-4.131-.48-3.734-.787-3.926-1.369-5.186-2.113-4.488-7.848-7.863-11.787-8.332H19.531c-8.395 0-15.257 6.877-15.257 15.271v17.813c0 8.379 6.862 15.242 15.257 15.242h17.534c8.395 0 15.215-6.863 15.262-15.242l.094-12.338-.142-.673zm-32.553-7.592h8.461a2.922 2.922 0 0 1 2.922 2.91 2.934 2.934 0 0 1-2.922 2.922h-8.461a2.934 2.934 0 0 1-2.923-2.922 2.921 2.921 0 0 1 2.923-2.91zm17.192 23.286H19.726c-1.615 0-2.923-1.328-2.923-2.906a2.916 2.916 0 0 1 2.923-2.906h17.192a2.908 2.908 0 0 1 2.906 2.906c0 1.578-1.301 2.906-2.906 2.906z' fill-rule='evenodd'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.blogs .mediaPopup__feedIcon, .mediaPopup.blog .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' height='56.693' width='56.693'%3E%3Cpath clip-rule='evenodd' d='M52.279 26.151l-.406-.84-.68-.531c-.887-.695-5.375.045-6.584-1.053-.857-.789-.99-2.211-1.25-4.131-.48-3.734-.787-3.926-1.369-5.186-2.113-4.488-7.848-7.863-11.787-8.332H19.531c-8.395 0-15.257 6.877-15.257 15.271v17.813c0 8.379 6.862 15.242 15.257 15.242h17.534c8.395 0 15.215-6.863 15.262-15.242l.094-12.338-.142-.673zm-32.553-7.592h8.461a2.922 2.922 0 0 1 2.922 2.91 2.934 2.934 0 0 1-2.922 2.922h-8.461a2.934 2.934 0 0 1-2.923-2.922 2.921 2.921 0 0 1 2.923-2.91zm17.192 23.286H19.726c-1.615 0-2.923-1.328-2.923-2.906a2.916 2.916 0 0 1 2.923-2.906h17.192a2.908 2.908 0 0 1 2.906 2.906c0 1.578-1.301 2.906-2.906 2.906z' fill-rule='evenodd'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.wordpress .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.wordpress .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.wordpress .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.wordpress .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M1.984 14c0-1.734.375-3.391 1.047-4.891l5.734 15.703c-4.016-1.953-6.781-6.062-6.781-10.813zm20.125-.609c0 1.031-.422 2.219-.922 3.891l-1.188 4-4.344-12.906s.719-.047 1.375-.125c.641-.078.562-1.031-.078-.984-1.953.141-3.203.156-3.203.156s-1.172-.016-3.156-.156c-.656-.047-.734.938-.078.984.609.063 1.25.125 1.25.125l1.875 5.125-2.625 7.875-4.375-13s.719-.047 1.375-.125c.641-.078.562-1.031-.078-.984-1.937.141-3.203.156-3.203.156-.219 0-.484-.016-.766-.016 2.141-3.266 5.828-5.422 10.031-5.422 3.125 0 5.969 1.203 8.109 3.156h-.156c-1.172 0-2.016 1.016-2.016 2.125 0 .984.578 1.813 1.188 2.812.469.797.984 1.828.984 3.313zm-7.906 1.656l3.703 10.109c.016.063.047.125.078.172-1.25.438-2.578.688-3.984.688-1.172 0-2.312-.172-3.391-.5zm10.328-6.813c.938 1.719 1.484 3.672 1.484 5.766 0 4.438-2.406 8.297-5.984 10.375l3.672-10.594c.609-1.75.922-3.094.922-4.312 0-.438-.031-.844-.094-1.234zM14 0c7.719 0 14 6.281 14 14s-6.281 14-14 14S0 21.719 0 14 6.281 0 14 0zm0 27.359c7.359 0 13.359-6 13.359-13.359S21.359.641 14 .641.641 6.641.641 14s6 13.359 13.359 13.359z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.wordpress .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M1.984 14c0-1.734.375-3.391 1.047-4.891l5.734 15.703c-4.016-1.953-6.781-6.062-6.781-10.813zm20.125-.609c0 1.031-.422 2.219-.922 3.891l-1.188 4-4.344-12.906s.719-.047 1.375-.125c.641-.078.562-1.031-.078-.984-1.953.141-3.203.156-3.203.156s-1.172-.016-3.156-.156c-.656-.047-.734.938-.078.984.609.063 1.25.125 1.25.125l1.875 5.125-2.625 7.875-4.375-13s.719-.047 1.375-.125c.641-.078.562-1.031-.078-.984-1.937.141-3.203.156-3.203.156-.219 0-.484-.016-.766-.016 2.141-3.266 5.828-5.422 10.031-5.422 3.125 0 5.969 1.203 8.109 3.156h-.156c-1.172 0-2.016 1.016-2.016 2.125 0 .984.578 1.813 1.188 2.812.469.797.984 1.828.984 3.313zm-7.906 1.656l3.703 10.109c.016.063.047.125.078.172-1.25.438-2.578.688-3.984.688-1.172 0-2.312-.172-3.391-.5zm10.328-6.813c.938 1.719 1.484 3.672 1.484 5.766 0 4.438-2.406 8.297-5.984 10.375l3.672-10.594c.609-1.75.922-3.094.922-4.312 0-.438-.031-.844-.094-1.234zM14 0c7.719 0 14 6.281 14 14s-6.281 14-14 14S0 21.719 0 14 6.281 0 14 0zm0 27.359c7.359 0 13.359-6 13.359-13.359S21.359.641 14 .641.641 6.641.641 14s6 13.359 13.359 13.359z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.tumblr .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.tumblr .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.tumblr .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.tumblr .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M18.001 14v7.318c0 1.857-.024 2.927.173 3.453.195.524.685 1.067 1.218 1.381.709.425 1.517.637 2.428.637 1.62 0 2.577-.214 4.179-1.267v4.811c-1.366.642-2.558 1.019-3.666 1.279-1.109.258-2.308.388-3.596.388-1.463 0-2.327-.184-3.45-.552-1.124-.371-2.083-.9-2.876-1.579-.795-.685-1.344-1.413-1.652-2.182s-.46-1.888-.46-3.351V13.114H6.004V8.583C7.26 8.175 8.665 7.59 9.56 6.828c.899-.764 1.618-1.678 2.16-2.748.543-1.067.917-2.429 1.121-4.079H18v8h7.999v6H18z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.tumblr .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M18.001 14v7.318c0 1.857-.024 2.927.173 3.453.195.524.685 1.067 1.218 1.381.709.425 1.517.637 2.428.637 1.62 0 2.577-.214 4.179-1.267v4.811c-1.366.642-2.558 1.019-3.666 1.279-1.109.258-2.308.388-3.596.388-1.463 0-2.327-.184-3.45-.552-1.124-.371-2.083-.9-2.876-1.579-.795-.685-1.344-1.413-1.652-2.182s-.46-1.888-.46-3.351V13.114H6.004V8.583C7.26 8.175 8.665 7.59 9.56 6.828c.899-.764 1.618-1.678 2.16-2.748.543-1.067.917-2.429 1.121-4.079H18v8h7.999v6H18z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.events .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.events .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.events .mediaPopup__feedName, .mediaPopup.calendar .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.calendar .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.calendar .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.events .mediaPopup__more i, .mediaPopup.calendar .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192 1664h288v-288H192v288zm352 0h320v-288H544v288zm-352-352h288V992H192v320zm352 0h320V992H544v320zM192 928h288V640H192v288zm736 736h320v-288H928v288zM544 928h320V640H544v288zm768 736h288v-288h-288v288zm-384-352h320V992H928v320zM576 448V160q0-13-9.5-22.5T544 128h-64q-13 0-22.5 9.5T448 160v288q0 13 9.5 22.5T480 480h64q13 0 22.5-9.5T576 448zm736 864h288V992h-288v320zM928 928h320V640H928v288zm384 0h288V640h-288v288zm32-480V160q0-13-9.5-22.5T1312 128h-64q-13 0-22.5 9.5T1216 160v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38H192q-52 0-90-38t-38-90V384q0-52 38-90t90-38h128v-96q0-66 47-113T480 0h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.events .mediaPopup__feedIcon, .mediaPopup.calendar .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192 1664h288v-288H192v288zm352 0h320v-288H544v288zm-352-352h288V992H192v320zm352 0h320V992H544v320zM192 928h288V640H192v288zm736 736h320v-288H928v288zM544 928h320V640H544v288zm768 736h288v-288h-288v288zm-384-352h320V992H928v320zM576 448V160q0-13-9.5-22.5T544 128h-64q-13 0-22.5 9.5T448 160v288q0 13 9.5 22.5T480 480h64q13 0 22.5-9.5T576 448zm736 864h288V992h-288v320zM928 928h320V640H928v288zm384 0h288V640h-288v288zm32-480V160q0-13-9.5-22.5T1312 128h-64q-13 0-22.5 9.5T1216 160v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38H192q-52 0-90-38t-38-90V384q0-52 38-90t90-38h128v-96q0-66 47-113T480 0h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.publication .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.publication .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.publication .mediaPopup__feedName, .mediaPopup.issuu .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.issuu .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.issuu .mediaPopup__feedName, .mediaPopup.magazines .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.magazines .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.magazines .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.publication .mediaPopup__more i, .mediaPopup.issuu .mediaPopup__more i, .mediaPopup.magazines .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15.985 8.421c-4.194 0-7.564 3.393-7.564 7.579s3.37 7.579 7.564 7.579 7.594-3.393 7.594-7.579-3.4-7.579-7.594-7.579zM16 20.21c-2.325 0-4.21-1.885-4.21-4.211s1.885-4.211 4.211-4.211c2.325 0 4.21 1.885 4.21 4.211S18.326 20.21 16 20.21z'/%3E%3Cpath d='M16 0H1.369C.614 0 .001.613.001 1.368v14.631c0 8.836 7.164 16 16 16s16-7.164 16-16-7.164-16-16-16zm0 26.947C9.954 26.947 5.053 22.046 5.053 16S9.954 5.053 16 5.053 26.947 9.954 26.947 16 22.046 26.947 16 26.947z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.publication .mediaPopup__feedIcon, .mediaPopup.issuu .mediaPopup__feedIcon, .mediaPopup.magazines .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15.985 8.421c-4.194 0-7.564 3.393-7.564 7.579s3.37 7.579 7.564 7.579 7.594-3.393 7.594-7.579-3.4-7.579-7.594-7.579zM16 20.21c-2.325 0-4.21-1.885-4.21-4.211s1.885-4.211 4.211-4.211c2.325 0 4.21 1.885 4.21 4.211S18.326 20.21 16 20.21z'/%3E%3Cpath d='M16 0H1.369C.614 0 .001.613.001 1.368v14.631c0 8.836 7.164 16 16 16s16-7.164 16-16-7.164-16-16-16zm0 26.947C9.954 26.947 5.053 22.046 5.053 16S9.954 5.053 16 5.053 26.947 9.954 26.947 16 22.046 26.947 16 26.947z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.video .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.video .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.video .mediaPopup__feedName, .mediaPopup.videos .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.videos .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.videos .mediaPopup__feedName, .mediaPopup.youtube .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.youtube .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.youtube .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.video .mediaPopup__more i, .mediaPopup.videos .mediaPopup__more i, .mediaPopup.youtube .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' %3E%3Cpath d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797.281 9.797.281.547.063 1.75.063 2.812 1.188 0 0 .859.844 1.109 2.781.297 2.266.281 4.531.281 4.531v2.125s.016 2.266-.281 4.531c-.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906.297-9.797.297-7.281-.063-9.516-.281-9.516-.281-.625-.109-2.031-.078-3.094-1.188 0 0-.859-.859-1.109-2.781C-.016 17.327 0 15.062 0 15.062v-2.125s-.016-2.266.281-4.531C.531 6.469 1.39 5.625 1.39 5.625 2.452 4.5 3.656 4.5 4.202 4.437c0 0 3.906-.281 9.797-.281z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.video .mediaPopup__feedIcon, .mediaPopup.videos .mediaPopup__feedIcon, .mediaPopup.youtube .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' %3E%3Cpath d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797.281 9.797.281.547.063 1.75.063 2.812 1.188 0 0 .859.844 1.109 2.781.297 2.266.281 4.531.281 4.531v2.125s.016 2.266-.281 4.531c-.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906.297-9.797.297-7.281-.063-9.516-.281-9.516-.281-.625-.109-2.031-.078-3.094-1.188 0 0-.859-.859-1.109-2.781C-.016 17.327 0 15.062 0 15.062v-2.125s-.016-2.266.281-4.531C.531 6.469 1.39 5.625 1.39 5.625 2.452 4.5 3.656 4.5 4.202 4.437c0 0 3.906-.281 9.797-.281z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.vimeo .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.vimeo .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.vimeo .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.vimeo .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.288 17'%3E%3Cpath d='M19.627,23.063a2.83,2.83,0,0,0-.366-2.316c-.711-.9-2.225-.933-3.262-.774a6.843,6.843,0,0,0-4.668,4.4c1.72-.131,2.622.124,2.456,2.018a6.955,6.955,0,0,1-.916,2.493c-.516.959-1.484,2.844-2.753,1.485-1.143-1.222-1.057-3.56-1.318-5.117a21.423,21.423,0,0,0-.586-2.86,2.919,2.919,0,0,0-1.5-1.906,3.071,3.071,0,0,0-2.2.44A39.666,39.666,0,0,0,0,24.559H0c.242.518.374.854.807.917,1.022.151,2-.953,2.677.2A11.812,11.812,0,0,1,4.291,27.9c.354,1.007.627,2.1.916,3.262C5.7,33.121,6.3,36.052,7.995,36.77a3.655,3.655,0,0,0,2.824-.515,15.757,15.757,0,0,0,4.362-4.142A28.181,28.181,0,0,0,19.627,23.063Z' transform='translate(0 -19.9)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.vimeo .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.288 17'%3E%3Cpath d='M19.627,23.063a2.83,2.83,0,0,0-.366-2.316c-.711-.9-2.225-.933-3.262-.774a6.843,6.843,0,0,0-4.668,4.4c1.72-.131,2.622.124,2.456,2.018a6.955,6.955,0,0,1-.916,2.493c-.516.959-1.484,2.844-2.753,1.485-1.143-1.222-1.057-3.56-1.318-5.117a21.423,21.423,0,0,0-.586-2.86,2.919,2.919,0,0,0-1.5-1.906,3.071,3.071,0,0,0-2.2.44A39.666,39.666,0,0,0,0,24.559H0c.242.518.374.854.807.917,1.022.151,2-.953,2.677.2A11.812,11.812,0,0,1,4.291,27.9c.354,1.007.627,2.1.916,3.262C5.7,33.121,6.3,36.052,7.995,36.77a3.655,3.655,0,0,0,2.824-.515,15.757,15.757,0,0,0,4.362-4.142A28.181,28.181,0,0,0,19.627,23.063Z' transform='translate(0 -19.9)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.photo .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.photo .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.photo .mediaPopup__feedName, .mediaPopup.photos .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.photos .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.photos .mediaPopup__feedName, .mediaPopup.flickr .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.flickr .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.flickr .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.photo .mediaPopup__more i, .mediaPopup.photos .mediaPopup__more i, .mediaPopup.flickr .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eflickr%3C/title%3E%3Cpath d='M0 17c0-3.866 3.134-7 7-7s7 3.134 7 7c0 3.866-3.134 7-7 7s-7-3.134-7-7zM18 17c0-3.866 3.134-7 7-7s7 3.134 7 7c0 3.866-3.134 7-7 7s-7-3.134-7-7z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.photo .mediaPopup__feedIcon, .mediaPopup.photos .mediaPopup__feedIcon, .mediaPopup.flickr .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eflickr%3C/title%3E%3Cpath d='M0 17c0-3.866 3.134-7 7-7s7 3.134 7 7c0 3.866-3.134 7-7 7s-7-3.134-7-7zM18 17c0-3.866 3.134-7 7-7s7 3.134 7 7c0 3.866-3.134 7-7 7s-7-3.134-7-7z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.instagram .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.instagram .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.instagram .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.instagram .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zm2.156 0c0 3.406-2.75 6.156-6.156 6.156S5.844 17.406 5.844 14 8.594 7.844 12 7.844s6.156 2.75 6.156 6.156zm1.688-6.406c0 .797-.641 1.437-1.437 1.437S16.97 8.39 16.97 7.594s.641-1.437 1.437-1.437 1.437.641 1.437 1.437zM12 4.156c-1.75 0-5.5-.141-7.078.484-.547.219-.953.484-1.375.906s-.688.828-.906 1.375c-.625 1.578-.484 5.328-.484 7.078s-.141 5.5.484 7.078c.219.547.484.953.906 1.375s.828.688 1.375.906c1.578.625 5.328.484 7.078.484s5.5.141 7.078-.484c.547-.219.953-.484 1.375-.906s.688-.828.906-1.375c.625-1.578.484-5.328.484-7.078s.141-5.5-.484-7.078c-.219-.547-.484-.953-.906-1.375s-.828-.688-1.375-.906C17.5 4.015 13.75 4.156 12 4.156zM24 14c0 1.656.016 3.297-.078 4.953-.094 1.922-.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656.094-3.297.078-4.953.078s-3.297.016-4.953-.078c-1.922-.094-3.625-.531-5.031-1.937S.173 20.875.08 18.953C-.014 17.297.002 15.656.002 14s-.016-3.297.078-4.953c.094-1.922.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-.094 3.297-.078 4.953-.078s3.297-.016 4.953.078c1.922.094 3.625.531 5.031 1.937s1.844 3.109 1.937 5.031C24.016 10.703 24 12.344 24 14z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.instagram .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zm2.156 0c0 3.406-2.75 6.156-6.156 6.156S5.844 17.406 5.844 14 8.594 7.844 12 7.844s6.156 2.75 6.156 6.156zm1.688-6.406c0 .797-.641 1.437-1.437 1.437S16.97 8.39 16.97 7.594s.641-1.437 1.437-1.437 1.437.641 1.437 1.437zM12 4.156c-1.75 0-5.5-.141-7.078.484-.547.219-.953.484-1.375.906s-.688.828-.906 1.375c-.625 1.578-.484 5.328-.484 7.078s-.141 5.5.484 7.078c.219.547.484.953.906 1.375s.828.688 1.375.906c1.578.625 5.328.484 7.078.484s5.5.141 7.078-.484c.547-.219.953-.484 1.375-.906s.688-.828.906-1.375c.625-1.578.484-5.328.484-7.078s.141-5.5-.484-7.078c-.219-.547-.484-.953-.906-1.375s-.828-.688-1.375-.906C17.5 4.015 13.75 4.156 12 4.156zM24 14c0 1.656.016 3.297-.078 4.953-.094 1.922-.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656.094-3.297.078-4.953.078s-3.297.016-4.953-.078c-1.922-.094-3.625-.531-5.031-1.937S.173 20.875.08 18.953C-.014 17.297.002 15.656.002 14s-.016-3.297.078-4.953c.094-1.922.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-.094 3.297-.078 4.953-.078s3.297-.016 4.953.078c1.922.094 3.625.531 5.031 1.937s1.844 3.109 1.937 5.031C24.016 10.703 24 12.344 24 14z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.audio .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.audio .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.audio .mediaPopup__feedName, .mediaPopup.soundcould .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.soundcould .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.soundcould .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.audio .mediaPopup__more i, .mediaPopup.soundcould .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 28'%3E%3Cpath d='M12.25 21.438l.25-3.766-.25-8.172c-.016-.203-.172-.375-.375-.375-.187 0-.359.172-.359.375l-.219 8.172.219 3.766c.016.203.172.359.359.359.203 0 .359-.156.375-.359zm4.625-.454l.172-3.297-.187-9.156c0-.156-.078-.297-.203-.375-.078-.047-.156-.078-.25-.078s-.172.031-.25.078c-.125.078-.203.219-.203.375l-.016.094-.156 9.047s0 .016.172 3.687v.016c0 .094.031.187.094.266.094.109.219.172.359.172.125 0 .234-.063.313-.141.094-.078.141-.187.141-.313zM.547 15.672l.313 2-.313 1.969c-.016.078-.063.141-.141.141s-.125-.063-.141-.141l-.266-1.969.266-2c.016-.078.063-.141.141-.141s.125.063.141.141zm1.344-1.234l.406 3.234-.406 3.172c-.016.078-.078.141-.156.141s-.141-.063-.141-.156l-.359-3.156.359-3.234c0-.078.063-.141.141-.141s.141.063.156.141zm4.375 7.078zm-2.938-7.672l.391 3.828-.391 3.703c0 .094-.078.172-.172.172s-.172-.078-.187-.172l-.328-3.703.328-3.828c.016-.109.094-.187.187-.187s.172.078.172.187zm1.469-.11l.359 3.938-.359 3.813c-.016.125-.109.203-.219.203s-.203-.078-.203-.203l-.328-3.813.328-3.938c0-.125.094-.203.203-.203s.203.078.219.203zm1.469.282l.328 3.656-.328 3.844c-.016.141-.125.25-.25.25s-.234-.109-.234-.25l-.313-3.844.313-3.656c0-.125.109-.234.234-.234s.234.109.25.234zm5.984 7.422zm-4.516-9.704l.328 5.938-.328 3.844c0 .156-.125.281-.266.281-.156 0-.266-.125-.281-.281l-.281-3.844.281-5.938c.016-.156.125-.281.281-.281.141 0 .266.125.266.281zm1.469-1.343l.297 7.313-.297 3.813c0 .172-.141.297-.297.297-.172 0-.297-.125-.313-.297l-.25-3.813.25-7.313c.016-.172.141-.297.313-.297.156 0 .297.125.297.297zm1.531-.625l.281 7.906-.281 3.781c-.016.187-.156.328-.344.328-.172 0-.313-.141-.328-.328l-.25-3.781.25-7.906c0-.187.156-.344.328-.344.187 0 .328.156.344.344zm6.125 11.593zM13.766 9.703L14 17.672l-.234 3.734c0 .219-.172.391-.391.391s-.375-.172-.391-.391l-.219-3.734.219-7.969c0-.219.172-.391.391-.391s.391.172.391.391zm1.547.297l.219 7.688-.219 3.687c0 .234-.187.422-.422.422s-.422-.187-.438-.422l-.187-3.687.187-7.688c.016-.25.203-.438.438-.438s.406.187.422.438zm3.312 7.687l-.219 3.609c0 .266-.219.484-.484.484s-.484-.219-.5-.484l-.094-1.781-.094-1.828.187-9.938v-.047c.016-.141.078-.281.187-.375a.499.499 0 0 1 .313-.109c.078 0 .172.031.234.078.141.078.234.234.25.406zM36 17.391c0 2.438-1.984 4.406-4.422 4.406H19.297c-.266-.031-.484-.234-.484-.516V7.234c0-.266.094-.391.438-.516.859-.344 1.828-.531 2.828-.531 4.078 0 7.422 3.125 7.781 7.109.531-.219 1.109-.344 1.719-.344 2.438 0 4.422 1.984 4.422 4.438z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.audio .mediaPopup__feedIcon, .mediaPopup.soundcould .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 28'%3E%3Cpath d='M12.25 21.438l.25-3.766-.25-8.172c-.016-.203-.172-.375-.375-.375-.187 0-.359.172-.359.375l-.219 8.172.219 3.766c.016.203.172.359.359.359.203 0 .359-.156.375-.359zm4.625-.454l.172-3.297-.187-9.156c0-.156-.078-.297-.203-.375-.078-.047-.156-.078-.25-.078s-.172.031-.25.078c-.125.078-.203.219-.203.375l-.016.094-.156 9.047s0 .016.172 3.687v.016c0 .094.031.187.094.266.094.109.219.172.359.172.125 0 .234-.063.313-.141.094-.078.141-.187.141-.313zM.547 15.672l.313 2-.313 1.969c-.016.078-.063.141-.141.141s-.125-.063-.141-.141l-.266-1.969.266-2c.016-.078.063-.141.141-.141s.125.063.141.141zm1.344-1.234l.406 3.234-.406 3.172c-.016.078-.078.141-.156.141s-.141-.063-.141-.156l-.359-3.156.359-3.234c0-.078.063-.141.141-.141s.141.063.156.141zm4.375 7.078zm-2.938-7.672l.391 3.828-.391 3.703c0 .094-.078.172-.172.172s-.172-.078-.187-.172l-.328-3.703.328-3.828c.016-.109.094-.187.187-.187s.172.078.172.187zm1.469-.11l.359 3.938-.359 3.813c-.016.125-.109.203-.219.203s-.203-.078-.203-.203l-.328-3.813.328-3.938c0-.125.094-.203.203-.203s.203.078.219.203zm1.469.282l.328 3.656-.328 3.844c-.016.141-.125.25-.25.25s-.234-.109-.234-.25l-.313-3.844.313-3.656c0-.125.109-.234.234-.234s.234.109.25.234zm5.984 7.422zm-4.516-9.704l.328 5.938-.328 3.844c0 .156-.125.281-.266.281-.156 0-.266-.125-.281-.281l-.281-3.844.281-5.938c.016-.156.125-.281.281-.281.141 0 .266.125.266.281zm1.469-1.343l.297 7.313-.297 3.813c0 .172-.141.297-.297.297-.172 0-.297-.125-.313-.297l-.25-3.813.25-7.313c.016-.172.141-.297.313-.297.156 0 .297.125.297.297zm1.531-.625l.281 7.906-.281 3.781c-.016.187-.156.328-.344.328-.172 0-.313-.141-.328-.328l-.25-3.781.25-7.906c0-.187.156-.344.328-.344.187 0 .328.156.344.344zm6.125 11.593zM13.766 9.703L14 17.672l-.234 3.734c0 .219-.172.391-.391.391s-.375-.172-.391-.391l-.219-3.734.219-7.969c0-.219.172-.391.391-.391s.391.172.391.391zm1.547.297l.219 7.688-.219 3.687c0 .234-.187.422-.422.422s-.422-.187-.438-.422l-.187-3.687.187-7.688c.016-.25.203-.438.438-.438s.406.187.422.438zm3.312 7.687l-.219 3.609c0 .266-.219.484-.484.484s-.484-.219-.5-.484l-.094-1.781-.094-1.828.187-9.938v-.047c.016-.141.078-.281.187-.375a.499.499 0 0 1 .313-.109c.078 0 .172.031.234.078.141.078.234.234.25.406zM36 17.391c0 2.438-1.984 4.406-4.422 4.406H19.297c-.266-.031-.484-.234-.484-.516V7.234c0-.266.094-.391.438-.516.859-.344 1.828-.531 2.828-.531 4.078 0 7.422 3.125 7.781 7.109.531-.219 1.109-.344 1.719-.344 2.438 0 4.422 1.984 4.422 4.438z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.audio .mediaPopup__iframeContainer {
z-index: initial;
}
.mediaPopup.pinterest .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.pinterest .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.pinterest .mediaPopup__feedName {
color: #002341;
}
.mediaPopup.pinterest .mediaPopup__more i {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23fff%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M24 14c0 6.625-5.375 12-12 12-1.188 0-2.312-.172-3.406-.5.453-.719.969-1.641 1.219-2.562 0 0 .141-.531.844-3.297.406.797 1.625 1.5 2.922 1.5 3.859 0 6.484-3.516 6.484-8.234 0-3.547-3.016-6.875-7.609-6.875-5.688 0-8.563 4.094-8.563 7.5 0 2.063.781 3.906 2.453 4.594.266.109.516 0 .594-.313.063-.203.187-.734.25-.953.078-.313.047-.406-.172-.672-.484-.578-.797-1.313-.797-2.359 0-3.031 2.266-5.75 5.906-5.75 3.219 0 5 1.969 5 4.609 0 3.453-1.531 6.375-3.813 6.375-1.25 0-2.188-1.031-1.891-2.312.359-1.516 1.062-3.156 1.062-4.25 0-.984-.531-1.813-1.625-1.813-1.281 0-2.312 1.328-2.312 3.109 0 0 0 1.141.391 1.906-1.313 5.563-1.547 6.531-1.547 6.531-.219.906-.234 1.922-.203 2.766C2.953 23.141 0 18.922 0 14 0 7.375 5.375 2 12 2s12 5.375 12 12z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.pinterest .mediaPopup__feedIcon {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23002341%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M24 14c0 6.625-5.375 12-12 12-1.188 0-2.312-.172-3.406-.5.453-.719.969-1.641 1.219-2.562 0 0 .141-.531.844-3.297.406.797 1.625 1.5 2.922 1.5 3.859 0 6.484-3.516 6.484-8.234 0-3.547-3.016-6.875-7.609-6.875-5.688 0-8.563 4.094-8.563 7.5 0 2.063.781 3.906 2.453 4.594.266.109.516 0 .594-.313.063-.203.187-.734.25-.953.078-.313.047-.406-.172-.672-.484-.578-.797-1.313-.797-2.359 0-3.031 2.266-5.75 5.906-5.75 3.219 0 5 1.969 5 4.609 0 3.453-1.531 6.375-3.813 6.375-1.25 0-2.188-1.031-1.891-2.312.359-1.516 1.062-3.156 1.062-4.25 0-.984-.531-1.813-1.625-1.813-1.281 0-2.312 1.328-2.312 3.109 0 0 0 1.141.391 1.906-1.313 5.563-1.547 6.531-1.547 6.531-.219.906-.234 1.922-.203 2.766C2.953 23.141 0 18.922 0 14 0 7.375 5.375 2 12 2s12 5.375 12 12z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center center;
}
.mediaPopup.isMpStaff .mediaPopup__more {
display: none;
}
.mediaPopup.isMpStaff .mediaPopup__feedInfo {
display: none;
}
.mediaPopup.isMpStaff .mediaPopup__featuredPost > .mediaPopup__url {
display: none;
}
.mediaPopup.isMpStaff .mediaPopup__postTitle {
margin-bottom: 0;
}
.mediaPopup.isMpStaff .isStaffRole {
color: #adadad;
margin-top: 0;
}
.homepage .mediaPopup.isMpStaff .isStaffRole {
display: none;
}
.mediaPopup.shareIsOpened a {
pointer-events: none;
}
.mediaPopup .mediaPopup__inner.isShowing {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mediaPopup .mediaPopup__inner.isShowing.noAnimation {
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
}
@media (max-width: 850px) {
.mediaPopup .mediaPopup__content {
max-width: 100%;
}
}
@media (max-width: 767px) {
.mediaPopup .mediaPopup__featuredPost {
padding: 20px 0 20px 0;
}
.mediaPopup .mediaPopup__desc {
padding: 0 20px;
}
.mediaPopup .mediaPopup__singleImage {
margin-left: 20px;
margin-bottom: 12px;
}
.mediaPopup .mediaPopup__related {
padding: 16px 10px 20px 10px;
}
}
@media (max-width: 650px) {
.mediaPopup .mediaPopup__col:nth-of-type(odd) {
padding-right: 0;
max-width: 330px;
width: 100%;
display: block;
margin: 0 auto;
}
.mediaPopup .mediaPopup__col:nth-of-type(even) {
display: none;
}
.mediaPopup .mediaPopup__categories {
overflow: visible;
}
}
@media (max-width: 500px) {
.mediaPopup .mediaPopup__featuredPost {
padding: 0 0 20px 0;
}
.mediaPopup .mediaPopup__singleImage {
width: 100%;
margin-left: 0;
margin-bottom: 15px;
}
.mediaPopup .mediaPopup__singleImage.isPortrait {
width: 100%;
}
.mediaPopup .mediaPopup__related header {
max-width: 360px;
margin: 0 auto;
}
.mediaPopup .mediaPopup__relatedContainer .mtStoryItem {
display: block;
width: 100%;
max-width: 360px;
margin: 0 auto;
padding: 0 0 10px 0;
}
}
.ds-LG_ADM {
background-image: url("/Images/Sprites/LG/ADM/wSprite.png?cb=638762645814540000");
background-color: transparent;
background-repeat: no-repeat;
}
.dsb-LG_ADM:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-email-btn:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown:before, .adm-async-form-two .adm-results-slide-out .close-adm-results:before, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input.error:before, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:before, .sendAdmEmailTo .aef-sendButton:before {
background-image: url("/Images/Sprites/LG/ADM/wSprite.png?cb=638762645814540000");
background-color: transparent;
background-repeat: no-repeat;
}
.dsa-LG_ADM:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-email-btn:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown:after, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:after {
background-image: url("/Images/Sprites/LG/ADM/wSprite.png?cb=638762645814540000");
background-color: transparent;
background-repeat: no-repeat;
}
.ds-LG_ADM_adm-email-hover {
width: 21px;
height: 21px;
background-position: -1px -1px;
}
.dsb-LG_ADM_adm-email-hover:before {
display: inline-block;
content: "";
width: 21px;
height: 21px;
background-position: -1px -1px;
}
.dsa-LG_ADM_adm-email-hover:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-email-btn:after {
display: inline-block;
content: "";
width: 21px;
height: 21px;
background-position: -1px -1px;
}
.ds-LG_ADM_adm-email {
width: 21px;
height: 21px;
background-position: -24px -1px;
}
.dsb-LG_ADM_adm-email:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-email-btn:before {
display: inline-block;
content: "";
width: 21px;
height: 21px;
background-position: -24px -1px;
}
.dsa-LG_ADM_adm-email:after {
display: inline-block;
content: "";
width: 21px;
height: 21px;
background-position: -24px -1px;
}
.ds-LG_ADM_adm-print-hover {
width: 21px;
height: 21px;
background-position: -1px -24px;
}
.dsb-LG_ADM_adm-print-hover:before {
display: inline-block;
content: "";
width: 21px;
height: 21px;
background-position: -1px -24px;
}
.dsa-LG_ADM_adm-print-hover:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn:after {
display: inline-block;
content: "";
width: 21px;
height: 21px;
background-position: -1px -24px;
}
.ds-LG_ADM_adm-print {
width: 21px;
height: 21px;
background-position: -24px -24px;
}
.dsb-LG_ADM_adm-print:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn:before {
display: inline-block;
content: "";
width: 21px;
height: 21px;
background-position: -24px -24px;
}
.dsa-LG_ADM_adm-print:after {
display: inline-block;
content: "";
width: 21px;
height: 21px;
background-position: -24px -24px;
}
.ds-LG_ADM_adm-arrow-error {
width: 14px;
height: 15px;
background-position: -47px -1px;
}
.dsb-LG_ADM_adm-arrow-error:before, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input.error:before {
display: inline-block;
content: "";
width: 14px;
height: 15px;
background-position: -47px -1px;
}
.dsa-LG_ADM_adm-arrow-error:after {
display: inline-block;
content: "";
width: 14px;
height: 15px;
background-position: -47px -1px;
}
.ds-LG_ADM_adm-arrow-reverse {
width: 14px;
height: 15px;
background-position: -47px -18px;
}
.dsb-LG_ADM_adm-arrow-reverse:before {
display: inline-block;
content: "";
width: 14px;
height: 15px;
background-position: -47px -18px;
}
.dsa-LG_ADM_adm-arrow-reverse:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown:after, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:after {
display: inline-block;
content: "";
width: 14px;
height: 15px;
background-position: -47px -18px;
}
.ds-LG_ADM_adm-arrow {
width: 14px;
height: 15px;
background-position: -63px -1px;
}
.dsb-LG_ADM_adm-arrow:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown:before, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:before {
display: inline-block;
content: "";
width: 14px;
height: 15px;
background-position: -63px -1px;
}
.dsa-LG_ADM_adm-arrow:after {
display: inline-block;
content: "";
width: 14px;
height: 15px;
background-position: -63px -1px;
}
.ds-LG_ADM_tick-white {
width: 16px;
height: 13px;
background-position: -1px -47px;
}
.dsb-LG_ADM_tick-white:before, .sendAdmEmailTo .aef-sendButton:before {
display: inline-block;
content: "";
width: 16px;
height: 13px;
background-position: -1px -47px;
}
.dsa-LG_ADM_tick-white:after {
display: inline-block;
content: "";
width: 16px;
height: 13px;
background-position: -1px -47px;
}
.ds-LG_ADM_adm-close {
width: 13px;
height: 13px;
background-position: -63px -18px;
}
.dsb-LG_ADM_adm-close:before, .adm-async-form-two .adm-results-slide-out .close-adm-results:before {
display: inline-block;
content: "";
width: 13px;
height: 13px;
background-position: -63px -18px;
}
.dsa-LG_ADM_adm-close:after {
display: inline-block;
content: "";
width: 13px;
height: 13px;
background-position: -63px -18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min--moz-device-pixel-ratio: 1.1), only screen and (-o-min-device-pixel-ratio: 1.1/1), only screen and (min-device-pixel-ratio: 1.1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (-o-min-device-pixel-ratio: 11/10), only screen and (min-resolution: 1.1dppx) {
.ds-LG_ADM {
background-image: url("/Images/Sprites/LG/ADM/wSprite2.png?cb=638762645814540000");
background-color: transparent;
background-repeat: no-repeat;
-moz-background-size: 78px 61px;
-o-background-size: 78px 61px;
background-size: 78px 61px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min--moz-device-pixel-ratio: 1.1), only screen and (-o-min-device-pixel-ratio: 1.1/1), only screen and (min-device-pixel-ratio: 1.1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (-o-min-device-pixel-ratio: 11/10), only screen and (min-resolution: 1.1dppx) {
.dsb-LG_ADM:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-email-btn:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn:before, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown:before, .adm-async-form-two .adm-results-slide-out .close-adm-results:before, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input.error:before, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:before, .sendAdmEmailTo .aef-sendButton:before {
background-image: url("/Images/Sprites/LG/ADM/wSprite2.png?cb=638762645814540000");
background-color: transparent;
background-repeat: no-repeat;
-moz-background-size: 78px 61px;
-o-background-size: 78px 61px;
background-size: 78px 61px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min--moz-device-pixel-ratio: 1.1), only screen and (-o-min-device-pixel-ratio: 1.1/1), only screen and (min-device-pixel-ratio: 1.1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (-o-min-device-pixel-ratio: 11/10), only screen and (min-resolution: 1.1dppx) {
.dsa-LG_ADM:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-email-btn:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn:after, .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown:after, .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:after {
background-image: url("/Images/Sprites/LG/ADM/wSprite2.png?cb=638762645814540000");
background-color: transparent;
background-repeat: no-repeat;
-moz-background-size: 78px 61px;
-o-background-size: 78px 61px;
background-size: 78px 61px;
}
}
/*@import '_Common.scss';*/
/*$C2:#f4f7f8;
$C1:#082a59;
$C7:#e1e3e4;
$C8:#8eb9e6;
$C7:#c6c6c6;*/
option[value=""][disabled] {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container.only-one-element .adm-results-headers .adm-result-entry.active {
background: #002341 !important;
color: #FFFFFF !important;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container.only-one-element .adm-mobile-dropddown {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container.only-one-element .adm-result-panel.showFirst {
display: block;
border-top: 0;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container.only-one-element .adm-results-headers {
background: #EDF5F7 !important;
}
.adm-email-window {
display: none;
}
.sendAdmEmailToDivider {
background: #EDF5F7;
height: 2px;
margin-bottom: 20px;
margin-top: 17px;
}
.sendAdmEmailTo {
position: relative;
margin-bottom: 40px;
border: 2px solid #002341;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
height: 42px;
/*font-family:$admissionsFont;*/
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.sendAdmEmailTo.error {
border-color: #ad1515;
}
.sendAdmEmailTo.error .aef-sendButton {
background: #ad1515;
}
.sendAdmEmailTo.error input {
color: #ad1515;
}
.sendAdmEmailTo.success {
border-color: #0e8f1a;
}
.sendAdmEmailTo.success input {
color: #0e8f1a;
}
.sendAdmEmailTo.success .aef-sendButton {
color: #0e8f1a;
background: #0e8f1a;
}
.sendAdmEmailTo.success .aef-sendButton:before {
opacity: 1;
}
html.no-touch .sendAdmEmailTo.success .aef-sendButton:hover {
color: #002341;
background: #002341;
}
.sendAdmEmailTo input {
width: 100%;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
position: relative;
z-index: 1;
display: block;
height: 38px;
outline: 0;
border: 0;
background: none;
color: #818181;
font-size: 15px;
line-height: 40px;
padding-left: 22px;
padding-right: 60px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-weight: bold;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
}
.sendAdmEmailTo .aef-sendButton {
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
color: #fff;
font-weight: bold;
font-size: 15px;
line-height: 41px;
cursor: pointer;
position: absolute;
top: -2px;
right: -2px;
z-index: 2;
background: #002341;
height: 42px;
width: 42px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
text-align: center;
text-transform: uppercase;
}
html.no-touch .sendAdmEmailTo .aef-sendButton:hover {
background: #002341;
}
.sendAdmEmailTo .aef-sendButton:before {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
margin-top: -7px;
margin-left: -8px;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.admissions-functionality-wrapper {
/*font-family:$admissionsFont;*/
position: relative;
z-index: 2;
background: #FFFFFF;
/*border-top-right-radius: 50px;*/
margin: 40px 0;
padding: 40px;
}
.admissions-functionality-wrapper .adm-form-one {
position: relative;
z-index: 1;
}
.admissions-functionality-wrapper .adm-form-one .admissions-func-title {
font-size: 25px;
line-height: 25px;
color: #002341;
margin-bottom: 15px;
font-weight: bold;
}
.admissions-functionality-wrapper .adm-form-one .admissions-func-details {
font-size: 14px;
line-height: 22px;
font-weight: bold;
color: #002341;
margin-bottom: 15px;
}
.admissions-functionality-wrapper .adm-form-one .admissions-func-intro {
font-weight: bold;
border-top: 1px solid #EDF5F7;
color: #7D8F9E;
font-size: 16px;
line-height: 16px;
padding-top: 20px;
margin-bottom: 15px;
}
.admissions-functionality-wrapper .adm-form-one .admissions-func-intro.error {
color: red;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input-btn-wrapper {
float: left;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input {
cursor: pointer;
position: relative;
z-index: 1;
margin-right: 18px;
float: left;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 18px;
width: 116px;
height: 50px;
border: 2px solid #7D8F9E;
background: #FFFFFF;
font-weight: bold;
font-size: 15px;
line-height: 48px;
text-transform: uppercase;
color: #002341;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input.opened {
background: #EDF5F7;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input.opened:before {
opacity: 0;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input.opened:after {
opacity: 1;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input.error {
color: red;
border-color: red;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:before {
position: absolute;
top: 50%;
margin-top: -7px;
right: 15px;
z-index: 2;
opacity: 1;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:after {
position: absolute;
top: 50%;
margin-top: -7px;
right: 15px;
z-index: 2;
opacity: 0;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
html.no-touch .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:hover {
background: #EDF5F7;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input .input-options {
border-bottom: 2px solid #7D8F9E;
position: absolute;
top: 48px;
left: -2px;
max-height: 250px;
overflow: hidden;
overflow-y: auto;
z-index: 2;
text-align: center;
width: 116px;
height: auto;
display: none;
}
html.touch .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input .input-options {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input .input-options .adm-select {
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
letter-spacing: 1px;
cursor: pointer;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
height: 50px;
border-left: 2px solid #7D8F9E;
border-right: 2px solid #7D8F9E;
background: #FFFFFF;
color: #002341;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input .input-options .adm-select:nth-child(even) {
background: #EDF5F7;
}
html.no-touch .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input .input-options .adm-select:hover {
background: #002341;
color: #fff;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-submit {
border: 2px solid #002341;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
background: #002341;
/*border-top-right-radius: 15px;*/
width: 50px;
height: 50px;
text-align: center;
cursor: pointer;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
font-weight: bold;
font-size: 15px;
line-height: 48px;
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: 1px;
}
html.no-touch .admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-submit:hover {
color: #FFFFFF;
background: #7D8F9E;
border: 2px solid #7D8F9E;
}
/* slide out panel */
.adm-async-form-two {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 99999;
display: none;
/*font-family:$admissionsFont;*/
}
.adm-async-form-two .adm-form-two-bg {
background: #002341;
opacity: 0.8;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.adm-async-form-two .adm-results-slide-out {
width: 768px;
position: absolute;
top: 0;
right: -100%;
height: 100%;
background: #fff;
z-index: 2;
padding: 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-shadow: -4px 0 4px 3px rgba(3, 3, 3, 0.2);
-moz-box-shadow: -4px 0 4px 3px rgba(3, 3, 3, 0.2);
box-shadow: -4px 0 4px 3px rgba(3, 3, 3, 0.2);
overflow: hidden;
overflow-y: auto;
}
html.touch .adm-async-form-two .adm-results-slide-out {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.adm-async-form-two .adm-results-slide-out .adm-results-title {
letter-spacing: 1px;
font-size: 25px;
line-height: 26px;
color: #002341;
margin-bottom: 7px;
font-weight: bold;
margin-right: 70px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-details {
font-size: 15px;
line-height: 16px;
color: #002341;
margin-bottom: 40px;
margin-right: 70px;
}
.adm-async-form-two .adm-results-slide-out .close-adm-results {
cursor: pointer;
position: absolute;
top: 40px;
right: 40px;
width: 34px;
height: 34px;
border: 2px solid #002341;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
}
.adm-async-form-two .adm-results-slide-out .close-adm-results:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -6px;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
html.no-touch .adm-async-form-two .adm-results-slide-out .close-adm-results:hover:before {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.adm-async-form-two .adm-results-slide-out .adm-results-container {
border: 2px solid #002341;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown-native {
display: none;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
z-index: 2;
height: 46px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown-native select {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
width: 100%;
height: 100%;
border: 0 !important;
outline: 0 !important;
font-size: 15px;
line-height: 46px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #002341;
display: block;
padding: 0 10px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown {
display: none;
z-index: 2;
cursor: pointer;
color: #002341;
font-size: 15px;
line-height: 46px;
height: 46px;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown .dd-down-lbl {
padding: 0 45px 0 20px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown .dd-down-lbl > span {
font-weight: bold;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown:before {
opacity: 1;
position: absolute;
top: 15px;
right: 18px;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown:after {
opacity: 0;
position: absolute;
top: 15px;
right: 18px;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown.opened:before {
opacity: 0;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown.opened:after {
opacity: 1;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown .adm-mobile-dd-area {
margin: 0 -2px;
display: none;
border-left: 2px solid #7D8F9E;
border-right: 2px solid #7D8F9E;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown .adm-mobile-dd-area .adm-result-entry {
padding: 10px 20px;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
cursor: pointer;
background: #fff;
height: auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #002341;
font-size: 13px;
line-height: 36px;
border-bottom: 2px solid #7D8F9E;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown .adm-mobile-dd-area .adm-result-entry span {
font-size: 15px;
font-weight: bold;
}
html.no-touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown .adm-mobile-dd-area .adm-result-entry:hover {
background: #7D8F9E;
color: #FFFFFF;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown .adm-mobile-dd-area .adm-result-entry.active {
background: #FFFFFF !important;
color: #002341 !important;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers {
display: table;
width: 100%;
height: 68px;
text-align: center;
background: #EDF5F7;
}
html.touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers.changeBgLeft {
background: white;
background: -moz-linear-gradient(left, white 0%, white 54%, #edf5f7 56%);
background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(54%, white), color-stop(56%, #edf5f7));
background: -webkit-linear-gradient(left, white 0%, white 54%, #edf5f7 56%);
background: -o-linear-gradient(left, white 0%, white 54%, #edf5f7 56%);
background: -ms-linear-gradient(left, white 0%, white 54%, #edf5f7 56%);
background: -webkit-gradient(linear, left top, right top, from(white), color-stop(54%, white), color-stop(56%, #edf5f7));
background: linear-gradient(to right, white 0%, white 54%, #edf5f7 56%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$white, endColorstr=$B_AdmissionsTab, GradientType=1 );
}
html.touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers.changeBgRight {
background: #edf5f7;
background: -moz-linear-gradient(left, #edf5f7 0%, #edf5f7 53%, #c7dcf3 54%, white 55%);
background: -webkit-gradient(left top, right top, color-stop(0%, #edf5f7), color-stop(53%, #edf5f7), color-stop(54%, #c7dcf3), color-stop(55%, white));
background: -webkit-linear-gradient(left, #edf5f7 0%, #edf5f7 53%, #c7dcf3 54%, white 55%);
background: -o-linear-gradient(left, #edf5f7 0%, #edf5f7 53%, #c7dcf3 54%, white 55%);
background: -ms-linear-gradient(left, #edf5f7 0%, #edf5f7 53%, #c7dcf3 54%, white 55%);
background: -webkit-gradient(linear, left top, right top, from(#edf5f7), color-stop(53%, #edf5f7), color-stop(54%, #c7dcf3), color-stop(55%, white));
background: linear-gradient(to right, #edf5f7 0%, #edf5f7 53%, #c7dcf3 54%, white 55%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$B_AdmissionsTab, endColorstr=$white, GradientType=1 );
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers .adm-result-entry {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
cursor: pointer;
background: #EDF5F7;
display: table-cell;
height: 68px;
vertical-align: middle;
border-right: 1px solid rgba(8, 42, 89, 0.2);
color: #002341;
font-size: 13px;
line-height: 16px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers .adm-result-entry span {
font-size: 15px;
display: block;
margin-top: 2px;
font-weight: bold;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers .adm-result-entry:last-child {
border-right: 0;
}
html.no-touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers .adm-result-entry:hover {
background: #7D8F9E;
color: #FFFFFF;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers .adm-result-entry.active {
background: #FFFFFF !important;
color: #002341 !important;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel {
position: relative;
padding: 40px 40px 0 100px;
display: none;
z-index: 1;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel .adm-result-entry {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel.showFirst {
display: block;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel .adm-result-entry-date {
color: #002341;
font-size: 25px;
line-height: 30px;
margin-bottom: 24px;
font-weight: bold;
letter-spacing: 1px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel .adm-result-entry-date span {
display: block;
color: #7D8F9E;
margin-top: 3px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol {
margin: 0;
padding: 0;
counter-reset: li;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step {
padding: 17px 0 0 0;
border-top: 2px solid #EDF5F7;
margin-bottom: 17px;
position: relative;
list-style: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step:after {
position: absolute;
top: 40px;
left: -50px;
z-index: 1;
height: 100%;
width: 2px;
background: #002341;
display: block;
content: "";
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step:before {
position: absolute;
top: 10px;
left: -70px;
width: 40px;
height: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background: #002341;
z-index: 2;
color: #FFFFFF;
content: counter(li);
counter-increment: li;
text-align: center;
font-size: 17px;
line-height: 40px;
font-weight: bold;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step .adm-step-title {
color: #002341;
font-size: 22px;
line-height: 23px;
margin-bottom: 7px;
text-transform: capitalize;
font-weight: bold;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step .adm-step-text {
color: #002341;
font-size: 15px;
line-height: 22px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step:last-child {
margin-bottom: 0;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step:last-child:after {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns {
padding: 20px 0 0 0;
position: relative;
border-top: 2px solid #002341;
margin: 17px 0 40px 0;
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a {
position: relative;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
float: left;
margin-right: 10px;
padding: 12px 0;
width: 150px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
border: 2px solid #002341;
text-align: center;
font-size: 15px;
line-height: 15px;
font-weight: bold;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a:link {
color: #002341;
text-decoration: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a:visited {
color: #002341;
text-decoration: none;
}
html.no-touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a:hover {
color: #7D8F9E;
text-decoration: none;
}
html.no-touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a:hover:before {
opacity: 0;
}
html.no-touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a:hover:after {
opacity: 1;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a:active {
color: #002341;
text-decoration: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a span {
position: relative;
display: inline-block;
vertical-align: middle;
padding-left: 29px;
}
html.touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn:before {
position: absolute;
top: 10px;
left: 12px;
opacity: 1;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-print-btn:after {
position: absolute;
top: 10px;
left: 12px;
opacity: 0;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-email-btn:before {
position: absolute;
top: 10px;
left: 12px;
opacity: 1;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns a.adm-email-btn:after {
position: absolute;
top: 10px;
left: 12px;
opacity: 0;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
.mobile-select {
display: none;
cursor: pointer;
position: relative;
z-index: 1;
margin-right: 3%;
width: 30%;
float: left;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 18px;
height: 50px;
border: 2px solid #7D8F9E;
background: #FFFFFF;
font-weight: bold;
font-size: 15px;
line-height: 48px;
text-transform: uppercase;
color: #002341;
}
html.touch .mobile-select {
border: 0;
}
.mobile-select.opened {
background: #EDF5F7;
}
.mobile-select.error {
color: red;
border-color: red;
/*@extend .dsb-LG_ADM; @extend .dsb-LG_ADM_adm-arrow-error; */
}
html.no-touch .mobile-select:hover {
background: #EDF5F7;
}
.mobile-select select {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
border: 0 !important;
outline: 0 !important;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 10px;
}
@media screen and (max-width: 1023px) {
.admissions-functionality-wrapper {
padding: 27px 20px 30px 20px;
}
.adm-async-form-two .adm-results-slide-out {
width: 100%;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input {
margin-right: 10px;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input {
width: 104px;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input .input-options {
width: 104px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns .adm-print-btn {
display: none;
}
}
@media screen and (max-width: 767px) {
.sendAdmEmailToDivider {
display: none;
}
.sendAdmEmailTo input {
padding-right: 46px;
}
.sendAdmEmailTo {
margin-top: 20px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown-native {
display: block;
}
.admissions-functionality-wrapper .adm-form-one .admissions-func-title {
line-height: 32px;
margin-bottom: 12px;
}
.admissions-functionality-wrapper {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
padding: 27px 20px 30px 20px;
margin-left: -20px;
margin-right: -20px;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input-btn-wrapper {
width: 90%;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input {
width: 31%;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel .adm-result-entry-date span {
display: inline;
}
.adm-async-form-two .adm-results-slide-out .close-adm-results {
top: 20px;
right: 20px;
}
.adm-async-form-two .adm-results-slide-out {
width: 100%;
padding: 20px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel .adm-result-entry-date {
font-size: 19px;
line-height: 23px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step .adm-step-title {
font-size: 20px;
line-height: 21px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step:last-child {
padding-bottom: 17px;
border-bottom: 2px solid #EDF5F7;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel {
padding: 20px 30px 30px 30px;
border-top: 2px solid #002341;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step:before {
left: -46px;
width: 30px;
height: 30px;
font-size: 14px;
line-height: 30px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel ol li.adm-step:after {
left: -32px;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns {
border-top: 0;
margin-bottom: 0;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown .adm-mobile-dd-area .adm-result-entry:first-child {
border-top: 2px solid #002341;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input .input-options {
width: 100%;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input {
display: none !important;
}
.mobile-select {
display: block;
}
html.touch .adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel {
border-top: 0;
border-left: 2px solid #002341;
border-right: 2px solid #002341;
border-bottom: 2px solid #002341;
}
html.touch .adm-async-form-two .adm-results-slide-out .adm-results-container {
border: 0;
}
}
@media screen and (max-width: 580px) {
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input {
width: 29%;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input-btn-wrapper {
width: 85%;
}
}
@media screen and (max-width: 450px) {
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input-btn-wrapper {
float: none;
width: auto;
margin-bottom: 20px;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input {
margin-right: 1%;
width: 32%;
font-size: 12px;
padding-left: 10px;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:last-child {
margin-right: 0;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-submit {
width: 96%;
float: none;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:before {
right: 8px;
}
.admissions-functionality-wrapper .adm-form-one .admissions-input-area .adm-input:after {
right: 8px;
}
}
@media print {
body.page-has-admissions > div:not(.adm-async-form-two) {
display: none;
}
.adm-async-form-two {
position: relative;
height: auto;
}
.adm-async-form-two .adm-form-two-bg {
display: none;
}
.adm-async-form-two .adm-results-slide-out {
position: relative;
height: auto;
width: auto;
padding: 0;
overflow: visible;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-title {
display: none;
}
.adm-async-form-two .adm-results-slide-out .close-adm-results {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container {
border: 0;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-headers {
display: none;
height: 0;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel {
padding: 0;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel .adm-result-entry {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-result-panel .adm-result-entry-date {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-results-btns {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-details {
display: none;
}
.adm-async-form-two .adm-results-slide-out .adm-results-container .adm-mobile-dropddown-native {
display: none;
}
}
.portal-icon {
text-align: center;
margin: 30px 20px;
/*@media (max-width:1200px) {
> div {
padding:7px !important;
a {
&.hasImage {
img {
width:170px !important;
height:129px !important;
}
}
}
span {
width: 170px !important;
}
}
}
@media (max-width: 400px) {
> div {
a {
&.hasImage {
img {
width: 151px !important;
height: 115px !important;
}
+ span {
width: 150px !important;
}
}
}
}
}*/
}
@media all and (min-width: 768px) {
.portal-icon {
margin-left: auto;
margin-right: auto;
width: 694px;
}
}
@media all and (min-width: 992px) {
.portal-icon {
width: 694px;
}
}
@media all and (min-width: 1601px) {
.portal-icon {
width: 1190px;
}
}
.portal-icon > div {
display: inline-block;
padding: 10px;
vertical-align: middle;
}
.portal-icon > div a {
display: block;
width: 160px;
height: 160px;
}
.portal-icon > div a.hasImage {
position: relative;
background: #000f3e;
}
.portal-icon > div a.hasImage img {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
width: auto;
height: 100%;
display: block;
position: relative;
margin: 30px 0;
}
html.no-touch .portal-icon > div a.hasImage:hover img {
opacity: 0.8;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.portal-icon > div a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 15, 62, 0);
z-index: 1;
pointer-events: none;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.portal-icon > div span {
width: 170px;
height: 20px;
display: block;
text-align: center;
}