*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #admin-menu, #admin-menu .dropdown { z-index: 1000000; } img, video { max-width: 100%; height: auto; } .clearfix:after, .view-clone-of-all-staff:after, .view-clone-of-all-staff .popup-content .view-sidebar:after, .fancybox-wrap .view-sidebar:after, .information-block .information-block-sidebar:after, .page-project-layout .information-block-sidebar:after, .project-list:after, .header:after, .content .page-content:after, .footer:after, .information-block:after, .page-project-layout:after, .page-project-layout .information-block-sidebar .view-project-page-tags:after, .back-press-button:after, .fancybox-outer .popup-content:after, .tags-filter:after { content: ""; display: table; clear: both; } /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ /*! normalize.css v2.1.0 | HTML5 Display Definitions | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /*! normalize.css v2.1.0 | Base | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } /*! normalize.css v2.1.0 | Links | MIT License | git.io/normalize */ a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } /*! normalize.css v2.1.0 | Typography | MIT License | git.io/normalize */ h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /*! normalize.css v2.1.0 | Embedded Content | MIT License | git.io/normalize */ img { border: 0; } svg:not(:root) { overflow: hidden; } /*! normalize.css v2.1.0 | Figures | MIT License | git.io/normalize */ figure { margin: 0; } /*! normalize.css v2.1.0 | Forms | MIT License | git.io/normalize */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } /*! normalize.css v2.1.0 | Tables | MIT License | git.io/normalize */ table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'ocr_b_stdregular'; src: url("fonts/ocrbstd-webfont.eot"); src: url("fonts/ocrbstd-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ocrbstd-webfont.woff") format("woff"), url("fonts/ocrbstd-webfont.ttf") format("truetype"), url("fonts/ocrbstd-webfont.svg#ocr_b_stdregular") format("svg"); font-weight: normal; font-style: normal; } body, html { width: 100%; height: 100%; margin: 0; padding: 0; } .contacts .pane-content p, .social-links__list { padding: 0; margin: 0; } .fancybox-wrap .view-sidebar ul, .information-block .information-block-sidebar ul, .page-project-layout .information-block-sidebar ul, .fancybox-wrap .view-sidebar li, .information-block .information-block-sidebar li, .page-project-layout .information-block-sidebar li, .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li, .topmenu .menu, .topmenu .menu li, .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list, .social-links__list li, .tags-filter .shuffle-filters-list, .tags-filter .shuffle-filters-list li { padding: 0; margin: 0; background-image: none; list-style: none; } .view-clone-of-all-staff .view-content, .topmenu .menu { font-size: 1px; line-height: 0; text-align: justify; text-justify: newspaper; } .view-clone-of-all-staff .view-content:after, .topmenu .menu:after { display: inline-block; height: 0; overflow: hidden; width: 100%; content: " "; visibility: hidden; } .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { font-size: 12px; font-size: 1.2rem; line-height: 1.75; display: block; height: 21px; padding-top: 5px; overflow: hidden; font-weight: bold; text-decoration: none; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { font-size: 14px; font-size: 1.4rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { font-size: 16px; font-size: 1.6rem; line-height: 1.35; } } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { height: 28px; padding: 5px 4.17% 0; } } @media (min-width: 1440px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { height: 31px; padding-top: 10px; } } @media (min-width: 1824px) { .view-clone-of-all-staff .item-title, .project-list .views-row .views-field-title a { height: 35px; padding-top: 14px; } } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff { width: auto; margin: 0 -4.17%; } .view-clone-of-all-staff .view-main { display: none; } } .view-clone-of-all-staff .item-image img { width: 100%; box-shadow: white 0em 0em 0em; } .view-clone-of-all-staff .popup-content { margin: 30px 0; line-height: 1.25; } .view-clone-of-all-staff .popup-content.hidden { display: none; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content { margin: 0; position: relative; } } .view-clone-of-all-staff .views-row { width: 31.6%; display: inline-block; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .views-row { width: 100%; display: block; margin: 0 0 18px; } } @media (min-width: 481px) and (max-width: 768px) { .view-clone-of-all-staff .views-row { width: 48.2%; margin: 0 0 16px; } } @media (min-width: 768px) { .view-clone-of-all-staff .views-row { margin: 0 0 16px; } } @media (min-width: 1024px) { .view-clone-of-all-staff .views-row { margin: 0 0 16px; } } @media (min-width: 1224px) { .view-clone-of-all-staff .views-row { margin: 0 0 14px; } } @media (min-width: 1440px) { .view-clone-of-all-staff .views-row { margin: 0 0 22px; } } @media (min-width: 1824px) { .view-clone-of-all-staff .views-row { margin: 0 0 32px; } } .view-clone-of-all-staff .views-row:hover .item-title { color: #6dbeb9; cursor: pointer; } .view-clone-of-all-staff .views-row .hidden.item-title, .view-clone-of-all-staff .views-row .hidden.popup-content { display: none; } .view-clone-of-all-staff .views-row.empty-item { margin: 0; } .view-clone-of-all-staff .inlinepopup { text-decoration: none; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .item-title { line-height: 1.5 !important; } } .view-clone-of-all-staff .popup-content .view-main, .fancybox-wrap .view-main, .information-block .information-block-main, .page-project-layout .information-block-main { width: 65.8%; margin-right: 2.6%; float: left; letter-spacing: 0.067em; } @media (max-width: 768px) { .view-clone-of-all-staff .popup-content .view-main, .fancybox-wrap .view-main, .information-block .information-block-main, .page-project-layout .information-block-main { width: 100%; float: none; margin: 0 0 20px; } } @media (min-width: 481px) and (max-width: 768px) { .view-clone-of-all-staff .popup-content .view-main, .fancybox-wrap .view-main, .information-block .information-block-main, .page-project-layout .information-block-main { width: 100%; float: none; margin: 0 0 20px; } } .view-clone-of-all-staff .popup-content .view-sidebar, .fancybox-wrap .view-sidebar, .information-block .information-block-sidebar, .page-project-layout .information-block-sidebar { width: 31.6%; float: right; } .view-clone-of-all-staff .popup-content .view-sidebar a, .fancybox-wrap .view-sidebar a, .information-block .information-block-sidebar a, .page-project-layout .information-block-sidebar a { color: #6a6866; text-decoration: none; } .view-clone-of-all-staff .popup-content .view-sidebar a:hover, .fancybox-wrap .view-sidebar a:hover, .information-block .information-block-sidebar a:hover, .page-project-layout .information-block-sidebar a:hover { color: #6dbeb9; text-decoration: none; } .view-clone-of-all-staff .popup-content .view-sidebar span.publications, .fancybox-wrap .view-sidebar span.publications, .information-block .information-block-sidebar span.publications, .page-project-layout .information-block-sidebar span.publications, .view-clone-of-all-staff .popup-content .view-sidebar span.awards, .fancybox-wrap .view-sidebar span.awards, .information-block .information-block-sidebar span.awards, .page-project-layout .information-block-sidebar span.awards { font-style: italic; } @media (max-width: 768px) { .view-clone-of-all-staff .popup-content .view-sidebar, .fancybox-wrap .view-sidebar, .information-block .information-block-sidebar, .page-project-layout .information-block-sidebar { width: 100%; float: none; margin: 0 0 20px 0; } } @media (min-width: 481px) and (max-width: 768px) { .view-clone-of-all-staff .popup-content .view-sidebar, .fancybox-wrap .view-sidebar, .information-block .information-block-sidebar, .page-project-layout .information-block-sidebar { width: 100%; float: none; margin: 0 0 20px 0; } } .view-clone-of-all-staff .popup-content, .fancybox-wrap { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content, .fancybox-wrap { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content, .fancybox-wrap { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content, .fancybox-wrap { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content, .fancybox-wrap { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content, .fancybox-wrap { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content, .fancybox-wrap { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content, .fancybox-wrap { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li { font-size: 14px; font-size: 1.4rem; line-height: 1.75; display: inline; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content ul, .fancybox-wrap ul, .view-clone-of-all-staff .popup-content li, .fancybox-wrap li { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .view-clone-of-all-staff .popup-content p, .fancybox-wrap p { padding: 0; } .view-clone-of-all-staff .popup-content a, .fancybox-wrap a { color: #6a6866; text-decoration: none; } .view-clone-of-all-staff .popup-content a:hover, .fancybox-wrap a:hover { color: #6dbeb9; text-decoration: none; } .view-clone-of-all-staff .popup-content .field-content, .fancybox-wrap .field-content { font-size: 13px; font-size: 1.3rem; line-height: 1.75; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .field-content, .fancybox-wrap .field-content { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .field-content, .fancybox-wrap .field-content { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .field-content, .fancybox-wrap .field-content { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .field-content, .fancybox-wrap .field-content { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .field-content, .fancybox-wrap .field-content { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .field-content, .fancybox-wrap .field-content { font-size: 16px; font-size: 1.6rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .field-content, .fancybox-wrap .field-content { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } .view-clone-of-all-staff .popup-content .content, .fancybox-wrap .content { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .content, .fancybox-wrap .content { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .content, .fancybox-wrap .content { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .content, .fancybox-wrap .content { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .content, .fancybox-wrap .content { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .content, .fancybox-wrap .content { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .content, .fancybox-wrap .content { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .content, .fancybox-wrap .content { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 0; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; line-height: 1.75; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 13px; font-size: 1.3rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 16px; font-size: 1.6rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 16px; font-size: 1.6rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-label, .fancybox-wrap .views-label, .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } .view-clone-of-all-staff .popup-content .field-name-field-degree-title, .fancybox-wrap .field-name-field-degree-title { text-transform: none; } @media (max-width: 768px) { .view-clone-of-all-staff .popup-content .view-main, .fancybox-wrap .view-main { padding-right: 4.17%; } } .view-clone-of-all-staff .popup-content .view-sidebar, .fancybox-wrap .view-sidebar { padding-right: 20px; } @media (max-width: 768px) { .view-clone-of-all-staff .popup-content .view-sidebar, .fancybox-wrap .view-sidebar { padding-left: 4.17%; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .view-sidebar, .fancybox-wrap .view-sidebar { padding-right: 35px; } } .view-clone-of-all-staff .popup-content .views-field, .fancybox-wrap .views-field { padding-top: 3%; overflow-x: hidden; text-overflow: ellipsis; } .view-clone-of-all-staff .popup-content .views-field.views-field-field-photo, .fancybox-wrap .views-field.views-field-field-photo { padding-top: 0; overflow: visible; } .view-clone-of-all-staff .popup-content .views-field.views-field-field-photo img, .fancybox-wrap .views-field.views-field-field-photo img { width: 100%; vertical-align: bottom; } .view-clone-of-all-staff .popup-content .views-field.views-field-field-position, .fancybox-wrap .views-field.views-field-field-position { display: inline-block; } .view-clone-of-all-staff .popup-content .field-collection-item-field-degree .field-label, .fancybox-wrap .field-collection-item-field-degree .field-label { display: none; } .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { font-size: 40px; font-size: 4rem; line-height: 1.75; margin: 0; padding: 3% 0 0; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1 !important; text-align: left; text-transform: uppercase; padding: 0; line-height: 1.1 !important; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { font-size: 30px; font-size: 3rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { font-size: 50px; font-size: 5rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { font-size: 56px; font-size: 5.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { font-size: 58px; font-size: 5.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { font-size: 80px; font-size: 8rem; line-height: 1.35; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { letter-spacing: -2px; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { letter-spacing: -4px; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { letter-spacing: -4px; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { letter-spacing: -6px; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { letter-spacing: -6px; } } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-left: -4px; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-left: -4px; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-left: -6px; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-left: -6px; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-left: -7px; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-left: -7px; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-left: -10px; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-top: -1.5%; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-top: -1.1%; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-top: -1%; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-top: -1%; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-top: -2%; } } @media (max-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-title, .fancybox-wrap .views-field-title { margin-top: 0; } } .view-clone-of-all-staff .popup-content .views-field-field-degree, .fancybox-wrap .views-field-field-degree { padding-top: 2.5%; } .view-clone-of-all-staff .popup-content .views-field-field-degree .field-name-field-degree-university, .fancybox-wrap .views-field-field-degree .field-name-field-degree-university { font-size: 13px; font-size: 1.3rem; line-height: 1.75; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-field-field-degree .field-name-field-degree-university, .fancybox-wrap .views-field-field-degree .field-name-field-degree-university { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-field-field-degree .field-name-field-degree-university, .fancybox-wrap .views-field-field-degree .field-name-field-degree-university { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-field-degree .field-name-field-degree-university, .fancybox-wrap .views-field-field-degree .field-name-field-degree-university { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-field-degree .field-name-field-degree-university, .fancybox-wrap .views-field-field-degree .field-name-field-degree-university { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-field-degree .field-name-field-degree-university, .fancybox-wrap .views-field-field-degree .field-name-field-degree-university { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-field-degree .field-name-field-degree-university, .fancybox-wrap .views-field-field-degree .field-name-field-degree-university { font-size: 16px; font-size: 1.6rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-field-degree .field-name-field-degree-university, .fancybox-wrap .views-field-field-degree .field-name-field-degree-university { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 0 0 1.1%; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-field-position, .fancybox-wrap .views-field-field-position { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .view-clone-of-all-staff .popup-content .views-field-body, .fancybox-wrap .views-field-body { font-size: 14px; font-size: 1.4rem; line-height: 1.75; padding-top: 0; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-field-body, .fancybox-wrap .views-field-body { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-field-body, .fancybox-wrap .views-field-body { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-body, .fancybox-wrap .views-field-body { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-body, .fancybox-wrap .views-field-body { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-body, .fancybox-wrap .views-field-body { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-body, .fancybox-wrap .views-field-body { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-body, .fancybox-wrap .views-field-body { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; line-height: 1.75; margin: 0; padding-top: 2.5%; } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 768px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 13px; font-size: 1.3rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-clone-of-all-staff .popup-content .views-field-field-email, .fancybox-wrap .views-field-field-email { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } @media (min-width: 0) and (max-width: 480px) { .view-clone-of-all-staff .popup-content .staff-info, .fancybox-wrap .staff-info { padding: 30px 4.17%; background: white; } .view-clone-of-all-staff .popup-content .staff-info .views-field-title, .fancybox-wrap .staff-info .views-field-title { line-height: 1; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-position, .fancybox-wrap .staff-info .views-field-field-position { line-height: 1; } .view-clone-of-all-staff .popup-content .staff-info .views-field-body, .fancybox-wrap .staff-info .views-field-body { padding-top: 10px; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-birthplace .views-label, .fancybox-wrap .staff-info .views-field-field-birthplace .views-label { line-height: 1.1; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-birthplace .field-content, .fancybox-wrap .staff-info .views-field-field-birthplace .field-content { line-height: 1.1; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-degree, .fancybox-wrap .staff-info .views-field-field-degree { padding-top: 15px; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-degree .field-name-field-degree-title .field-item, .fancybox-wrap .staff-info .views-field-field-degree .field-name-field-degree-title .field-item { line-height: 1.4; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-degree .field-name-field-degree-university .field-item, .fancybox-wrap .staff-info .views-field-field-degree .field-name-field-degree-university .field-item { line-height: 1.4; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-licensure, .fancybox-wrap .staff-info .views-field-field-licensure { padding-top: 14px; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-licensure .views-label, .fancybox-wrap .staff-info .views-field-field-licensure .views-label { line-height: 1.1; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-licensure .field-content, .fancybox-wrap .staff-info .views-field-field-licensure .field-content { line-height: 1.1; } .view-clone-of-all-staff .popup-content .staff-info .views-field-field-email, .fancybox-wrap .staff-info .views-field-field-email { padding-top: 14px; } } .project-list { position: relative; } .project-list .shuffle-sizer { width: 31.6%; float: left; margin-left: 2.6%; position: absolute; opacity: 0; visibility: hidden; } @media (min-width: 0) and (max-width: 480px) { .project-list .shuffle-sizer { width: 100%; margin-left: 0; } } @media (min-width: 481px) and (max-width: 768px) { .project-list .shuffle-sizer { width: 48.2%; margin-left: 3.6%; } } .project-list .views-row { width: 31.6%; float: left; } @media (min-width: 0) and (max-width: 480px) { .project-list .views-row { width: 100%; display: block; margin: 0 0 18px; } } @media (min-width: 481px) and (max-width: 768px) { .project-list .views-row { width: 48.2%; margin: 0 0 16px; } } @media (min-width: 768px) { .project-list .views-row { margin: 0 0 16px; } } @media (min-width: 1024px) { .project-list .views-row { margin: 0 0 16px; } } @media (min-width: 1224px) { .project-list .views-row { margin: 0 0 14px; } } @media (min-width: 1440px) { .project-list .views-row { margin: 0 0 22px; } } @media (min-width: 1824px) { .project-list .views-row { margin: 0 0 32px; } } @media (min-width: 0) and (max-width: 480px) { .project-list .views-row .views-field-field-main-image { overflow: hidden; } } .project-list .views-row .views-field-field-main-image a { display: block; outline: none; } .project-list .views-row .views-field-field-main-image .field-content { position: relative; } .front .project-list .views-row .views-field-field-main-image .field-content, .page-projects .project-list .views-row .views-field-field-main-image .field-content { height: 0; width: 100%; padding-bottom: 56.3%; overflow: hidden; } .project-list .views-row .views-field-field-main-image .field-content img { position: absolute; top: 0; left: 0; } .project-list .views-row .views-field-field-main-image .field-content .gag { position: static; } .project-list .views-row .views-field-field-main-image img { display: block; width: 100%; height: auto; margin: auto; } .project-list .views-row .views-field-field-main-image:hover + .views-field-title a { color: #6dbeb9; } @media (min-width: 0) and (max-width: 480px) { .project-list { margin: 0 -4.17%; } } .no-touch .project-list .views-row img, .no-touch .view-clone-of-all-staff .views-row img { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .no-touch .project-list .views-row:hover img, .no-touch .view-clone-of-all-staff .views-row:hover img { zoom: 1; filter: alpha(opacity=60); opacity: .6; } body, html { background-color: white; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 62.5%; line-height: 1.25; text-align: left; -webkit-font-smoothing: antialiased; } h1 { font-size: 40px; font-size: 4rem; line-height: 1.75; margin: 0; padding: 3% 0 0; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1 !important; text-align: left; text-transform: uppercase; } @media (min-width: 0) and (max-width: 480px) { h1 { font-size: 30px; font-size: 3rem; line-height: 1.75; } } @media (min-width: 481px) { h1 { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 768px) { h1 { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 1024px) { h1 { font-size: 50px; font-size: 5rem; line-height: 1.5; } } @media (min-width: 1224px) { h1 { font-size: 56px; font-size: 5.6rem; line-height: 1.5; } } @media (min-width: 1440px) { h1 { font-size: 58px; font-size: 5.8rem; line-height: 1.4; } } @media (min-width: 1824px) { h1 { font-size: 80px; font-size: 8rem; line-height: 1.35; } } @media (min-width: 768px) { h1 { letter-spacing: -2px; } } @media (min-width: 1024px) { h1 { letter-spacing: -4px; } } @media (min-width: 1224px) { h1 { letter-spacing: -4px; } } @media (min-width: 1440px) { h1 { letter-spacing: -6px; } } @media (min-width: 1824px) { h1 { letter-spacing: -6px; } } h2 { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; } @media (min-width: 0) and (max-width: 480px) { h2 { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { h2 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { h2 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { h2 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { h2 { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { h2 { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { h2 { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } h3 { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; } @media (min-width: 0) and (max-width: 480px) { h3 { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { h3 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { h3 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { h3 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { h3 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { h3 { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } h4 { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 0; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; } @media (min-width: 0) and (max-width: 480px) { h4 { font-size: 13px; font-size: 1.3rem; line-height: 1.75; } } @media (min-width: 481px) { h4 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { h4 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { h4 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { h4 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { h4 { font-size: 16px; font-size: 1.6rem; line-height: 1.4; } } @media (min-width: 1824px) { h4 { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } h5 { font-size: 28px; font-size: 2.8rem; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: none; } h6 { font-size: 26px; font-size: 2.6rem; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: none; } p { margin: 0; padding: 0 0 30px; } hr { border: none; border-top: 1px solid #ccc; display: block; height: 1px; width: 100%; margin: 0; padding: 0 0 30px; } code { border: 1px solid #ddd; padding: 0 4px 1px; background-color: #f2f2f2; color: #c33; } pre { border: 1px dashed #aaa; margin: 0; padding: 5px; background: #eee; color: #c33; line-height: 20px; } /*** quotes ***/ blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 20px 0; padding: 0 12px; color: #666; font-style: italic; } blockquote *:first-child:before { content: "\201C"; } blockquote *:last-child:after { content: "\201D"; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } /*** tables ***/ .content table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 16px 0; } .content table th { font-size: 18px; font-size: 1.8rem; border-color: #cccccc; border-style: solid; border-width: 1px; padding: 12px 15px; background-color: #e4e4e4; color: #585858; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: center; } .content table th:first-child { font-size: 18px; font-size: 1.8rem; border-color: #cccccc; border-style: solid; border-width: 1px; padding: 12px 15px; background-color: #e4e4e4; color: #585858; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; } .content table td { font-size: 16px; font-size: 1.6rem; border-color: #e4e4e4; border-style: solid; border-width: 1px; padding: 12px 15px; background-color: transparent; color: #585858; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; line-height: 1.25; text-align: center; } .content table td:first-child { font-size: 16px; font-size: 1.6rem; border-color: #e4e4e4; border-style: solid; border-width: 1px; padding: 12px 15px; background-color: transparent; color: #585858; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; line-height: 1.25; text-align: left; } /*** lists ***/ .content ol, .content ul { margin: 0; padding: 0 0 0 25px; } .content ul li { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 7px 0; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; line-height: 1.25; list-style: disc; background: none; } @media (min-width: 0) and (max-width: 480px) { .content ul li { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .content ul li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .content ul li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .content ul li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1224px) { .content ul li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .content ul li { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .content ul li { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .content ol li { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 7px 0; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; line-height: 1.25; list-style: decimal; background: none; } @media (min-width: 0) and (max-width: 480px) { .content ol li { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .content ol li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .content ol li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .content ol li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1224px) { .content ol li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .content ol li { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .content ol li { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } /*** dt,dl,dd ***/ dl { margin: 0; padding: 0; } dt { font-size: 16px; font-size: 1.6rem; margin: 0; padding: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; } dd { font-size: 16px; font-size: 1.6rem; margin: 0 0 0 40px; padding: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; line-height: 1.25; } /*** links ***/ a { color: #6a6866; text-decoration: underline; outline: 0; } a:hover { color: #6dbeb9; text-decoration: none; outline: 0; } a:active, a:focus { outline: 0; } .icons-sprite, .icons-mobile-menu, .icons-play-icon-hov, .icons-play-icon, .icons-tag-close-icon { background: url('../images/icons-scc9410db87.png') no-repeat; } .icons-mobile-menu { background-position: 0 -206px; } .icons-play-icon-hov { background-position: 0 0; } .icons-play-icon { background-position: 0 -99px; } .icons-tag-close-icon { background-position: 0 -198px; } .icons2x-sprite, .icons2x-mobile-menu, .icons2x-play-icon-hov, .icons2x-play-icon, .icons2x-tag-close-icon { background: url('../images/icons2x-s620ac1ca5c.png') no-repeat; } .icons2x-mobile-menu { background-position: 0 -412px; } .icons2x-play-icon-hov { background-position: 0 0; } .icons2x-play-icon { background-position: 0 -198px; } .icons2x-tag-close-icon { background-position: 0 -396px; } .wrapper-width { padding: 0 5%; min-width: 320px; } @media (min-width: 0) and (max-width: 480px) { .wrapper-width { width: 100%; padding: 0 4.17%; } } @media (min-width: 481px) { .wrapper-width { width: 100%; margin: auto; } } @media (min-width: 1824px) { .wrapper-width { width: 1640px; padding: 0; margin: auto; } } body { -webkit-overflow-scrolling: touch; } .page-layout { font-size: 14px; font-size: 1.4rem; line-height: 1.75; min-height: 100%; position: relative; } @media (min-width: 0) and (max-width: 480px) { .page-layout { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .page-layout { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .page-layout { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .page-layout { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1224px) { .page-layout { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .page-layout { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .page-layout { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .page-layout:after { content: ""; display: block; } @media (min-width: 0) and (max-width: 480px) { .page-layout { margin-bottom: -90px; } .page-layout:after { height: 90px; } } @media (min-width: 481px) { .page-layout { margin-bottom: -140px; } .page-layout:after { height: 140px; } } @media (min-width: 768px) { .page-layout { margin-bottom: -120px; } .page-layout:after { height: 120px; } } @media (min-width: 1224px) { .page-layout { margin-bottom: -150px; } .page-layout:after { height: 150px; } } @media (min-width: 1440px) { .page-layout { margin-bottom: -150px; } .page-layout:after { height: 150px; } } @media (min-width: 1824px) { .page-layout { margin-bottom: -175px; } .page-layout:after { height: 175px; } } /*** header ***/ .header { height: 55px; overflow: hidden; } .sticky-header .header { width: 100%; background-color: #fff; } .sticky-header .header .pane-page-header { max-width: 1640px; margin: 0 auto; } .front.sticky-header .header { position: relative; top: 0; z-index: auto; } .header .pane-page-logo { width: 300px; } .header .pane-page-logo a { display: block; } .header .pane-page-logo a img { display: block; width: 100%; height: auto; } @media (min-width: 0) and (max-width: 480px) { .header { height: 55px; margin: 0 auto; padding-top: 18px; overflow: visible; position: relative; top: 0; background-color: #fff; } .sticky-header .header { position: relative; z-index: auto; } .header .pane-page-logo { width: 133%; max-width: 300px; } } @media (min-width: 481px) and (max-width: 768px) { .header { height: 68px; margin: 0 auto; padding-top: 24px; overflow: visible; position: relative; top: 0; background-color: #fff; } .sticky-header .header { position: relative; z-index: auto; } .header .pane-page-logo { width: 120%; max-width: 300px; } } @media (min-width: 769px) { .header { height: 68px; padding-top: 24px; } .menu-to-bottom .header { margin-bottom: 1px; } .header .pane-page-logo { width: 120%; max-width: 300px; } } @media (min-width: 1024px) { .header { height: 68px; padding-top: 23px; } .header .pane-page-logo { max-width: 316px; } } @media (min-width: 1224px) { .header { height: 68px; padding-top: 22px; } .header .pane-page-logo { max-width: 378px; } } @media (min-width: 1440px) { .header { height: 80px; padding-top: 25px; } .header .pane-page-logo { max-width: 445px; } } @media (min-width: 1824px) { .header { height: 100px; padding-top: 31px; } .header .pane-page-logo { max-width: 566px; } } .header .panel-2col .panel-col-first { width: 68.4%; } .header .panel-2col .panel-col-last { width: 31.6%; } .header .panel-2col .panel-col-last .inside { margin-left: 0; } @media (min-width: 0) and (max-width: 480px) { body { padding-top: 55px; } body.front { padding-top: 55px; } } @media (min-width: 481px) and (max-width: 768px) { body { padding-top: 68px; } body.front { padding-top: 68px; } } @media (min-width: 769px) { body { padding-top: 68px; } body.front { padding-top: 0; } } @media (min-width: 1440px) { body { padding-top: 80px; } } @media (min-width: 1824px) { body { padding-top: 100px; } } @media (min-width: 481px) { .menu-to-bottom .content-preheader { width: 100%; position: fixed; top: 0; z-index: 0; -webkit-backface-visibility: hidden; } } .page-layout { background-color: #fff; z-index: 1010; } .front.sticky-header .tags-filter { margin-top: 15px; } @media (min-width: 0) and (max-width: 768px) { .front .tags-filter { margin-top: 15px; } } .front.sticky-header .content-preheader { position: relative !important; } .front.sticky-header .page-layout { top: 0 !important; } /*** content ***/ .content { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } @media (min-width: 0) and (max-width: 480px) { .content { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .content { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .content { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .content { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1224px) { .content { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .content { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .content { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } @media (min-width: 1024px) and (max-width: 1824px) { .content .page-content { min-height: 360px; } } /*** footer ***/ .footer { padding-bottom: 20px; position: absolute; bottom: 0; left: 0; right: 0; } @media (min-width: 0) and (max-width: 480px) { .footer { padding-bottom: 24px; line-height: 1.2; } } @media (min-width: 481px) { .footer { padding-bottom: 20px; } } @media (min-width: 481px) and (max-width: 768px) { .footer { font-size: 1.3rem; line-height: 1.25; } } @media (min-width: 1024px) { .footer { padding-bottom: 40px; } } @media (min-width: 1224px) { .footer { padding-bottom: 50px; } } @media (min-width: 1440px) { .footer { padding-bottom: 50px; } } @media (min-width: 1824px) { .footer { padding-bottom: 75px; } } .topmenu .menu li { display: inline-block; } .topmenu .menu li a { font-size: 16px; font-size: 1.6rem; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; } .topmenu .menu li a:hover, .topmenu .menu li a.active { color: #6dbeb9; text-decoration: none; } @media (min-width: 0) and (max-width: 480px) { .topmenu { background: url("../images/icons/mobile-menu.png") right 0 no-repeat transparent; background-size: 25px 16px; } } @media (min-width: 0) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 0) and (max-width: 480px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 0) and (max-width: 480px) and (min-device-pixel-ratio: 2) { .topmenu { background-image: url("../images/icons2x/mobile-menu.png"); background-size: 25px auto; } } @media (min-width: 0) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 0) and (max-width: 480px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 0) and (max-width: 480px) and (min-device-pixel-ratio: 2) { .topmenu { background-position: right 1px; } } @media (min-width: 481px) and (max-width: 768px) { .topmenu { background: url("../images/icons/mobile-menu.png") right 0 no-repeat transparent; } } @media (min-width: 481px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 481px) and (max-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 481px) and (max-width: 768px) and (min-device-pixel-ratio: 2) { .topmenu { background-image: url("../images/icons2x/mobile-menu.png"); background-size: 31px auto; } } @media (min-width: 0) and (max-width: 768px) { .topmenu { float: right; height: 30px; width: 41px; z-index: 1000; cursor: pointer; } .topmenu.contextual-links-region { position: inherit; } .topmenu .menu { -webkit-transition: top 0.7s; -moz-transition: top 0.7s; -ms-transition: top 0.7s; -o-transition: top 0.7s; transition: top 0.7s; width: 100%; border-bottom: 1px solid #cccccc; position: absolute; top: -140px; left: 0; z-index: -1; background-color: white; } .topmenu .menu:after { display: none; } .topmenu .menu li { border-top: 1px solid #f2f0f3; display: block; margin: 0; padding: 0; line-height: 44px; } .topmenu .menu li:last-child { border-bottom: 1px solid #f2f0f3; } .topmenu .menu.menu-open { top: 55px; } .topmenu .menu a { font-size: 16px; font-size: 1.6rem; border-top: 1px solid #cccccc; display: block; padding-left: 5%; } } @media (min-width: 769px) { .topmenu { float: right; width: 100%; } .topmenu .menu li { line-height: 21px; } .topmenu .menu li a { font-size: 14px; font-size: 1.4rem; display: inline-block; height: 21px; line-height: 21px; } } @media (min-width: 1024px) { .topmenu { float: right; width: 100%; } .topmenu .menu li { line-height: 21px; } .topmenu .menu li a { font-size: 16px; font-size: 1.6rem; } } @media (min-width: 1224px) { .topmenu .menu li { height: 25px; } .topmenu .menu li a { font-size: 18px; font-size: 1.8rem; line-height: 25px; } } @media (min-width: 1440px) { .topmenu .menu li { height: 30px; } .topmenu .menu li a { font-size: 19px; font-size: 1.9rem; line-height: 30px; } } @media (min-width: 1824px) { .topmenu .menu li { height: 38px; } .topmenu .menu li a { font-size: 22px; font-size: 2.2rem; line-height: 38px; } } .header-wrapper { width: 100%; position: fixed; top: 0; z-index: 100; background-color: #fff; -webkit-backface-visibility: hidden; } .front .header-wrapper { position: static; z-index: 9999; } .front .lundberg-section-content { position: relative; z-index: 999; background: white; } .front.sticky-header .header-wrapper { position: fixed; -webkit-backface-visibility: hidden; } @media (min-width: 0) and (max-width: 768px) { .front .header-wrapper { position: fixed; -webkit-backface-visibility: hidden; } section { position: relative; z-index: 1; } } @media (min-width: 0) and (max-width: 480px) { body { padding-top: 55px; } body .topmenu .menu li a { padding-left: 4.17%; } } @media (min-width: 481px) and (max-width: 768px) { body { padding-top: 68px; } body .topmenu .menu.menu-open { top: 68px; } } .landscape { padding-top: 0; } .landscape.front { padding-top: 0; } .landscape .content-preheader { z-index: 9999; } .landscape .header-wrapper { position: relative; } .contacts .pane-content { font-size: 14px; font-size: 1.4rem; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -.1em; } .contacts .pane-content .phones a { display: inline-block; } .contacts .pane-content b { color: #6dbeb9; font-weight: normal; } .contacts .pane-content a { color: #6a6866; text-decoration: none; } .contacts .pane-content a:hover { color: #6dbeb9; text-decoration: none; } @media (min-width: 0) and (max-width: 480px) { .contacts .pane-content { font-size: 12px; font-size: 1.2rem; letter-spacing: -.1em; } .contacts .pane-content a, .contacts .pane-content span { display: block; } .contacts .pane-content .phones a { display: inline-block; } } @media (min-width: 481px) { .contacts .pane-content { font-size: 14px; font-size: 1.4rem; letter-spacing: -.1em; } .contacts .pane-content a, .contacts .pane-content span { display: block; } .contacts .pane-content .phones a { display: inline-block; } } @media (min-width: 768px) { .contacts .pane-content { font-size: 14px; font-size: 1.4rem; letter-spacing: -.125em; } .contacts .pane-content a, .contacts .pane-content span { display: block; } .contacts .pane-content .phones a { display: inline-block; } } @media (min-width: 1024px) { .contacts .pane-content { font-size: 14px; font-size: 1.4rem; letter-spacing: -.125em; } .contacts .pane-content a, .contacts .pane-content span { display: inline-block; } } @media (min-width: 1440px) { .contacts .pane-content { font-size: 16px; font-size: 1.6rem; letter-spacing: -.075em; } } @media (min-width: 1824px) { .contacts .pane-content { font-size: 20px; font-size: 2rem; letter-spacing: -.05em; } } .information-block { margin-bottom: 4%; } @media (min-width: 0) and (max-width: 480px) { .information-block { margin-bottom: 0; } .information-block p { padding-bottom: 20px; } } .information-block .information-block-sidebar .sidebar-title { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; margin: 0 0 15px; display: block; } @media (min-width: 0) and (max-width: 480px) { .information-block .information-block-sidebar .sidebar-title { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .information-block .information-block-sidebar .sidebar-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .information-block .information-block-sidebar .sidebar-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .information-block .information-block-sidebar .sidebar-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .information-block .information-block-sidebar .sidebar-title { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .information-block .information-block-sidebar .sidebar-title { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .information-block .information-block-sidebar .sidebar-title { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } @media (min-width: 0) and (max-width: 480px) { .information-block .information-block-sidebar .sidebar-title { margin-bottom: 0; } } .information-block .information-block-sidebar .views-field { margin-bottom: 3%; padding-top: 3%; border-top: 1px #d3d1d4 solid; } .information-block .information-block-sidebar .views-field:first-child { padding-top: 0; margin-bottom: 3%; border: none; } .information-block .information-block-title .view-content { margin-bottom: 0; } .information-block .information-block-title .field-content { font-size: 40px; font-size: 4rem; line-height: 1.75; margin: 0; padding: 3% 0 0; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1 !important; text-align: left; text-transform: uppercase; padding: 4% 0 2%; } @media (min-width: 0) and (max-width: 480px) { .information-block .information-block-title .field-content { font-size: 30px; font-size: 3rem; line-height: 1.75; } } @media (min-width: 481px) { .information-block .information-block-title .field-content { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 768px) { .information-block .information-block-title .field-content { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 1024px) { .information-block .information-block-title .field-content { font-size: 50px; font-size: 5rem; line-height: 1.5; } } @media (min-width: 1224px) { .information-block .information-block-title .field-content { font-size: 56px; font-size: 5.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .information-block .information-block-title .field-content { font-size: 58px; font-size: 5.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .information-block .information-block-title .field-content { font-size: 80px; font-size: 8rem; line-height: 1.35; } } @media (min-width: 768px) { .information-block .information-block-title .field-content { letter-spacing: -2px; } } @media (min-width: 1024px) { .information-block .information-block-title .field-content { letter-spacing: -4px; } } @media (min-width: 1224px) { .information-block .information-block-title .field-content { letter-spacing: -4px; } } @media (min-width: 1440px) { .information-block .information-block-title .field-content { letter-spacing: -6px; } } @media (min-width: 1824px) { .information-block .information-block-title .field-content { letter-spacing: -6px; } } @media (min-width: 0) and (max-width: 480px) { .information-block .information-block-title .field-content { margin-left: -4px; } } @media (min-width: 481px) { .information-block .information-block-title .field-content { margin-left: -4px; } } @media (min-width: 768px) { .information-block .information-block-title .field-content { margin-left: -6px; } } @media (min-width: 1024px) { .information-block .information-block-title .field-content { margin-left: -6px; } } @media (min-width: 1224px) { .information-block .information-block-title .field-content { margin-left: -7px; } } @media (min-width: 1440px) { .information-block .information-block-title .field-content { margin-left: -7px; } } @media (min-width: 1824px) { .information-block .information-block-title .field-content { margin-left: -10px; } } .information-block a { text-decoration: none; } .information-block a:hover { text-decoration: underline; } .panel-pane.press-list .pane-title { font-size: 40px; font-size: 4rem; line-height: 1.75; margin: 0; padding: 3% 0 0; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1 !important; text-align: left; text-transform: uppercase; padding: 4% 0 2%; } @media (min-width: 0) and (max-width: 480px) { .panel-pane.press-list .pane-title { font-size: 30px; font-size: 3rem; line-height: 1.75; } } @media (min-width: 481px) { .panel-pane.press-list .pane-title { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 768px) { .panel-pane.press-list .pane-title { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 1024px) { .panel-pane.press-list .pane-title { font-size: 50px; font-size: 5rem; line-height: 1.5; } } @media (min-width: 1224px) { .panel-pane.press-list .pane-title { font-size: 56px; font-size: 5.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .panel-pane.press-list .pane-title { font-size: 58px; font-size: 5.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .panel-pane.press-list .pane-title { font-size: 80px; font-size: 8rem; line-height: 1.35; } } @media (min-width: 768px) { .panel-pane.press-list .pane-title { letter-spacing: -2px; } } @media (min-width: 1024px) { .panel-pane.press-list .pane-title { letter-spacing: -4px; } } @media (min-width: 1224px) { .panel-pane.press-list .pane-title { letter-spacing: -4px; } } @media (min-width: 1440px) { .panel-pane.press-list .pane-title { letter-spacing: -6px; } } @media (min-width: 1824px) { .panel-pane.press-list .pane-title { letter-spacing: -6px; } } @media (min-width: 0) and (max-width: 480px) { .panel-pane.press-list .pane-title { margin-left: -4px; } } @media (min-width: 481px) { .panel-pane.press-list .pane-title { margin-left: -4px; } } @media (min-width: 768px) { .panel-pane.press-list .pane-title { margin-left: -6px; } } @media (min-width: 1024px) { .panel-pane.press-list .pane-title { margin-left: -6px; } } @media (min-width: 1224px) { .panel-pane.press-list .pane-title { margin-left: -7px; } } @media (min-width: 1440px) { .panel-pane.press-list .pane-title { margin-left: -7px; } } @media (min-width: 1824px) { .panel-pane.press-list .pane-title { margin-left: -10px; } } .view-all-press-page .view-content > h3 { font-size: 40px; font-size: 4rem; line-height: 1.75; margin: 0; padding: 3% 0 0; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1 !important; text-align: left; text-transform: uppercase; color: #c5c6c8; float: left; margin: 0; padding: 0; width: 18%; } @media (min-width: 0) and (max-width: 480px) { .view-all-press-page .view-content > h3 { font-size: 30px; font-size: 3rem; line-height: 1.75; } } @media (min-width: 481px) { .view-all-press-page .view-content > h3 { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 768px) { .view-all-press-page .view-content > h3 { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-all-press-page .view-content > h3 { font-size: 50px; font-size: 5rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-all-press-page .view-content > h3 { font-size: 56px; font-size: 5.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-all-press-page .view-content > h3 { font-size: 58px; font-size: 5.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-all-press-page .view-content > h3 { font-size: 80px; font-size: 8rem; line-height: 1.35; } } @media (min-width: 768px) { .view-all-press-page .view-content > h3 { letter-spacing: -2px; } } @media (min-width: 1024px) { .view-all-press-page .view-content > h3 { letter-spacing: -4px; } } @media (min-width: 1224px) { .view-all-press-page .view-content > h3 { letter-spacing: -4px; } } @media (min-width: 1440px) { .view-all-press-page .view-content > h3 { letter-spacing: -6px; } } @media (min-width: 1824px) { .view-all-press-page .view-content > h3 { letter-spacing: -6px; } } @media (min-width: 0) and (max-width: 480px) { .view-all-press-page .view-content > h3 { margin-left: -4px; } } @media (min-width: 481px) { .view-all-press-page .view-content > h3 { margin-left: -4px; } } @media (min-width: 768px) { .view-all-press-page .view-content > h3 { margin-left: -6px; } } @media (min-width: 1024px) { .view-all-press-page .view-content > h3 { margin-left: -6px; } } @media (min-width: 1224px) { .view-all-press-page .view-content > h3 { margin-left: -7px; } } @media (min-width: 1440px) { .view-all-press-page .view-content > h3 { margin-left: -7px; } } @media (min-width: 1824px) { .view-all-press-page .view-content > h3 { margin-left: -10px; } } @media (min-width: 0) and (min-width: 0) and (max-width: 480px) { .view-all-press-page .view-content > h3 { line-height: 1.2 !important; } } @media (min-width: 0) and (max-width: 480px) and (min-width: 768px) { .view-all-press-page .view-content > h3 { line-height: 1.1 !important; } } .view-all-press-page .views-row { float: none; padding-left: 10rem; width: 100%; line-height: 1.3; } .view-all-press-page .views-row > div { padding-left: 20px; } .view-all-press-page .views-row > div.award { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPg0KIDxnPg0KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+DQogIDxyZWN0IGZpbGw9IiNmZmYiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2IiB5PSItMSIgeD0iLTEiLz4NCiAgPGcgZGlzcGxheT0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIGlkPSJjYW52YXNHcmlkIj4NCiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiLz4NCiAgPC9nPg0KIDwvZz4NCiA8Zz4NCiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPg0KICA8cGF0aCBpZD0ic3ZnXzIiIGQ9Im02LjkzOTQ4NSwxMC44MzM0MzdsLTUuNjY5NjM2LDQuMDEzMTgzbDIuMTY0Nzc3LC02LjQ5MjYzMWwtNS42Njk0OTIsLTQuMDE3MjU0bDcuMDA5MzUxLDBsMS44NjExMDgsLTUuNTgxNDg0bDAuMzAzODkyLC0wLjkwNzM3NGwyLjE2NTE5Miw2LjQ4ODg1OWw3LjAwMTQ1MSwwbC01LjY2OTc2OCw0LjAxNzI1NGwyLjE3MjkyNyw2LjQ5NjQzbC01LjY2OTgwMSwtNC4wMTY5ODJsMCwweiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0iIzZkYmViOSIvPg0KIDwvZz4NCjwvc3ZnPg=='); background-repeat: no-repeat; background-position: 0 3px; } @media (min-width: 0) and (max-width: 768px) { .view-all-press-page .views-row > div.award { background-position: 0 2px; } } @media (min-width: 1024px) { .view-all-press-page .views-row > div.award { background-position: 0 3px; } } @media (min-width: 1224px) { .view-all-press-page .views-row > div.award { background-position: 0 3px; } } @media (min-width: 1440px) { .view-all-press-page .views-row > div.award { background-position: 0 4px; } } @media (min-width: 1824px) { .view-all-press-page .views-row > div.award { background-position: 0 7px; } } .view-all-press-page .views-row.views-row-last { border-bottom: 1px solid #cccccc; width: 100%; padding-bottom: 1.3rem; margin-bottom: 1.8rem; } .view-all-press-page .views-row.views-row-last:after { content: ''; display: table; clear: both; width: 100%; } .view-all-press-page .views-row.views-row-last:last-child { border-bottom: none; } @media (min-width: 0) and (max-width: 480px) { .view-all-press-page .views-row { padding-left: 10rem; } } @media (min-width: 481px) and (max-width: 768px) { .view-all-press-page .views-row { padding-left: 16rem; } } @media (min-width: 768px) { .view-all-press-page .views-row { padding-left: 18.4%; } } .view-all-press-page .press-item { display: inline-block; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 3%; line-height: 0.8; } .view-all-press-page .press-item.link:hover a, .view-all-press-page .press-item.link:hover a h4, .view-all-press-page .press-item.link:hover .separator { color: #6dbeb9; } .view-all-press-page .press-item a { text-decoration: none; } .view-all-press-page .press-item .title { display: inline; } .view-all-press-page .press-item .title .field-content { font-style: italic; } .view-all-press-page .press-item .subtitle { display: inline; } .view-all-press-page .press-item .subtitle .field-content { display: inline; } .view-all-press-page .press-item .separator { line-height: 1.1; vertical-align: text-top; } @media (min-width: 768px) { .view-all-press-page .press-item { width: 73.4%; } } .view-all-press-page .project { display: none; vertical-align: top; width: 25%; } .view-all-press-page .project .field-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .view-all-press-page .project a { text-decoration: none; } @media (min-width: 768px) { .view-all-press-page .project { display: inline-block; } } .page-press .fancybox-opened .fancybox-skin, .node-type-project .fancybox-opened .fancybox-skin { overflow: visible; } .page-press .fancybox-prev span, .node-type-project .fancybox-prev span { left: -40px; } .page-press .fancybox-next span, .node-type-project .fancybox-next span { right: -40px; } .page-press .fancybox-close, .node-type-project .fancybox-close { top: 8px; right: 0; background: url("../images/sprite-popup-nav.png") 0px -314px no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .page-press .fancybox-close, .node-type-project .fancybox-close { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } @media (min-width: 1824px) { .page-press .fancybox-close, .node-type-project .fancybox-close { width: 20px; height: 20px; background: url("../images/sprite-popup-nav.png") 0px -295px no-repeat transparent; } } @media (min-width: 1824px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1824px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 1824px) and (min-device-pixel-ratio: 2) { .page-press .fancybox-close, .node-type-project .fancybox-close { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } .page-press .fancybox-inner, .node-type-project .fancybox-inner { box-shadow: 5px 5px 5px #8f8c8b; } .page-press .fancybox-inner img, .node-type-project .fancybox-inner img { vertical-align: bottom; } .page-press .fancybox-inner .large, .node-type-project .fancybox-inner .large { display: none; } .page-press .fancybox-inner .large.az-large, .node-type-project .fancybox-inner .large.az-large { display: block; } .page-press .fancybox-inner, .page-press .fancybox-outer, .page-press .fancybox-skin, .node-type-project .fancybox-inner, .node-type-project .fancybox-outer, .node-type-project .fancybox-skin { background: transparent; } .page-press .az-small-inner, .node-type-project .az-small-inner { display: block; } .page-press .large img, .node-type-project .large img { width: 3276px; height: 2120px; max-width: inherit; } .page-press .large.landscape img, .node-type-project .large.landscape img { width: 3276px; height: 2120px; } .page-press .large.portrait img, .node-type-project .large.portrait img { height: 2798px; width: 2120px; } .page-press .large.square img, .node-type-project .large.square img { width: 3276px; height: 3276px; } .page-press .small img, .node-type-project .small img { width: 100%; height: auto; } .page-press .az-overlay, .node-type-project .az-overlay { background-color: #000; opacity: 0.3; z-index: 10; } .page-press .large, .node-type-project .large { background: #fff; } .page-press .zoom, .node-type-project .zoom { display: block; margin: 0 auto; } .page-press .az-wrap, .page-press .az-small, .page-press .az-large, .node-type-project .az-wrap, .node-type-project .az-small, .node-type-project .az-large { position: relative; } .page-press .az-wrap-inner, .node-type-project .az-wrap-inner { display: block; margin: 0 auto; } .page-press .az-zoom, .node-type-project .az-zoom { border: 1px #333 solid; width: 410px; height: 210px; overflow: hidden; display: none; box-shadow: inset 0 0 4px #000; position: absolute; top: 0; left: 0; z-index: 100; background: #fff; } .page-press .az-windowed, .node-type-project .az-windowed { overflow: hidden; position: absolute; } .page-press .az-expanded, .node-type-project .az-expanded { height: auto; width: auto; position: static; overflow: visible; } .page-press .az-overlay, .node-type-project .az-overlay { opacity: .3; z-index: 10; background-color: #000; } .page-press .az-coords, .node-type-project .az-coords { display: none; } .page-press .az-zoom .az-coords, .node-type-project .az-zoom .az-coords { display: block; position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: #fff; } .project-list #lundberg-scroll-pager { display: block; height: 32px; } .project-list #lundberg-scroll-pager.loading { background: url("../images/loader.gif") 50% 0 no-repeat; background-size: 32px 32px; opacity: .5; } .page-project-layout { margin-bottom: 4%; } @media (min-width: 0) and (max-width: 480px) { .page-project-layout { margin-bottom: 0; } .page-project-layout p { padding-bottom: 20px; } } .page-project-layout .information-block-title .page-title { font-size: 40px; font-size: 4rem; line-height: 1.75; margin: 0; padding: 3% 0 0; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1 !important; text-align: left; text-transform: uppercase; padding-top: 0; padding-bottom: 10px; word-break: break-word; } @media (min-width: 0) and (max-width: 480px) { .page-project-layout .information-block-title .page-title { font-size: 30px; font-size: 3rem; line-height: 1.75; } } @media (min-width: 481px) { .page-project-layout .information-block-title .page-title { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 768px) { .page-project-layout .information-block-title .page-title { font-size: 40px; font-size: 4rem; line-height: 1.5; } } @media (min-width: 1024px) { .page-project-layout .information-block-title .page-title { font-size: 50px; font-size: 5rem; line-height: 1.5; } } @media (min-width: 1224px) { .page-project-layout .information-block-title .page-title { font-size: 56px; font-size: 5.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .page-project-layout .information-block-title .page-title { font-size: 58px; font-size: 5.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .page-project-layout .information-block-title .page-title { font-size: 80px; font-size: 8rem; line-height: 1.35; } } @media (min-width: 768px) { .page-project-layout .information-block-title .page-title { letter-spacing: -2px; } } @media (min-width: 1024px) { .page-project-layout .information-block-title .page-title { letter-spacing: -4px; } } @media (min-width: 1224px) { .page-project-layout .information-block-title .page-title { letter-spacing: -4px; } } @media (min-width: 1440px) { .page-project-layout .information-block-title .page-title { letter-spacing: -6px; } } @media (min-width: 1824px) { .page-project-layout .information-block-title .page-title { letter-spacing: -6px; } } @media (min-width: 0) and (max-width: 480px) { .page-project-layout .information-block-title .page-title { margin-left: -4px; } } @media (min-width: 481px) { .page-project-layout .information-block-title .page-title { margin-left: -4px; } } @media (min-width: 768px) { .page-project-layout .information-block-title .page-title { margin-left: -6px; } } @media (min-width: 1024px) { .page-project-layout .information-block-title .page-title { margin-left: -6px; } } @media (min-width: 1224px) { .page-project-layout .information-block-title .page-title { margin-left: -7px; } } @media (min-width: 1440px) { .page-project-layout .information-block-title .page-title { margin-left: -7px; } } @media (min-width: 1824px) { .page-project-layout .information-block-title .page-title { margin-left: -10px; } } @media (min-width: 768px) { .page-project-layout .information-block-title .page-title { padding-bottom: 17px; } } @media (min-width: 1024px) { .page-project-layout .information-block-title .page-title { padding-bottom: 9px; } } @media (min-width: 1224px) { .page-project-layout .information-block-title .page-title { padding-bottom: 10px; } } @media (min-width: 1824px) { .page-project-layout .information-block-title .page-title { padding-bottom: 9px; } } @media (min-width: 1024px) { .page-project-layout .information-block-sidebar { padding-top: 2px; } } @media (min-width: 1224px) { .page-project-layout .information-block-sidebar { padding-top: 1px; } } @media (min-width: 1440px) { .page-project-layout .information-block-sidebar { padding-top: 0; } } @media (min-width: 1824px) { .page-project-layout .information-block-sidebar { padding-top: 1px; } } .page-project-layout .information-block-sidebar h2.pane-title { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; margin: 0; display: block; } @media (min-width: 0) and (max-width: 480px) { .page-project-layout .information-block-sidebar h2.pane-title { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .page-project-layout .information-block-sidebar h2.pane-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .page-project-layout .information-block-sidebar h2.pane-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .page-project-layout .information-block-sidebar h2.pane-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .page-project-layout .information-block-sidebar h2.pane-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .page-project-layout .information-block-sidebar h2.pane-title { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .page-project-layout .information-block-sidebar h2.pane-title { font-size: 21px; font-size: 2.1rem; line-height: 1.35; } } .page-project-layout .information-block-sidebar .field-name-field-location .field-item { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin: 29px 0 27px; padding: 0; color: #6a6866; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; line-height: 1.25; text-align: left; text-transform: uppercase; margin: 0; display: block; line-height: 1.2 !important; } @media (min-width: 0) and (max-width: 480px) { .page-project-layout .information-block-sidebar .field-name-field-location .field-item { font-size: 14px; font-size: 1.4rem; line-height: 1.75; } } @media (min-width: 481px) { .page-project-layout .information-block-sidebar .field-name-field-location .field-item { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .page-project-layout .information-block-sidebar .field-name-field-location .field-item { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .page-project-layout .information-block-sidebar .field-name-field-location .field-item { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .page-project-layout .information-block-sidebar .field-name-field-location .field-item { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .page-project-layout .information-block-sidebar .field-name-field-location .field-item { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .page-project-layout .information-block-sidebar .field-name-field-location .field-item { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .page-project-layout .information-block-sidebar .panel-pane { margin-bottom: 3%; padding-top: 3%; border-top: 1px #d3d1d4 solid; } .page-project-layout .information-block-sidebar .panel-pane:first-child { padding-top: 0; margin-bottom: 3%; border: none; } .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li { font-size: 14px; font-size: 1.4rem; line-height: 1.75; cursor: pointer; } @media (min-width: 0) and (max-width: 480px) { .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1224px) { .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } } @media (min-width: 1440px) { .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li { font-size: 18px; font-size: 1.8rem; line-height: 1.4; } } @media (min-width: 1824px) { .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .page-project-layout .information-block-sidebar .panel-pane .made-by-our-shop-controls-list li:hover { color: #6dbeb9; text-decoration: none; } .page-project-layout .information-block-sidebar .pane-project-page-tags-panel-pane-1 .pane-title { padding-bottom: 1.4%; } @media (min-width: 0) and (max-width: 480px) { .page-project-layout .information-block-sidebar .pane-project-page-tags-panel-pane-1 .pane-title { padding-bottom: 0; line-height: 1.1; } } .page-project-layout .information-block-sidebar .view-project-page-tags { margin-bottom: 15px; } @media (min-width: 0) and (max-width: 480px) { .page-project-layout .information-block-sidebar .view-project-page-tags .item-list { margin-top: 10px; } } .page-project-layout .information-block-sidebar .view-project-page-tags .item-list a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px; font-size: 1.4rem; float: left; margin: 0 9px 9px 0; padding: 5px 8px; background-color: #edebed; text-decoration: none; text-transform: capitalize; } @media (min-width: 1824px) { .page-project-layout .information-block-sidebar .view-project-page-tags .item-list a { font-size: 16px; font-size: 1.6rem; } } .page-project-layout .information-block-sidebar .view-project-page-tags .item-list a:hover { background-color: #6dbeb9; color: #fff; text-decoration: none; } .page-project-layout a { text-decoration: none; } .page-project-layout a:hover { color: #6dbeb9; text-decoration: none; } .shuffle-item.concealed { display: none !important; } #back-top { width: 30px; right: 0; top: 46%; z-index: 1100; } @media (max-width: 768px) { #back-top a { display: none; } } #back-top span#button { width: 30px; height: 60px; border-radius: 0; background: url("../images/sprite-popup-nav.png") 2px -93px no-repeat #6dbeb9; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #back-top span#button { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } .pane-slideshow-navigation .pane-content { width: 100%; min-width: 320px; padding: 0.6% 5%; margin: auto; } @media (min-width: 0) and (max-width: 480px) { .pane-slideshow-navigation .pane-content { padding: 0.6% 4.17% 2%; } } @media (min-width: 1824px) { .pane-slideshow-navigation .pane-content { width: 1640px; padding: 0.6% 0 0; } } .pane-slideshow-navigation .pane-content .item-list { width: 100%; text-align: right; } .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { font-size: 10px; font-size: 1rem; line-height: 1.75; display: inline-block; margin: 0; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; } @media (min-width: 0) and (max-width: 480px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { font-size: 10px; font-size: 1rem; line-height: 1.75; } } @media (min-width: 481px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { font-size: 10px; font-size: 1rem; line-height: 1.5; } } @media (min-width: 768px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { font-size: 10px; font-size: 1rem; line-height: 1.5; } } @media (min-width: 1024px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } @media (min-width: 1224px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } @media (min-width: 1440px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { font-size: 14px; font-size: 1.4rem; line-height: 1.4; } } @media (min-width: 1824px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { font-size: 16px; font-size: 1.6rem; line-height: 1.35; } } @media (min-width: 0) and (max-width: 480px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { padding-left: 3%; } } @media (min-width: 481px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { padding-left: 3%; } } @media (min-width: 768px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { padding-left: 3%; } } @media (min-width: 1024px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { padding-left: 1.8%; } } @media (min-width: 1224px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { padding-left: 2.8%; } } @media (min-width: 1440px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { padding-left: 3.5%; } } @media (min-width: 1824px) { .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li { padding-left: 3.75%; } } .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li:hover { color: #6dbeb9; cursor: pointer; } .pane-slideshow-navigation .pane-content .item-list .slideshow-navigation-controls-list li.active { color: #6dbeb9; cursor: inherit; } .back-press-button { width: 100%; max-width: 1640px; padding: 0 5% 0 0; margin: auto; } @media (min-width: 0) and (max-width: 480px) { .back-press-button { padding: 0 4.17% 0 0; } } @media (min-width: 1824px) { .back-press-button { padding: 0; } } .back-press-button .back-press { font-size: 14px; font-size: 1.4rem; line-height: 1.75; display: block; float: left; margin: 15px 0; position: relative; color: #6a6866; font-family: "ocr_b_stdregular", Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; cursor: pointer; } @media (min-width: 0) and (max-width: 480px) { .back-press-button .back-press { font-size: 13px; font-size: 1.3rem; line-height: 1.75; } } @media (min-width: 481px) { .back-press-button .back-press { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .back-press-button .back-press { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .back-press-button .back-press { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .back-press-button .back-press { font-size: 18px; font-size: 1.8rem; line-height: 1.5; } } @media (min-width: 1440px) { .back-press-button .back-press { font-size: 19px; font-size: 1.9rem; line-height: 1.4; } } @media (min-width: 1824px) { .back-press-button .back-press { font-size: 22px; font-size: 2.2rem; line-height: 1.35; } } .back-press-button .back-press:hover, .back-press-button .back-press.active { color: #6dbeb9; text-decoration: none; } #bxslider_views_slideshow_main_project_slider-default { /* height: 100vh !important;*/ } /*.pane-project-slider *, .pane-about-slideshow * { height: 100% !important; min-height: 300px; }*/ .pane-project-slider img, .pane-about-slideshow img, .pane-project-slider source, .pane-about-slideshow source { min-height: 0; } /*@media (min-width: 480px) { .pane-project-slider *, .pane-about-slideshow * { min-height: 400px; } } @media (min-width: 768px) { .pane-project-slider *, .pane-about-slideshow * { min-height: 500px; } } @media (min-width: 1024px) { .pane-project-slider *, .pane-about-slideshow * { min-height: 600px; } } @media (min-width: 1440px) { .pane-project-slider *, .pane-about-slideshow * { min-height: 100vh; } }*/ .views-slideshow-bxslider { position: relative; overflow: hidden; height: 100% !important; } .views-slideshow-bxslider ul { margin: 0; padding: 0; } .views-slideshow-bxslider ul li { position: relative !important; float: left !important; } .views-slideshow-bxslider .gag { display: block; width: 100%; height: auto; margin: auto; } .views-slideshow-bxslider .bx-wrapper { /* position: absolute; top: 0; left: 0; width: 100%; height: 100% !important;*/ background: #e4e4e4; border-bottom: 1px solid white; } .views-slideshow-bxslider .bx-wrapper:before { content: ''; background: url("../images/loader.gif") center center no-repeat transparent; background-size: 32px 32px; display: block; width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; opacity: .5; } .views-slideshow-bxslider .bx-wrapper .bx-viewport { left: 0; border: 0; box-shadow: none; max-height: 100% !important; background: transparent; } .views-slideshow-bxslider .bx-wrapper .bx-viewport img { width: 100%; box-shadow: white 0em 0em 0em; color: #e4e4e4; } .views-slideshow-bxslider .bx-wrapper .bx-loading { background: transparent; display: none; } .node-type-press .views-slideshow-bxslider .gag { display: none; } .node-type-press .views-slideshow-bxslider .bx-wrapper { position: relative; } .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a { background-image: none !important; background-color: transparent !important; } .no-touch .views-slideshow-bxslider .bx-wrapper:hover .bx-has-controls-direction a, .touch .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a { width: 10%; height: 100%; margin: 0; top: 0; text-indent: -999em; z-index: 51 !important; -webkit-text-size-adjust: none; outline: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .no-touch .views-slideshow-bxslider .bx-wrapper:hover .bx-has-controls-direction a:before, .touch .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a:before { display: block; width: 100%; height: 40px; margin-top: -20px; position: absolute; top: 50%; content: " "; } .no-touch .views-slideshow-bxslider .bx-wrapper:hover .bx-has-controls-direction a.bx-next, .touch .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a.bx-next { right: 0 !important; text-indent: -999em; text-align: left; } .no-touch .views-slideshow-bxslider .bx-wrapper:hover .bx-has-controls-direction a.bx-next:before, .touch .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a.bx-next:before { background: url("../images/sprite-popup-nav.png") 0px -160px no-repeat transparent; width: 40px; right: 0; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .no-touch .views-slideshow-bxslider .bx-wrapper:hover .bx-has-controls-direction a.bx-next:before, .touch .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a.bx-next:before { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } .no-touch .views-slideshow-bxslider .bx-wrapper:hover .bx-has-controls-direction a.bx-prev, .touch .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a.bx-prev { left: 0 !important; text-indent: -999em; } .no-touch .views-slideshow-bxslider .bx-wrapper:hover .bx-has-controls-direction a.bx-prev:before, .touch .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a.bx-prev:before { background: url("../images/sprite-popup-nav.png") 10px -202px no-repeat transparent; width: 40px; left: 0; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .no-touch .views-slideshow-bxslider .bx-wrapper:hover .bx-has-controls-direction a.bx-prev:before, .touch .views-slideshow-bxslider .bx-wrapper .bx-has-controls-direction a.bx-prev:before { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } .touch .bx-wrapper .bx-has-controls-direction a { display: block; -webkit-text-size-adjust: none; outline: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .touch .bx-wrapper .bx-has-controls-direction .bx-prev { opacity: 1; } .touch .bx-wrapper .bx-has-controls-direction .bx-next { opacity: 1; } .touch .bx-wrapper .bx-has-controls-direction .bx-prev.disabled, .touch .bx-wrapper .bx-has-controls-direction .bx-next.disabled { display: none; } .bx-caption { -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -ms-transition: opacity 0.1s ease-in; -o-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in; width: 100%; padding: 10px 5%; position: absolute; bottom: 0; display: none; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.35) 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(17%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.35))) !important; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.35) 100%) !important; background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.35) 100%) !important; background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.35) 100%) !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.35) 100%) !important; color: #fff; line-height: 1; opacity: 0; } .bx-wrapper .bx-caption span { font-size: 14px; font-size: 1.4rem; line-height: 1.75; display: inline-block; padding: 0; font-family: inherit !important; line-height: 1 !important; } @media (min-width: 0) and (max-width: 480px) { .bx-wrapper .bx-caption span { font-size: 12px; font-size: 1.2rem; line-height: 1.75; } } @media (min-width: 481px) { .bx-wrapper .bx-caption span { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 768px) { .bx-wrapper .bx-caption span { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1024px) { .bx-wrapper .bx-caption span { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1224px) { .bx-wrapper .bx-caption span { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } } @media (min-width: 1440px) { .bx-wrapper .bx-caption span { font-size: 16px; font-size: 1.6rem; line-height: 1.4; } } @media (min-width: 1824px) { .bx-wrapper .bx-caption span { font-size: 18px; font-size: 1.8rem; line-height: 1.35; } } @media (max-width: 768px) { .bx-caption { padding: 10px 4.17%; } } @media (min-width: 1824px) { .bx-caption { padding: 12px 5%; } } .no-touch .bx-wrapper:hover .bx-caption { opacity: 1; } .touch .bx-caption { opacity: 1; } .view-about-slideshow { position: relative; } .view-about-slideshow .down-arrow { position: fixed; left: 50%; margin-left: -50px; z-index: 1000; text-align: center; color: white; cursor: pointer; display: none; text-transform: uppercase; font-weight: bold; font-size: 12px; font-size: 1.2rem; line-height: 1.75; } @media (min-width: 0) and (max-width: 480px) { .view-about-slideshow .down-arrow { font-size: 10px; font-size: 1rem; line-height: 1.75; } } @media (min-width: 481px) { .view-about-slideshow .down-arrow { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } @media (min-width: 768px) { .view-about-slideshow .down-arrow { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } @media (min-width: 1024px) { .view-about-slideshow .down-arrow { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } @media (min-width: 1224px) { .view-about-slideshow .down-arrow { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } @media (min-width: 1440px) { .view-about-slideshow .down-arrow { font-size: 14px; font-size: 1.4rem; line-height: 1.4; } } @media (min-width: 1824px) { .view-about-slideshow .down-arrow { font-size: 14px; font-size: 1.4rem; line-height: 1.35; } } .view-about-slideshow .down-arrow.static { position: absolute; } .view-about-slideshow .down-arrow-icon { display: inline-block; width: 20px; height: 20px; background: url("../images/sprite-popup-nav.png") -83px -100px no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .view-about-slideshow .down-arrow-icon { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } .view-about-slideshow:hover .down-arrow { display: block; } .touch .view-about-slideshow .down-arrow { display: none; } .social-links { float: right; margin-bottom: 10px; position: relative; z-index: 5; } .social-links__list li { float: left; } .social-links__list li a { display: block; width: 19px; height: 17px; margin-left: 17px; background: url("../images/social-links.png") 0 0 no-repeat; overflow: hidden; text-indent: -999em; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .social-links__list li a { background-image: url("../images/social-links_2x.png"); background-size: 211px 45px; } } .social-links__list li a.facebook { background-position: -35px 0; } @media (min-width: 1824px) { .social-links__list li a.facebook { height: 24px; width: 27px; background-position: -64px -21px; } } .social-links__list li a.twitter { background-position: 0 0; } @media (min-width: 1824px) { .social-links__list li a.twitter { height: 24px; width: 27px; background-position: 0 -21px; } } .social-links__list li a.instagram { background-position: -100px 0; } @media (min-width: 1824px) { .social-links__list li a.instagram { height: 24px; width: 27px; background-position: -187px -21px; } } .social-links__list li a.linkedin { background-position: -69px 0; } @media (min-width: 1824px) { .social-links__list li a.linkedin { height: 24px; width: 27px; background-position: -126px -21px; } } @media (min-width: 0) and (max-width: 480px) { .social-links__list li a { margin-left: 27px; } } @media (min-width: 481px) { .social-links__list li a { margin-left: 17px; } } @media (min-width: 1024px) { .social-links__list li a { margin-left: 17px; } } @media (min-width: 1224px) { .social-links__list li a { margin-left: 27px; } } @media (min-width: 1440px) { .social-links__list li a { margin-left: 27px; } } @media (min-width: 1824px) { .social-links__list li a { margin-left: 37px; } } .touch .view-clone-of-all-staff .views-row:hover .item-title { color: #6a6866; } .touch .view-clone-of-all-staff .views-row a:active .item-title { color: #6dbeb9; } *:focus { outline: 0; } .fancybox-overlay { background: #c8c9cb; opacity: .8; } .fancybox-wrap { /*.views-field { &.views-field-field-birthplace { padding-top: 15%; } }*/ } .fancybox-opened .fancybox-skin { overflow: visible; box-shadow: none; background: none; color: #6a6866; } .fancybox-outer .popup-content { width: 100%; margin: 0 auto; padding: 37px 0; background: #fff; } @media (min-width: 1440px) { .fancybox-outer .popup-content { padding: 49px 0; } } @media (min-width: 1824px) { .fancybox-outer .popup-content { padding: 66px 0; } } .fancybox-close { width: 20px; height: 20px; top: 5px; right: 5px; background: url("../images/sprite-popup-nav.png") -2px -272px no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .fancybox-close { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } @media (min-width: 1824px) { .fancybox-close { width: 35px; height: 35px; top: 0; right: 10px; background: url("../images/sprite-popup-nav.png") 7px -238px no-repeat transparent; } } @media (min-width: 1824px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1824px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 1824px) and (min-device-pixel-ratio: 2) { .fancybox-close { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } .fancybox-close:after { font-size: 30px; font-size: 3rem; line-height: 1.75; } @media (min-width: 0) and (max-width: 480px) { .fancybox-close:after { font-size: 30px; font-size: 3rem; line-height: 1.75; } } @media (min-width: 481px) { .fancybox-close:after { font-size: 30px; font-size: 3rem; line-height: 1.5; } } @media (min-width: 768px) { .fancybox-close:after { font-size: 30px; font-size: 3rem; line-height: 1.5; } } @media (min-width: 1024px) { .fancybox-close:after { font-size: 30px; font-size: 3rem; line-height: 1.5; } } @media (min-width: 1224px) { .fancybox-close:after { font-size: 30px; font-size: 3rem; line-height: 1.5; } } @media (min-width: 1440px) { .fancybox-close:after { font-size: 30px; font-size: 3rem; line-height: 1.4; } } @media (min-width: 1824px) { .fancybox-close:after { font-size: 45px; font-size: 4.5rem; line-height: 1.35; } } .fancybox-nav { width: 5%; height: auto; top: 50%; } .fancybox-nav span { height: 44px; margin-top: -22px; visibility: visible; } .fancybox-prev span { left: -40px; background: url("../images/sprite-popup-nav.png") 4px -334px no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .fancybox-prev span { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } @media (max-width: 768px) { .fancybox-prev span { left: -26px; background-position: 0 -334px; } } @media (min-width: 1440px) { .fancybox-prev span { background-position: 0 -411px; } } @media (min-width: 1824px) { .fancybox-prev span { background-position: 0 -52px; } } .fancybox-next span { right: -40px; background: url("../images/sprite-popup-nav.png") 5px -371px no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .fancybox-next span { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } @media (max-width: 768px) { .fancybox-next span { right: -26px; background-position: 10px -371px; } } @media (min-width: 1440px) { .fancybox-next span { background-position: 10px -458px; } } @media (min-width: 1824px) { .fancybox-next span { background-position: 10px 0; } } #fancybox-loading { background: transparent; } #fancybox-loading div { width: 32px; height: 32px; border-radius: 16px; background: url("../images/loader.gif") 50% 0 no-repeat; background-size: 32px 32px; opacity: .5; } .tags-filter { margin-bottom: 15px; } .tags-filter .shuffle-filters-list li { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px; font-size: 1.4rem; float: left; margin: 0 9px 9px 0; padding: 5px 8px; background-color: #edebed; text-transform: capitalize; cursor: pointer; opacity: 1; visibility: visible; } .tags-filter .shuffle-filters-list li.checked { background-color: #6dbeb9; color: #fff; } .tags-filter .shuffle-filters-list li.checked:not(.first):not(.disabled-tag):before { content: ''; width: 13px; height: 13px; display: inline-block; padding: 0 8px; position: relative; top: 4px; background: url("../images/icons/tag-close-icon.png") 0 0 no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .tags-filter .shuffle-filters-list li.checked:not(.first):not(.disabled-tag):before { background-image: url("../images/icons2x/tag-close-icon.png"); background-size: 9px auto; } } .tags-filter .shuffle-filters-list li.hidden { display: none; } .tags-filter .shuffle-filters-list li.disabled-tag, .no-touch .tags-filter .shuffle-filters-list li.disabled-tag:hover { margin: 1px 9px 10px 0; padding: 4px 7px; color: #c2c2c2; text-decoration: none; background-color: #fff; cursor: not-allowed; outline: thin dotted #e5e5e5; } .no-touch .tags-filter .shuffle-filters-list li:hover { background-color: #6dbeb9; color: #fff; text-decoration: none; } @media (min-width: 1824px) { .tags-filter .shuffle-filters-list li { font-size: 16px; font-size: 1.6rem; } } @media (min-width: 0) and (max-width: 480px) { .tags-filter .shuffle-filters-list li.mobile-hidden { display: none; } } .tags-filter #filters-expander { font-size: 28px; font-size: 2.8rem; float: left; padding: 4px 8px; font-weight: bold; line-height: .75; cursor: pointer; } .tags-filter #filters-expander .expanded { padding: 5px 8px; } @media (min-width: 1824px) { .tags-filter #filters-expander { font-size: 32px; font-size: 3.2rem; } } .page-press .tags-filter li.mobile-hidden { display: none; } .front-video-pane { position: relative; } .front-video-pane .video-image { height: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: left top; } .front-video-pane .play-button { position: absolute; top: 50%; left: 50%; width: 99px; height: 99px; margin: -49px 0 0 -49px; background: url("../images/icons/play-icon.png") 0 0 no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .front-video-pane .play-button { background-image: url("../images/icons2x/play-icon.png"); background-size: 99px auto; } } .front-video-pane .play-button:hover { background: url("../images/icons/play-icon-hov.png") 0 0 no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .front-video-pane .play-button:hover { background-image: url("../images/icons2x/play-icon-hov.png"); background-size: 99px auto; } } .front-video-pane object, .front-video-pane iframe, .front-video-pane embed { position: relative; z-index: 1; background-color: black; } @media screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px), screen and (-o-min-device-pixel-ratio: 3 / 2) and (max-device-width: 568px), screen and (min-device-pixel-ratio: 2) and (max-device-width: 568px) { .front-video-pane object, .front-video-pane iframe, .front-video-pane embed { padding: 45px 0; } } .front-video-pane .close-video { display: none; position: absolute; top: 20px; right: 0; width: 60px; height: 25px; background: url("../images/sprite-popup-nav.png") 20px -315px no-repeat transparent; z-index: 900; cursor: pointer; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .front-video-pane .close-video { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } } @media (min-width: 1824px) { .front-video-pane .close-video { width: 60px; height: 27px; background: url("../images/sprite-popup-nav.png") 10px -291px no-repeat transparent; } } @media (min-width: 1824px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1824px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 1824px) and (min-device-pixel-ratio: 2) { .front-video-pane .close-video { background-image: url("../images/sprite-popup-nav_2x.png"); background-size: 100px auto; } }