@charset "UTF-8";
  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
} html {
line-height: 1;
} ol,
ul {
list-style: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
} q,
blockquote {
quotes: none;
} q:before,
q:after,
blockquote:before,
blockquote:after {
content: '';
content: none;
} a img {
border: none;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} input:not(.form-submit),
.menu_hamburger__line,
.switcher__slider:before {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
} .preload *,
input[type='reset'] {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
@font-face {
font-family: 'DP Clear';
src: url(//displaay.net/wp-content/uploads/fonts/web/DPClear-Regular.woff2) format('woff2'),
url(//displaay.net/wp-content/uploads/fonts/web/DPClear-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DP Clear';
src: url(//displaay.net/wp-content/uploads/fonts/web/DPClear-Medium.woff2) format('woff2'),
url(//displaay.net/wp-content/uploads/fonts/web/DPClear-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DP Icons';
src: url(//displaay.net/wp-content/uploads/fonts/web/DPIcons-Regular.woff2) format('woff2'),
url(//displaay.net/wp-content/uploads/fonts/web/DPIcons-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'DP Overals';
src: url(//displaay.net/wp-content/uploads/fonts/web/DPOverals-Regular.woff2) format('woff2'),
url(//displaay.net/wp-content/uploads/fonts/web/DPOverals-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: block;
}  * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} strong,
b {
font-weight: 500;
} em,
i {
font-style: italic;
} a,
button {
color: #000000;
text-decoration: none;
} a:hover,
button:hover {
text-decoration: none;
} a:hover .lb,
button:hover .lb {
border-bottom-color: transparent !important;
} a .lb,
button .lb {
border-bottom: 1px solid currentColor;
}
@media (max-width: 767px) { a .lb,
button .lb {
border-bottom-width: 0.75px;
}
} u {
text-decoration: none;
} u .lb {
border-bottom: 1px solid currentColor;
}
@media (max-width: 767px) { u .lb {
border-bottom-width: 0.75px;
}
} .text-left {
text-align: left !important;
} .text-right {
text-align: right !important;
} .text-center {
text-align: center !important;
} img.alignright {
float: right;
margin: 0 0 1em 1em;
} img.alignleft {
float: left;
margin: 0 1em 1em 0;
} img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .alignright {
float: right;
} .alignleft {
float: left;
} .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .green {
color: #009c00;
} .red {
color: #fa0000;
} .blue {
color: #001eff;
} .green a,
.red a,
.blue a {
color: inherit;
} .hide {
display: none !important;
} .hide-soft {
display: none;
} img {
max-width: 100%;
height: auto !important;
} div:focus,
section:focus {
outline: 0;
} .gray {
color: #848381 !important;
} abbr {
cursor: pointer;
text-decoration: none;
position: relative;
} abbr > span {
display: none;
position: absolute;
color: #000000;
top: 100%;
left: 100%;
margin: -0.53333rem 0 0 -1.33333rem;
z-index: 2;
border: 0.66667rem solid transparent;
}
@media (max-width: 980px) { abbr > span {
left: auto;
right: 0;
margin: -0.53333rem -1.33333rem 0 0;
}
} abbr > span > span {
display: block;
white-space: normal;
width: 17rem;
padding: 0.33333rem 0.53333rem;
background: #e1e1e1;
border-radius: 0.33333rem;
}
@media (max-width: 767px) { abbr > span > span {
width: 10.33333rem;
}
} abbr:hover:after {
border-color: transparent;
} abbr:hover > span {
display: block;
} abbr.variable_width > span > span {
width: auto;
white-space: nowrap;
} .upper {
text-transform: uppercase;
} .tabular {
font-variant-numeric: tabular-nums;
} .large-font {
font-size: 2.93333rem;
line-height: 100%;
letter-spacing: -0.01em;
}
@media (max-width: 767px) { .large-font {
font-size: 2.2rem;
}
}
@media (max-width: 479px) { .large-font {
font-size: 1.66667rem;
}
} .large-font a:hover {
color: #8a8a8a;
} .large-font a .lb {
border-bottom-width: 0;
} .large-font a.isDisabled {
pointer-events: none;
cursor: not-allowed;
color: #8a8a8a;
} .large-font--padded {
margin-top: 3.33333rem;
}
@media (max-width: 767px) { .large-font--padded {
margin: 1.66667rem 0 1.33333rem 0;
}
} .lead_text {
margin: 1.8rem 0 2.26667rem 0;
} .buyProductWrapper--free .large-font {
margin: 0 !important;
}
@media (max-width: 980px) { .desktop-only {
display: none !important;
}
}
@media (max-width: 767px) { .desktop-and-table-only {
display: none !important;
}
} .no_wrap {
white-space: nowrap;
} h5.underlined {
font-size: inherit;
line-height: inherit;
text-transform: uppercase;
border-bottom: 1px solid #000000;
padding: 0 0 0.66667rem 0;
margin: 0 0 0.66667rem 0;
} h5.underlined + .typeface__features_list {
margin-top: -0.66667rem;
} h5.underlined + .typeface__features_list dl:first-child {
border-top: 0;
} .respo_table {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .rounded {
border-radius: 0.66667rem;
overflow: hidden;
position: relative;
z-index: 1;
} .cover_img img {
object-fit: cover;
max-width: none;
width: 100% !important;
height: 100% !important;
} .icon {
font-family: 'DP Icons';
font-style: normal;
line-height: 1em;
} .icon--no-line {
line-height: unset;
} input,
input[type='submit'],
select {
-webkit-appearance: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
} input,
textarea,
select,
button {
font-family: 'DP Clear', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1em;
margin: 0;
} input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
display: none;
} input::-ms-clear {
display: none;
} button:focus,
input:focus,
select:focus,
a:focus {
outline: 0;
} input:required,
input:invalid {
box-shadow: none;
}  input[type='range'] {
display: inline-block;
vertical-align: middle;
-webkit-appearance: none; width: 90px; background: transparent; height: 14px;
position: relative;
top: -1px;
margin: 0; } input[type='range']:focus {
outline: none;
} input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 1px;
cursor: pointer;
animate: 0.2s;
background: #000000;
border: transparent; } input[type='range']::-webkit-slider-thumb {
height: 12px;
width: 12px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #000000;
cursor: pointer;
-webkit-appearance: none;
border: 0;
margin-top: -5px;
box-sizing: border-box; } input[type='range']::-webkit-slider-thumb:hover {
background: #f3f1e5;
border: 2px solid #000000;
} input[type='range']::-moz-range-track {
width: 100%;
height: 1px;
cursor: pointer;
animate: 0.2s;
background: #000000;
border: transparent; } input[type='range']::-moz-range-thumb {
height: 12px;
width: 12px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #000000;
cursor: pointer;
-webkit-appearance: none;
border: 0;
box-sizing: border-box; } input[type='range']::-moz-range-thumb:hover {
background: #f3f1e5;
border: 2px solid #000000;
} input[type='range']::-ms-track {
width: 100%;
height: 1px;
cursor: pointer;
animate: 0.2s;
background: #000000;
border: transparent; } input[type='range']::-ms-thumb {
height: 12px;
width: 12px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #000000;
cursor: pointer;
-webkit-appearance: none;
border: 0;
margin-top: 0.5px;
box-sizing: border-box; } input[type='range']::-ms-thumb:hover {
background: #f3f1e5;
border: 2px solid #000000;
} .typeface__tester--black input[type='range']::-webkit-slider-runnable-track {
background: #ffffff;
} .typeface__tester--black input[type='range']::-webkit-slider-thumb {
background: #ffffff;
} .typeface__tester--black input[type='range']::-webkit-slider-thumb:hover {
border-color: #ffffff;
background: #000000;
} .typeface__tester--black input[type='range']::-moz-range-track {
background: #ffffff;
} .typeface__tester--black input[type='range']::-moz-range-thumb {
background: #ffffff;
} .typeface__tester--black input[type='range']::-moz-range-thumb:hover {
border-color: #ffffff;
background: #000000;
} .typeface__tester--black input[type='range']::-ms-track {
background: #ffffff;
} .typeface__tester--black input[type='range']::-ms-thumb {
background: #ffffff;
} .typeface__tester--black input[type='range']::-ms-thumb:hover {
border-color: #ffffff;
background: #000000;
} .gallery {
width: auto;
margin: 0 -10px 25px -10px;
*zoom: 1;
} .gallery:after {
content: '\0020';
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
} .gallery .gallery-item {
padding: 10px;
width: 33.33% !important;
float: left;
} .gallery img {
display: block;
} .gallery figcaption {
display: none;
} .gallery.gallery-columns-3 .gallery-item {
width: 33.33% !important;
} .gallery.gallery-columns-4 .gallery-item {
width: 25% !important;
} .gallery.gallery-columns-2 .gallery-item {
width: 50% !important;
}
@media (max-width: 767px) { .gallery {
margin: 0px -2px 26px -2px;
} .gallery .gallery-item {
padding: 2px;
}
}  .slick-slider {
position: relative;
display: block !important;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
} .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
} .slick-list:focus {
outline: none;
} .slick-list.dragging {
cursor: pointer;
cursor: hand;
} .slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
} .slick-track:before,
.slick-track:after {
content: '';
display: table;
} .slick-track:after {
clear: both;
} .slick-loading .slick-track {
visibility: hidden;
} .slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
} [dir='rtl'] .slick-slide {
float: right;
} .slick-slide img {
display: block;
} .slick-slide.slick-loading img {
display: none;
} .slick-slide.dragging img {
pointer-events: none;
} .slick-initialized .slick-slide {
display: block;
} .slick-loading .slick-slide {
visibility: hidden;
} .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
} .slick-arrow.slick-hidden {
display: none;
} ul.slick-dots {
margin: 0;
display: flex;
} ul.slick-dots > li {
padding: 0;
vertical-align: top;
} ul.slick-dots > li:only-child {
display: none;
} ul.slick-dots button {
border: 0;
margin: 0;
padding: 0;
background: transparent;
position: relative;
overflow: hidden;
width: 15px;
cursor: pointer;
font-size: 0px;
font-family: 'DP Icons';
} ul.slick-dots button:before {
font-size: 1rem;
content: '\25CB';
} ul.slick-dots button:hover:before {
content: '\0040';
} ul.slick-dots .slick-active button:before {
content: '\25CF';
} .slick-slide {
outline: 0;
} * {
font-variant-ligatures: none;
} html {
font-size: 15px;
}
@media (max-width: 767px) { html {
font-size: 0.8em;
}
} body {
font-family: 'DP Clear', Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 1.33334em;
background: #fff;
-ms-overflow-style: scrollbar;
-webkit-text-size-adjust: 100%;
color: #000000;
min-height: 100%;
position: relative;
}
@media (max-width: 767px) { body {
line-height: 1.25em;
}
} .body_wrap {
display: flex;
flex-direction: column;
min-height: 100vh;
} .main_header {
color: #000000;
padding: 11px 0 0 0;
background: #fff;
border-bottom: 1px solid transparent;
} .main_header .inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 830px) { .main_header .inner {
flex-wrap: wrap;
}
} .main_header .inner:after {
display: none;
} .main_header__nav {
padding-right: 1.33333rem;
visibility: hidden;
font-size: 2.93333rem;
line-height: 100%;
letter-spacing: -0.01em;
}
@media (max-width: 830px) { .main_header__nav {
padding-right: 0;
display: none;
}
}
@media (max-width: 767px) { .main_header__nav {
font-size: 2.5rem;
}
}
@media (max-width: 374px) { .main_header__nav {
font-size: 1.66667rem;
}
} .main_header__nav ul {
display: flex;
flex-wrap: wrap;
list-style: none;
position: relative;
} .main_header__nav ul.sub-menu {
font-weight: 400;
position: absolute;
left: 0;
top: 50px;
display: none;
white-space: nowrap;
}
@media (max-width: 767px) { .main_header__nav ul.sub-menu {
top: 38px;
}
} .main_header__nav ul h1,
.main_header__nav ul h2 {
display: inline;
} .main_header__nav ul h1 > a,
.main_header__nav ul h2 > a {
cursor: default;
} .main_header__nav ul h1 > a:hover,
.main_header__nav ul h2 > a:hover {
color: inherit;
} .main_header__nav li {
display: inline-flex;
padding: 0;
} .main_header__nav li:after {
display: inline-flex;
content: ',\00a0';
} .main_header__nav li:last-child:after {
display: none;
} .main_header__nav li.menu-item-has-children.current-menu-item,
.main_header__nav li.menu-item-has-children.current-menu-ancestor,
.main_header__nav li.menu-item-has-children.current-page-ancestor {
margin-bottom: 3.33333rem;
} .main_header__nav li.menu-item-has-children.current-menu-item ul.sub-menu,
.main_header__nav li.menu-item-has-children.current-menu-ancestor ul.sub-menu,
.main_header__nav li.menu-item-has-children.current-page-ancestor ul.sub-menu {
display: block;
} .main_header__nav li.current-menu-item > a .lb,
.main_header__nav li.current_page_parent > a .lb,
.main_header__nav li.current-page-ancestor > a .lb {
border-bottom-width: 0;
} .main_header__nav li a:focus {
outline: 0;
} .main_header__nav .lb {
display: inline-block;
line-height: 1em;
} .main_header:not(.main_header--fixed) .main_header__nav { } .main_header:not(.main_header--fixed) .main_header__nav a:hover {
color: #8a8a8a;
} .main_header:not(.main_header--fixed) .main_header__nav a .lb {
border-bottom-width: 0;
} .main_header__location {
display: none;
font-size: 2.93333rem;
line-height: 100%;
letter-spacing: -0.01em;
}
@media (max-width: 767px) { .main_header__location {
font-size: 2.5rem;
}
}
@media (max-width: 374px) { .main_header__location {
font-size: 1.66667rem;
}
}
@media (max-width: 830px) { .main_header__location {
display: block;
}
} .main_header__logo {
display: inline;
} .main_header__claim {
display: block;
} .main_header__claim--gray {
color: #848381;
} .main_header__claim--upper {
text-transform: uppercase;
} .main_header__detail_nav {
font-weight: 400;
} .main_header__cart_wrap {
display: flex;
padding: 0.66667rem 0 0 0;
}
@media (max-width: 830px) { .main_header__cart_wrap {
width: 100%;
display: none;
}
} .main_header__cart_wrap a {
display: none;
} .main_header__cart_wrap a.not-empty {
display: block;
} .main_header__cart_wrap a.not-empty + a.not-empty {
margin-left: 10px;
}
@media (min-width: 2200px) { .main_header__cart_wrap a.not-empty + a.not-empty {
margin-left: 20px;
}
} .main_header__megamenu {
background: #e1e1e1;
width: 100%;
max-width: 56.66667rem;
padding: 2.86667rem 0 0.53333rem 0;
display: none;
position: relative;
} .main_header__megamenu .inner {
display: block;
} .main_header__megamenu__wrap {
display: flex;
align-items: flex-start;
margin: 0 -0.5rem;
}
@media (max-width: 767px) { .main_header__megamenu__wrap {
margin: 0 -0.16667rem;
}
} .main_header__megamenu__items {
width: 25%;
padding: 0 0.5rem;
}
@media (max-width: 767px) { .main_header__megamenu__items {
padding: 0 0.16667rem;
}
} .main_header__megamenu__items--2 {
width: 50%;
} .main_header__megamenu__items--2 > ul {
column-count: 2;
column-gap: 1.06667rem;
} .main_header__megamenu h6 {
margin: 0 0 1.06667rem 0;
} .main_header__megamenu .menu_hamburger {
display: none;
position: absolute;
right: 1.33333rem;
bottom: 0;
overflow: hidden;
height: 10px;
transform: rotate(180deg);
}
@media (max-width: 830px) { .main_header__megamenu .menu_hamburger {
display: block;
top: auto;
}
} .main_header--fixed {
background: #e1e1e1;
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
padding: 1rem 0;
} .main_header--fixed .main_header__nav {
font-size: 1em;
line-height: 1.33334em;
}
@media (max-width: 830px) { .main_header--fixed .main_header__nav {
display: block;
}
}
@media (max-width: 767px) { .main_header--fixed .main_header__nav {
font-size: 1em;
line-height: 1.25em;
}
} .main_header--fixed .main_header__nav h1 > a,
.main_header--fixed .main_header__nav h2 > a {
cursor: pointer;
} .main_header--fixed .main_header__nav li.menu-item-has-children.current-menu-item,
.main_header--fixed .main_header__nav li.menu-item-has-children.current-menu-ancestor {
margin-bottom: 1.33333rem;
} .main_header--fixed .main_header__nav ul.sub-menu {
top: 1.33333rem;
} .main_header--fixed .main_header__location {
display: none;
} .main_header--fixed .main_header__cart_wrap {
padding: 0;
} .main_header--fixed > .inner > .menu_hamburger {
display: block;
position: absolute;
left: 50%;
bottom: 1.66667rem;
}
@media (max-width: 830px) { .main_header--fixed > .inner > .menu_hamburger {
top: 2rem;
right: 1.33333rem;
transform: translate3d(0, -50%, 0);
}
} .main_header--fixed.main_header--megamenu .main_header__megamenu {
display: block;
}
@media (max-width: 830px) { .main_header--fixed.main_header--megamenu .main_header__cart_wrap {
display: flex;
}
} .main_header--fixed.main_header--megamenu > .inner > .menu_hamburger {
bottom: 1.33333rem;
top: auto;
}
@media (max-width: 830px) { .main_header--fixed.main_header--megamenu > .inner > .menu_hamburger {
top: 2rem;
bottom: auto;
}
} .main_footer {
clear: both;
color: #000000;
padding: 1rem 0 2rem 0;
background: #e1e1e1;
}
@media (max-width: 767px) { .main_footer {
padding: 0.46667rem 0 2rem 0;
}
} .main_footer p {
margin-bottom: 1.4em;
} .main_footer .copy,
.main_footer .registered {
font-family: 'DP Icons';
} .main_footer__logos {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 50px 0;
}
@media (max-width: 767px) { .main_footer__logos {
margin: 0 0 40px 0;
align-items: flex-start;
}
} .main_footer__logos h6 {
font-size: 2.93333rem;
line-height: 100%;
letter-spacing: -0.01em;
}
@media (max-width: 767px) { .main_footer__logos h6 {
font-size: 2.5rem;
}
}
@media (max-width: 374px) { .main_footer__logos h6 {
font-size: 1.66667rem;
}
} .main_footer__logos h6 sup {
vertical-align: top;
font-size: 0.34091em;
line-height: 1em;
position: relative;
top: 5px;
margin-left: 0.2em;
}
@media (max-width: 767px) { .main_footer__logos h6 sup {
font-size: 0.45455em;
}
}
@media (max-width: 767px) { .main_footer__logos img {
width: 45px !important;
height: auto !important;
}
}
@media (max-width: 479px) { .main_footer__logos img {
width: 34px !important;
}
} .main_footer__typefaces {
margin: 9.66667rem 0 4rem 0;
}
@media (max-width: 767px) { .main_footer__typefaces {
margin: 2.66667rem 0 2rem 0;
}
} .main_footer__typefaces .main_header__megamenu {
padding: 0;
display: block;
} .main_footer__typefaces .tag {
margin-bottom: 1.06667rem;
} .main_footer__typefaces ul.two-cols {
column-count: 2;
column-gap: 1.06667rem;
} .main_footer__typefaces ul.two-cols > li {
display: table;
page-break-inside: avoid;
break-inside: avoid-column;
} .main_footer__typefaces ul.typeface_list > li > ul > li:before {
font-family: 'DP Icons';
content: '\2022';
} .main_footer__content_wrap {
max-width: 100%;
} .main_footer__content_wrap .row {
margin: 0 -0.5rem;
}
@media (max-width: 980px) { .main_footer__content_wrap .row {
margin: 0 -0.16667rem;
}
} .main_footer__content_wrap .col {
padding: 0 0.5rem;
}
@media (max-width: 980px) { .main_footer__content_wrap .col {
padding: 0.5rem 0.16667rem;
}
} .main_footer__content_wrap dl dt {
text-transform: uppercase;
} .main_footer__content_wrap p:last-child,
.main_footer__content_wrap dl:last-child {
margin-bottom: 0;
} .row {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin: 0 -0.5rem;
} .row--between {
justify-content: space-between;
}
@media (max-width: 767px) { .row {
margin: 0 -0.16667rem;
}
} .col {
padding: 0 0.5rem;
flex-grow: 0;
flex-shrink: 0;
}
@media (max-width: 767px) { .col {
padding: 0 0.16667rem;
}
} .col--right {
margin-left: auto;
margin-right: 0;
} .col--6 {
width: 100%;
} .col--5 {
width: 83.33%;
} .col--4 {
width: 66.66%;
} .col--3 {
width: 50%;
} .col--2 {
width: 33.33%;
} .col--1p {
width: 25%;
} .col--1 {
width: 16.666%;
} .col--offset-1 {
margin-left: 8.33%;
} .col--offset-2 {
margin-left: 16.666%;
}
@media (max-width: 980px) { .col-l--hide {
display: none;
} .col-l--3 {
width: 50%;
} .col-l--5 {
width: 83.33%;
} .col-l--6 {
width: 100%;
}
}
@media (max-width: 767px) { .col-m--hide {
display: none;
} .col-m--3 {
width: 50%;
} .col-m--5 {
width: 83.33%;
} .col-m--6 {
width: 100%;
}
}
@media (max-width: 479px) { .col-xs--hide {
display: none;
} .col-xs--6 {
width: 100%;
}
} .col--br {
border-right: 0.06667rem solid #000000;
}
@media (max-width: 479px) { .col--br {
border-right: 0;
}
} .row + .row--table {
margin-top: 1rem;
} .row--table {
position: relative;
padding: 0.66667rem 0;
} .row--table:before,
.row--table:after {
position: absolute;
left: 0.5rem;
content: '';
height: 1px;
width: 100%;
max-width: 93rem;
display: block;
background-color: #8a8a8a;
}
@media (max-width: 767px) { .row--table:before,
.row--table:after {
left: 0.16667rem;
}
} .row--table:before {
top: 0;
} .row--table:after {
bottom: 0;
} .row--table:hover {
color: #001eff;
} .row--table p:last-child,
.row--table ul:last-child {
margin-bottom: 0;
} .row--table + .row {
margin-top: 4rem;
}
@media (max-width: 767px) { .row--table + .row {
margin-top: 2rem;
}
} .row--table + .row--table {
margin-top: 0;
} .row--table + .row--table:before {
display: none;
} .row--unlimited:before,
.row--unlimited:after {
max-width: none;
} .row--unlimited .col {
max-width: none !important;
} .inner {
display: block;
width: 100%;
padding: 0 1rem;
margin: 0 auto;
*zoom: 1;
} .inner:after {
content: '\0020';
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
@media (max-width: 767px) { .inner {
padding: 0 0.66667rem;
}
} .main_content {
margin: 4.8rem 0 0 0;
padding: 0 0 4.66667rem 0;
flex-grow: 1;
}
@media (max-width: 767px) { .main_content {
margin: 2.4rem 0 0 0;
padding: 0 0 2.33333rem 0;
}
} .main_content--green,
.main_content--red {
color: #00b900;
} .main_content--green .large-font p,
.main_content--red .large-font p {
max-width: 44.66667rem;
margin: 0;
} .main_content--green a,
.main_content--red a {
color: inherit;
} .main_content--red {
color: #fa0000;
} .main_content--no-margin {
margin-top: 0 !important;
} .main_content--bilingual .inner {
overflow: hidden;
} .main_content--home h2 {
text-transform: uppercase;
line-height: 1.33333em;
display: block;
width: calc(100% - 1rem);
border-top: 0.5px solid #000000;
padding: 1rem 0 0 0;
margin: 7.33333rem 0.5rem 0.96667rem 0.5rem;
} .main_content--home h2:first-child {
border-top-width: 0;
margin-top: 1.33333rem;
padding: 0;
} .main_content--home .wp-block-separator {
border: 0;
flex-basis: 100%;
padding: 0;
margin: 0;
} .main_content--formatted {
max-width: 37.6rem;
} .main_content--formatted .large-font p {
margin-bottom: 1.333em;
} .preloader {
position: fixed;
z-index: 888;
display: none;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 60px;
height: 60px; } .preloader img {
border: 0;
display: block;
max-width: none;
position: absolute;
left: 50%;
top: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} .styled_checkbox {
display: block;
cursor: pointer;
} .styled_checkbox input {
display: none;
} .styled_checkbox__desc:before {
font-family: 'DP Icons';
content: '\25CB';
margin-right: 3px;
color: inherit;
line-height: 1em;
} .styled_checkbox__license {
display: none;
} .styled_checkbox input:checked + .styled_checkbox__desc:before {
content: '\25CF';
} .styled_checkbox input:disabled + .styled_checkbox__desc {
cursor: not-allowed;
} .styled_checkbox input:disabled + .styled_checkbox__desc:before {
content: '\25CF' !important;
} .styled_checkbox:hover .styled_checkbox__desc:before {
content: '\0040' !important;
} .styled_checkbox:hover input:checked + .styled_checkbox__desc:before {
content: '\25CF' !important;
}
@media (max-width: 767px) { .styled_checkbox:hover input + .styled_checkbox__desc:before {
content: '\25CB' !important;
} .styled_checkbox:hover input:checked + .styled_checkbox__desc:before {
content: '\25CF' !important;
}
} .styled_checkbox:hover .typeface__tester__ss-changes {
display: block;
} .styled_checkbox--disabled {
color: inherit !important;
} .styled_checkbox--disabled input + .styled_checkbox__desc:before {
content: '\25CB' !important;
} .styled_checkbox--disabled input:checked + .styled_checkbox__desc:before {
content: '\25CF' !important;
} .styled_checkbox--disabled_due_included {
color: #000000 !important;
} .styled_checkbox--disabled_due_included input + .styled_checkbox__desc:before {
content: '\25CF' !important;
} .styled_checkbox--disabled_due_included:hover {
color: #001eff !important;
} .styled_checkbox--disabled_due_included:hover input + .styled_checkbox__desc:before {
content: '\25CF' !important;
} .styled_checkbox--disabled_due_hovered {
color: #001eff !important;
} .styled_checkbox--in-cart input:checked + .styled_checkbox__desc {
color: #848381;
} .styled_checkbox--link {
display: inline-flex;
margin-left: 0 !important;
} .styled_checkbox--link:before {
content: ',\2009';
} .styled_checkbox--link .styled_checkbox__desc {
border-bottom: 1px solid currentColor;
} .styled_checkbox--link .styled_checkbox__desc:before {
display: none;
} .styled_checkbox--link:hover .styled_checkbox__desc {
border-bottom-color: transparent;
} .styled_checkbox--link input:checked + .styled_checkbox__desc {
border-bottom-color: transparent;
} .radio_tags {
display: block;
height: 100%;
} .radio_tags input {
display: none;
} .radio_tags__desc {
height: 100%;
cursor: pointer;
display: inline-flex;
align-items: center;
min-height: 7.93333rem;
border: 1px solid #000000;
border-radius: 0.66667rem;
padding: 1.33333rem 3.33333rem;
text-transform: uppercase;
font-size: 1.6rem;
line-height: 1.2em;
}
@media (max-width: 980px) { .radio_tags__desc {
min-height: 4.33333rem;
padding: 1rem 2rem;
}
}
@media (max-width: 767px) { .radio_tags__desc {
padding: 0.66667rem 1rem;
}
}
@media (max-width: 479px) { .radio_tags__desc {
min-height: 0;
font-size: 1em;
}
} .radio_tags__desc:before {
color: inherit;
font-family: 'DP Icons';
} .radio_tags:hover .radio_tags__desc,
.radio_tags:focus .radio_tags__desc {
border-radius: 60px;
border-color: #001eff;
color: #001eff;
} .radio_tags input:checked + .radio_tags__desc {
border-radius: 60px;
background: #000000;
color: #ffffff;
background: #000000;
border-color: #000000;
color: #ffffff;
} .radio_tags.hovered-cart input:checked + .radio_tags__desc {
color: #ffffff;
background: #001eff;
border-color: #001eff;
} .radio_tags.hovered-cart input:not(:checked) + .radio_tags__desc {
color: #001eff;
border-color: #001eff;
box-shadow: inset 0 0 0 5px #001eff;
} .radio_tags.pre-cart input + .radio_tags__desc:before {
content: '\25CF\00a0';
} .radio_tags.in-cart input + .radio_tags__desc:before {
content: '✓\00a0';
} input:focus,
textarea:focus,
button:focus {
outline: 0;
} .form-body {
margin: 70px 0 43px 0;
*zoom: 1;
} .form-body:after {
content: '\0020';
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
@media (max-width: 767px) { .form-body {
margin: 35px 0 22px 0;
}
} .form-body--trial {
margin: 2.26667rem 0 2.73333rem 0;
} .form-control {
display: block;
position: relative;
max-width: 525px;
background: #f3f1e5;
padding: 5px;
margin: 0 0 4px 0;
-moz-border-radius: 0.33333rem;
-webkit-border-radius: 0.33333rem;
border-radius: 0.33333rem;
} .form-control:before {
font-family: 'DP Icons';
display: none;
position: absolute;
right: 0.33333rem;
top: 0.33333rem;
} .form-control--success {
background: #bfe6bf;
} .form-control input,
.form-control textarea {
width: 100%;
border: 0;
background: transparent;
color: #001eff;
} .form-control--checkbox {
display: flex;
align-items: flex-start;
cursor: pointer;
} .form-control--checkbox .checkbox_btn:before {
font-family: 'DP Icons';
content: '\25CB';
margin-right: 3px;
} .form-control--checkbox .checkbox_desc {
display: block;
max-width: 20rem;
} .form-control--checkbox input {
display: none;
} .form-control--checkbox input:checked + .checkbox_btn:before {
content: '\25CF';
} .form-control--switcher {
flex-direction: column;
padding: 0;
background: transparent;
} .form-control--switcher .switcher_desc {
display: flex;
align-items: center;
justify-content: center;
background: #e1e1e1;
width: 100%;
min-height: 5.66667rem;
padding: 5px;
text-align: center;
border-radius: 0.33333rem;
cursor: pointer;
} .form-control--switcher input {
display: none;
} .form-control--switcher input:checked + .switcher_desc {
background: #000000;
color: #ffffff;
} .form-control[aria-invalid='true'] {
background: #ffe5e5;
} .form-control[aria-invalid='true']:before {
display: block;
content: '\212e';
} .form-control[aria-invalid='false'] {
background: #e9fde4;
} .form-control[aria-invalid='false']:before {
display: block;
content: '\2713';
}
@media (max-width: 767px) { .form-control {
max-width: 500px;
margin: 0 0 2px 0;
padding: 3px; }
} .form-control__reset {
font-size: 1em;
line-height: 1.13333em;
height: 1.13333em;
background: transparent;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
color: inherit;
position: relative;
} .form-control__reset:hover {
border-color: transparent;
} .form-control__reset:after {
font-family: 'DP Icons';
content: '!';
padding: 0 0 0 0.33333rem;
font-size: 95%;
} .form-control--space {
margin-top: 20px;
}
@media (max-width: 767px) { .form-control--space {
margin-top: 10px;
}
} .form-submit {
background: transparent;
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
color: inherit;
font-weight: 400;
} .form-submit:hover {
color: #8a8a8a;
} .form-submit:disabled {
cursor: not-allowed;
color: #8a8a8a;
} .form-row-two-col {
display: block;
clear: both;
margin: 0 -2px;
*zoom: 1;
} .form-row-two-col:after {
content: '\0020';
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
@media (max-width: 767px) { .form-row-two-col {
margin: 0 -1px;
}
} .form-row-two-col > div {
float: left;
width: 50%;
padding: 0 2px;
}
@media (max-width: 767px) { .form-row-two-col > div {
padding: 0 1px;
}
} .styled_select {
width: 100%;
} .styled_select > select {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
border: 0;
background: transparent;
width: 120%;
color: #001eff;
} .styled_select > select option {
padding: 0;
} .styled_select .width_tmp_select {
display: none;
width: auto !important;
} .styled_select .width_full_select {
position: relative;
z-index: 2;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-right: 0.8rem;
} .styled_select--2 {
width: auto;
display: inline-block;
position: relative;
} .styled_select--2 > select {
color: inherit;
background-color: transparent;
background-image: url(//displaay.net/wp-content/themes/displaay/images/selectbox.svg);
background-size: 0.4rem auto;
background-repeat: no-repeat;
background-position: right center;
} .styled_select--3 {
width: auto;
display: inline-block;
position: relative;
white-space: nowrap;
} .styled_select--3 .width_full_select {
padding-right: 0;
padding-left: 0.8rem;
} .styled_select--3 > select {
color: inherit;
background-color: transparent;
background-image: url(//displaay.net/wp-content/themes/displaay/images/selectbox.svg);
background-size: 0.4rem auto;
background-repeat: no-repeat;
background-position: left center;
} .styled_select--common {
white-space: nowrap;
} .styled_select--common:before {
font-family: 'DP Icons';
content: '\2195';
display: inline-block;
} .styled_select--common > select {
width: 100%;
} .cookiesBar {
display: none;
} .play_icon {
display: inline-flex;
text-indent: -100px;
overflow: hidden;
text-align: left;
width: 0.8rem;
} .play_icon:before {
text-indent: 0;
margin: 0 5px 0 0;
content: '\0029';
font-family: 'DP Icons';
} .play_icon:hover:before {
content: '\005b';
} .play_icon.active:before {
content: '\0028';
}
@-webkit-keyframes rotating {
from {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(0deg);
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
to {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(360deg);
transform: translate3d(-50%, -50%, 0) rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: translate3d(-50%, -50%, 0) rotate(0deg);
-moz-transform: translate3d(-50%, -50%, 0) rotate(0deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(0deg);
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
to {
-ms-transform: translate3d(-50%, -50%, 0) rotate(360deg);
-moz-transform: translate3d(-50%, -50%, 0) rotate(360deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(360deg);
transform: translate3d(-50%, -50%, 0) rotate(360deg);
}
} .loading_icon {
font-size: 2.93333rem;
line-height: 100%;
letter-spacing: -0.01em;
display: block;
width: 46px;
height: 46px;
line-height: 46px;
color: #000000;
font-family: 'DP Icons';
-webkit-animation: rotating 1s linear infinite;
-moz-animation: rotating 1s linear infinite;
-ms-animation: rotating 1s linear infinite;
-o-animation: rotating 1s linear infinite;
animation: rotating 1s linear infinite;
}
@media (max-width: 767px) { .loading_icon {
font-size: 2.2rem;
}
}
@media (max-width: 479px) { .loading_icon {
font-size: 1.66667rem;
}
} .loading_icon:before {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 46px;
content: 'L';
} .loading_icon--global {
position: fixed;
display: none;
z-index: 600;
} a[data-live-font-play='true'] .icon:before {
content: '\0029';
} a[data-live-font-play='true']:hover .icon:before {
content: '\005b';
} a[data-live-font-play='true'].playing .icon:before {
content: '\0028';
} .btn_more {
width: 100%;
background: transparent;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
display: inline-flex;
justify-content: space-between;
align-items: center;
font-size: 1em;
} .btn_more:after {
font-family: 'DP Icons';
content: '\2264';
margin-left: 0.33333rem;
} .btn_more.opened {
color: #8a8a8a;
} .btn_more.opened:after {
content: '\2265';
} .home .col {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (max-width: 767px) { .home .col {
padding-top: 0.16667rem;
padding-bottom: 0.16667rem;
}
} .homepage_carousel {
display: block;
overflow: hidden;
position: relative;
} .homepage_carousel .slick-arrow {
width: 50%;
display: block;
border: 0;
background: none;
position: absolute;
top: 0;
bottom: 0;
padding: 0;
cursor: pointer;
overflow: hidden;
text-align: left;
text-indent: -200px;
z-index: 2;
} .homepage_carousel .slick-arrow.slick-prev {
left: 0;
cursor: w-resize;
} .homepage_carousel .slick-arrow.slick-next {
right: 0;
cursor: e-resize;
} .homepage_carousel__dots {
float: right;
padding: 0 0 0 15px;
}
@media (min-width: 2200px) { .homepage_carousel__dots {
padding: 0 0 0 30px;
}
} .homepage_carousel__desc {
padding: 0.33333rem 0 0 0;
} .homepage_carousel__title {
padding: 0 15px 0 0;
display: block;
overflow: hidden;
}
@media (max-width: 767px) { .homepage_carousel__title {
padding: 0 8px 0 0;
}
} .homepage_carousel__paging {
display: none;
} .homepage_carousel__img_wrap {
position: relative;
width: auto;
display: block;
max-width: 100%;
} .homepage_carousel__img_wrap:hover:after {
visibility: visible;
} .homepage_carousel__img_wrap a:hover .typefaces__overal {
opacity: 1;
} .typefaces {
display: block;
margin: 1.46667rem 0 -1rem 0;
padding: 0;
} .typefaces__item {
display: block;
width: 100%;
padding: 0.5rem 0;
overflow: hidden;
}
@media (max-width: 767px) { .typefaces__item {
padding: 0.16667rem 0;
}
} .typefaces__item__image {
width: 50%;
padding: 0 0.5rem 0 0;
}
@media (max-width: 767px) { .typefaces__item__image {
padding: 0 0.16667rem 0 0;
}
} .typefaces__item__desc {
width: 50%;
padding: 1rem 0 1rem 0.5rem;
position: relative;
}
@media (max-width: 767px) { .typefaces__item__desc {
padding: 0.33333rem 0 0.33333rem 0.16667rem;
}
} .typefaces__item__desc:before {
content: '';
position: absolute;
top: 0;
left: 0.5rem;
right: 0;
height: 0.06667rem;
background: #000000;
}
@media (max-width: 767px) { .typefaces__item__desc:before {
left: 0.16667rem;
}
} .typefaces__item footer {
display: none;
} .typefaces__item__quick_links {
display: flex;
opacity: 0;
width: 0;
} .typefaces__item__quick_links:before {
content: ':\00a0';
} .typefaces__item__quick_links > li:before {
content: ',\00a0';
} .typefaces__item__quick_links > li:first-child:before {
content: '';
} .typefaces__item__dots {
display: none;
position: absolute;
right: 0;
top: 1rem;
}
@media (max-width: 767px) { .typefaces__item__dots {
top: 0.33333rem;
}
} .typefaces__item .tag {
margin-left: 0.4rem;
} .typefaces article {
display: flex;
position: relative;
} .typefaces article.has-link:hover .typefaces__overal {
opacity: 1;
} .typefaces article.has-link:hover .typefaces__item__quick_links {
opacity: 1;
width: auto;
} .typefaces article.has-link.no-picture:hover .typefaces__overal {
opacity: 0;
} .typefaces article.has-link.no-picture:hover .typefaces__no_picture {
opacity: 1;
} .typefaces__objects {
position: relative;
overflow: hidden;
} .typefaces__objects ::selection {
background: transparent;
} .typefaces__object {
width: 100%;
height: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding-bottom: 62.5%;
} .typefaces__object__wrap {
position: relative;
color: #ffffff;
} .typefaces__object__wrap[data-type='default'] {
z-index: 2;
} .typefaces__object__wrap[data-type='typography'],
.typefaces__object__wrap[data-type='content'] {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
} .typefaces__object--image {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
} .typefaces__object--fitted-image {
width: 100%;
} .typefaces__object--fitted-image > div {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
} .typefaces__object--fitted-image-1-1 {
padding-bottom: 100%;
} .typefaces__object--fitted-image-16-10 {
padding-bottom: 62.5%;
} .typefaces__object--fitted-image-10-16 {
padding-bottom: 160%;
} .typefaces__object__overlay {
font-family: 'DP Overals';
color: inherit;
position: relative;
z-index: 2;
font-size: 50px;
} .typefaces__overal,
.typefaces__no_picture {
color: inherit;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
opacity: 0;
} .typefaces__overal {
font-family: 'DP Overals';
text-align: center;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
} .typefaces__overal > span {
font-size: inherit;
line-height: inherit;
} .typefaces__no_picture > span {
width: 1.33333rem;
height: 1.33333rem;
border-style: solid;
border-color: currentColor;
position: absolute;
} .typefaces__no_picture > span:nth-child(1) {
left: 0.66667rem;
top: 0.66667rem;
border-right-width: 0.06667rem;
border-bottom-width: 0.06667rem;
} .typefaces__no_picture > span:nth-child(2) {
right: 0.66667rem;
top: 0.66667rem;
border-left-width: 0.06667rem;
border-bottom-width: 0.06667rem;
} .typefaces__no_picture > span:nth-child(3) {
left: 0.66667rem;
bottom: 0.66667rem;
border-right-width: 0.06667rem;
border-top-width: 0.06667rem;
} .typefaces__no_picture > span:nth-child(4) {
right: 0.66667rem;
bottom: 0.66667rem;
border-left-width: 0.06667rem;
border-top-width: 0.06667rem;
} .typefaces__filter {
margin: -0.2rem 0 0 0;
position: relative;
} .typefaces__filter__row {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) { .typefaces__filter__row {
flex-direction: column;
}
} .typefaces__filter__row--specific > div {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) { .typefaces__filter__row--specific > div {
flex-direction: column;
}
} .typefaces__filter dl {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0.2rem 0.8rem 0.2rem 0;
}
@media (max-width: 767px) { .typefaces__filter dl {
width: 100%;
}
} .typefaces__filter dl dd:before {
content: ',\00a0';
} .typefaces__filter dl dt + dd:before {
content: '\00a0\00a0';
} .typefaces__filter a.current .lb {
border-bottom-color: transparent;
} .typefaces__filter a.current.red {
color: #848381;
} .typefaces__filter--collection .typefaces__filter__parent_family {
text-transform: uppercase;
} .typefaces__filter--collection .typefaces__filter__subfamilies__items {
color: #fa0000;
} .typefaces__filter--collection .typefaces__filter__subfamilies__items a {
color: inherit;
} .typefaces__filter__type_text {
background: #fff500;
max-width: 80%;
position: sticky;
top: 50%;
left: 10%;
right: 10%;
transform: translateY(-50%);
padding: 2.53333rem;
margin-bottom: -7.46667rem;
align-items: center;
min-height: 7.46667rem;
display: none;
overflow: hidden;
z-index: 79;
border-radius: 1rem;
} .typefaces__filter__type_text:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 1rem solid #000000;
border-radius: 1rem;
} .typefaces__filter__type_text.visible {
display: flex;
} .typefaces__filter__type_text__btn {
display: block;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
border: 0;
text-indent: -100px;
overflow: hidden;
cursor: pointer;
position: relative;
} .typefaces__filter__type_text__btn--reset {
margin-right: 1.33333rem;
width: 30px;
height: 36px;
background-image: url(//displaay.net/wp-content/themes/displaay/images/icons/ico--refresh.svg);
} .typefaces__filter__type_text__btn--enter {
margin-left: 1.33333rem;
margin-right: 1.33333rem;
width: 30px;
height: 30px;
background-image: url(//displaay.net/wp-content/themes/displaay/images/icons/ico--enter.svg);
top: 0.13333rem;
} .typefaces__filter__type_text__btn--close {
width: 30px;
height: 30px;
background-image: url(//displaay.net/wp-content/themes/displaay/images/icons/ico--close.svg);
} .typefaces__filter__type_text__input {
width: auto;
display: flex;
flex-grow: 1;
border: 0;
background: transparent;
text-align: center;
position: relative;
z-index: 2;
height: 2.4rem;
} .typefaces__carousel {
position: absolute;
left: 0;
top: 0;
width: 100%;
} .typefaces__carousel .slick-arrow {
width: 50%;
display: block;
border: 0;
background: none;
position: absolute;
top: 0;
bottom: 0;
padding: 0;
cursor: pointer;
overflow: hidden;
text-align: left;
text-indent: -200px;
z-index: 2;
} .typefaces__carousel .slick-arrow.slick-prev {
left: 0;
cursor: w-resize;
} .typefaces__carousel .slick-arrow.slick-next {
right: 0;
cursor: e-resize;
} .typefaces--grid2,
.typefaces--grid3,
.typefaces--custom {
display: flex;
flex-wrap: wrap;
margin: 1.46667rem -0.5rem -0.5rem -0.5rem;
}
@media (max-width: 767px) { .typefaces--grid2,
.typefaces--grid3,
.typefaces--custom {
margin: 1.46667rem -0.16667rem -0.16667rem -0.16667rem;
}
} .typefaces--grid2 article,
.typefaces--grid3 article,
.typefaces--custom article {
flex-direction: column;
} .typefaces--grid2 article.has-link:hover .typefaces__item__name .lb,
.typefaces--grid3 article.has-link:hover .typefaces__item__name .lb,
.typefaces--custom article.has-link:hover .typefaces__item__name .lb {
border-bottom-color: transparent !important;
} .typefaces--grid2 .typefaces__item,
.typefaces--grid3 .typefaces__item,
.typefaces--custom .typefaces__item {
width: 50%;
padding: 0.5rem;
}
@media (max-width: 767px) { .typefaces--grid2 .typefaces__item,
.typefaces--grid3 .typefaces__item,
.typefaces--custom .typefaces__item {
padding: 0.16667rem;
}
} .typefaces--grid2 .typefaces__item__image,
.typefaces--grid3 .typefaces__item__image,
.typefaces--custom .typefaces__item__image {
width: 100%;
padding: 0;
} .typefaces--grid2 .typefaces__item__desc,
.typefaces--grid3 .typefaces__item__desc,
.typefaces--custom .typefaces__item__desc {
display: none;
} .typefaces--grid2 .typefaces__item footer,
.typefaces--grid3 .typefaces__item footer,
.typefaces--custom .typefaces__item footer {
display: flex;
flex-wrap: wrap;
padding: 0.33333rem 0 0 0;
} .typefaces--grid2 .typefaces__item__dots,
.typefaces--grid3 .typefaces__item__dots,
.typefaces--custom .typefaces__item__dots {
top: auto;
right: 0;
bottom: 0;
}
@media (max-width: 767px) { .typefaces--grid2 .typefaces__item__dots,
.typefaces--grid3 .typefaces__item__dots,
.typefaces--custom .typefaces__item__dots {
bottom: -0.2rem;
}
} .typefaces--grid3 .typefaces__item {
width: 33.33%;
}
@media (max-width: 767px) { .typefaces--grid3 .typefaces__item {
width: 100%;
}
} .typefaces--custom .typefaces__item {
width: 100%;
} .typefaces--custom .typefaces__item--1 {
width: 16.66%;
} .typefaces--custom .typefaces__item--2 {
width: 33.33%;
} .typefaces--custom .typefaces__item--3 {
width: 50%;
} .typefaces--custom .typefaces__item--4 {
width: 66.66%;
} .typefaces--custom .typefaces__item--5 {
width: 83.33%;
} .typefaces--custom .typefaces__item--6 {
width: 100%;
}
@media (max-width: 767px) { .typefaces--custom .typefaces__item {
width: 100%;
}
} .typefaces[data-pallete='paper'] .typefaces__objects {
color: #000000 !important;
} .typefaces[data-pallete='paper'] .typeface__preview__holder {
background: #f3f1e5 !important;
} .typefaces[data-pallete='paper'] .typeface__livefont .p,
.typefaces[data-pallete='paper'] .typeface__preview__holder--loading::after {
color: #000000 !important;
} .typefaces[data-pallete='black'] .typefaces__objects {
color: #ffffff !important;
} .typefaces[data-pallete='black'] .typeface__preview__holder {
background: #000000 !important;
} .typefaces[data-pallete='black'] .typeface__livefont .p,
.typefaces[data-pallete='black'] .typeface__preview__holder--loading::after {
color: #ffffff !important;
} .typefaces[data-texts='default'] .typefaces__item__dots[data-type='default'] {
display: block;
} .typefaces[data-texts='content'] .typefaces__item__dots[data-type='content'] {
display: block;
} .typefaces[data-texts='content'] .typefaces__object__wrap[data-type='content'] {
z-index: 3;
} .typefaces[data-texts='typography'] .typefaces__item__dots[data-type='typography'] {
display: block;
} .typefaces[data-texts='typography'] .typefaces__object__wrap[data-type='typography'] {
z-index: 3;
} input.typefaces__filter__type_text__input:-moz-placeholder {
text-decoration: underline;
opacity: 1;
color: #000000;
} input.typefaces__filter__type_text__input::-moz-placeholder {
text-decoration: underline;
opacity: 1;
color: #000000;
} input.typefaces__filter__type_text__input:-ms-input-placeholder {
text-decoration: underline;
opacity: 1;
color: #000000;
} input.typefaces__filter__type_text__input::-webkit-input-placeholder {
text-decoration: underline;
opacity: 1;
color: #000000;
} .single-displaay_typeface .typefaces__carousel .slick-arrow {
bottom: 1.66667rem;
} .typeface__preview {
margin-bottom: 8px;
} .typeface__preview > li {
padding-top: 2px;
*zoom: 1;
} .typeface__preview > li:after {
content: '\0020';
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
} .typeface__preview > li:first-child {
padding-top: 0;
} .typeface__preview img {
display: block;
} .typeface__preview__holder {
display: block;
width: 100%;
height: 0;
padding-bottom: 62.5%;
overflow: hidden;
} .typeface__preview__holder--slideshow {
margin-bottom: 8px;
} .typeface__preview__holder--image {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
} .typeface__preview__holder--livefont {
position: relative;
} .typeface__preview__holder--loading:after {
content: 'L';
font-size: 46px;
line-height: 1em;
font-family: 'DP Icons';
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-animation: rotating 1s linear infinite;
-moz-animation: rotating 1s linear infinite;
-ms-animation: rotating 1s linear infinite;
-o-animation: rotating 1s linear infinite;
animation: rotating 1s linear infinite;
} .typeface__preview__holder--loading .typeface__livefont {
opacity: 0;
} .typeface__preview__grid {
display: flex;
flex-wrap: wrap;
margin: 0 -0.5rem;
}
@media (max-width: 767px) { .typeface__preview__grid {
margin: 0 -0.16667rem;
}
} .typeface__preview__grid--bottom {
align-items: flex-end;
} .typeface__preview__item {
padding: 0.5rem;
position: relative;
}
@media (max-width: 767px) { .typeface__preview__item {
padding: 0.16667rem;
}
} .typeface__preview__item .typefaces__object__wrap {
color: inherit;
overflow: hidden;
} .typeface__preview__item--1 {
width: 16.66%;
} .typeface__preview__item--2 {
width: 33.33%;
} .typeface__preview__item--3 {
width: 50%;
} .typeface__preview__item--4 {
width: 66.66%;
} .typeface__preview__item--5 {
width: 83.33%;
} .typeface__preview__item--6 {
width: 100%;
} .typeface__preview__item--valign-top {
margin-top: 0;
margin-bottom: auto;
}
@media (max-width: 767px) { .typeface__preview__item {
width: 100%;
}
} .typeface__preview__item__desc {
color: #000000;
padding: 0.33333rem 0 0 0;
} .typeface__preview__item .typefaces__desc__dots {
background: #ffffff;
padding: 0 0 0 0.33333rem;
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
z-index: 2;
line-height: 1.26667rem;
}
@media (max-width: 767px) { .typeface__preview__item .typefaces__desc__dots {
bottom: 0.16667rem;
right: 0.16667rem;
}
} .typeface__livefont {
display: flex;
width: 100%;
height: 100%;
font-size: 1vw;
line-height: 1em;
letter-spacing: normal;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .typeface__livefont__wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} .typeface__livefont > .p {
width: 100%;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
margin: 0;
padding: 0;
color: #ffffff;
} .typeface__livefont > .p * {
color: inherit;
background: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
margin: 0;
padding: 0;
} .typeface__livefont--paper {
background: #f3f1e5;
} .typeface__livefont--paper > .p {
color: #000000;
} .typeface__livefont--black {
background: #000000;
} .typeface__livefont--black > .p {
color: #ffffff;
} .typeface__preview_desc {
margin-top: -1px;
}
@media (max-width: 767px) { .typeface__preview_desc {
margin-top: -3px;
}
} .typeface__info {
max-width: 100%;
margin: 3.33333rem 0;
} .typeface__info p,
.typeface__info ul,
.typeface__info ol,
.typeface__info dl {
margin-bottom: 1.33333rem;
}
@media (max-width: 767px) { .typeface__info p,
.typeface__info ul,
.typeface__info ol,
.typeface__info dl {
margin: 0 0 1rem 0;
}
} .typeface__info p.noGutter,
.typeface__info p:last-child,
.typeface__info ul.noGutter,
.typeface__info ul:last-child,
.typeface__info ol.noGutter,
.typeface__info ol:last-child,
.typeface__info dl.noGutter,
.typeface__info dl:last-child {
margin-bottom: 0;
} .typeface__info ul,
.typeface__info ol {
margin-left: 1em;
} .typeface__info ul {
list-style: disc;
} .typeface__info ol {
list-style: numeric;
} .typeface__info .large-font {
margin: 2rem 0 4.66667rem 0;
}
@media (max-width: 767px) { .typeface__info .large-font {
margin: 1rem 0;
}
}
@media (max-width: 767px) { .typeface__info h5.underlined {
margin-top: 1.33333rem;
}
} .typeface__info--tester-and-glyhp {
max-width: none;
} .typeface__info--tester-and-glyhp .large-font {
margin: 0 0 1.33333rem 0;
}
@media (max-width: 767px) { .typeface__info--tester-and-glyhp .large-font {
margin: 0 0 1rem 0;
}
} .typeface__info--tester-and-glyhp .large-font a.active {
cursor: not-allowed;
} .typeface__info--tester-and-glyhp .large-font a.active .lb {
border-bottom-color: transparent;
} .typeface__info--tester-and-glyhp ul,
.typeface__info--tester-and-glyhp ol {
list-style: none;
margin: 0;
} .typeface__tabs {
position: relative;
display: none;
} .typeface__tabs--active {
display: block;
} .typeface__in_use {
margin: 4.66667rem 0 3.33333rem 0;
}
@media (max-width: 767px) { .typeface__in_use {
margin: 2.33333rem 0 1.66667rem 0;
}
} .typeface__in_use .large-font {
margin: 0 0 1.33333rem 0;
}
@media (max-width: 767px) { .typeface__in_use .large-font {
margin: 0 0 1rem 0;
}
} .typeface__in_use .large-font a.active {
cursor: not-allowed;
} .typeface__in_use .large-font a.active .lb {
border-bottom-color: transparent;
} .typeface__features_list dl {
border-bottom: 0.06667rem solid #000000;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding: 0.4rem 0;
margin: 0;
} .typeface__features_list dl dt,
.typeface__features_list dl dd {
width: 50%;
flex-grow: 0;
flex-shrink: 0;
} .typeface__features_list dl dt {
padding-right: 1rem;
} .typeface__features_list dl dd.fullwidth {
width: 100%;
} .typeface__features_list dl a .lb {
border-bottom-color: transparent;
} .typeface__features_list dl a.languages_link:after {
display: none;
content: attr(data-see-more);
} .typeface__features_list dl a.languages_link:hover {
color: #8a8a8a;
} .typeface__features_list dl a.languages_link:hover > span,
.typeface__features_list dl a.languages_link:hover:after {
color: #000000;
} .typeface__features_list dl a.languages_link:hover:after {
display: inline;
} .typeface__features_list > dl:first-child {
border-top: 0.06667rem solid #000000;
} .typeface__features_list_toggler {
display: none;
}
@media (max-width: 767px) { .typeface__features_list_toggler {
display: block;
}
} .typeface__features_list_details .languages_list {
display: none;
} .typeface__features_list_details .languages_list.visible {
display: block;
}
@media (max-width: 767px) { .typeface__features_list_details {
display: none;
} .typeface__features_list_details.visible {
display: block;
}
} .typeface__additional_content {
margin-top: 4rem;
margin-bottom: 8rem;
}
@media (max-width: 767px) { .typeface__additional_content {
margin-top: 2rem;
margin-bottom: 4rem;
}
} .typeface__additional_content h5 {
margin: 0 0 0.6rem 0;
} .form-message--alert {
color: #ef0000;
} .typefaces__filter--collection + .typeface__preview {
margin-top: 1.46667rem;
} .gray_table {
width: 100%;
table-layout: fixed;
} .gray_table td {
border-bottom: 1px solid #8a8a8a;
padding: 0.26667rem 0.66667rem 0.26667rem 0;
} .gray_table td:last-child {
padding-right: 0;
} .gray_table tr:first-child td {
border-top: 1px solid #8a8a8a;
} .typeface__tester {
width: 100%;
max-width: none;
background: #000000;
color: #ffffff;
position: relative;
padding: 6rem 1rem 1rem 1rem;
border-radius: 0.66667rem;
}
@media (max-width: 980px) { .typeface__tester {
width: 100%;
}
}
@media (max-width: 767px) { .typeface__tester {
padding: 0.33333rem;
}
} .typeface__tester ul,
.typeface__tester ol {
list-style: none;
margin: 0;
} .typeface__tester ol .styled_checkbox {
position: relative;
} .typeface__tester p {
max-width: 475px;
}
@media (min-width: 2200px) { .typeface__tester p {
max-width: 950px;
}
} .typeface__tester p::-webkit-scrollbar {
width: 0px;
background: transparent;
} .typeface__tester [contenteditable] {
padding: 10px 15px;
display: table-cell;
overflow: hidden;
overflow-x: visible;
-webkit-user-select: text;
user-select: text;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
position: static;
width: auto;
-moz-font-feature-settings: 'liga' 0, 'dlig' 0;
-ms-font-feature-settings: 'liga' 0, 'dlig' 0;
-webkit-font-feature-settings: 'liga' 0, 'dlig' 0;
font-feature-settings: 'liga' 0, 'dlig' 0;
padding-bottom: 1.5rem;
} .typeface__tester [contenteditable]:focus,
.typeface__tester [contenteditable]:hover {
outline: 0 !important;
}
@media (max-width: 767px) { .typeface__tester [contenteditable] {
padding-bottom: 35px;
}
} .typeface__tester__carousel-wrap ul {
list-style: none;
margin: 0 -1rem;
}
@media (max-width: 767px) { .typeface__tester__carousel-wrap ul {
margin: 0 -0.33333rem;
}
} .typeface__tester__carousel-dots {
position: absolute;
right: 1rem;
top: 1rem;
color: #ffffff;
}
@media (max-width: 767px) { .typeface__tester__carousel-dots {
top: 0.4rem;
right: 0.4rem;
}
} .typeface__tester__carousel-dots button {
color: inherit;
} .typeface__tester__background {
color: #000000;
display: flex;
} .typeface__tester__background h6:after {
content: '\00a0';
} .typeface__tester__background ul {
display: flex;
} .typeface__tester__background ul li:before {
content: ',\00a0';
} .typeface__tester__background ul li:first-child:before {
content: '';
} .typeface__tester__background ul:after {
content: '\00a0/\00a0';
} .typeface__tester__background a.active .lb {
border-color: transparent;
} .typeface__tester__handles {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 2;
line-height: 1.13333em;
padding: 1rem 1rem 2.66667rem 1rem;
margin: 0;
}
@media (max-width: 767px) { .typeface__tester__handles {
position: static;
padding: 0.2rem 0.4rem;
}
} .typeface__tester__handles h6 {
display: inline-flex;
font-size: inherit;
line-height: inherit;
font-weight: 400;
color: #848381;
margin: 0 0.33333rem 0 0;
} .typeface__tester__handles h6 + .styled_checkbox--link:before {
display: none;
} .typeface__tester__handles ol {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
} .typeface__tester__handles ol li {
margin-left: 0.66667rem;
} .typeface__tester__handles ol li:first-child {
margin-left: 0;
} .typeface__tester__handles__row {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 0.33333rem;
} .typeface__tester__handles__row-item {
display: flex;
padding-right: 0.8rem;
} .typeface__tester__handles__row-item:last-child {
padding-right: 0;
}
@media (max-width: 767px) { .typeface__tester__handles__row-item--variable-axis-wrap {
display: block !important;
} .typeface__tester__handles__row-item--variable-axis-wrap > div:not(.typeface__tester__handles__row-item--variable-axis) {
display: none;
}
}
@media (max-width: 767px) { .typeface__tester__handles__row-item--variable-axis {
display: flex !important;
position: absolute;
z-index: 9;
bottom: 0.6rem;
left: 0;
right: 0;
width: 100%;
padding: 0 0.5rem !important;
} .typeface__tester__handles__row-item--variable-axis > div {
width: 33.33%;
padding: 0 0.5rem;
} .typeface__tester__handles__row-item--variable-axis h6,
.typeface__tester__handles__row-item--variable-axis .play_icon,
.typeface__tester__handles__row-item--variable-axis .current-value {
display: none;
} .typeface__tester__handles__row-item--variable-axis label,
.typeface__tester__handles__row-item--variable-axis input[type='range'] {
width: 100%;
}
} .typeface__tester__handles__row-item output {
display: inline-flex;
justify-content: flex-start;
min-width: 2.66667rem;
padding: 0 0.33333rem;
font-variant-numeric: tabular-nums;
} .typeface__tester__handles a {
color: inherit;
} .typeface__tester__handles dl {
display: flex;
} .typeface__tester__handles dl dd.wide {
min-width: 5.33333rem;
} .typeface__tester__handles .styled_checkbox + .styled_checkbox {
margin-left: 0.66667rem;
} .typeface__tester__handles .extended-settings {
display: none;
} .typeface__tester__handles .basic-settings {
display: flex;
}
@media (max-width: 767px) { .typeface__tester__handles .basic-settings {
display: none;
}
} .typeface__tester__handles--extended .extended-settings {
display: flex;
} .typeface__tester__handles--extended .basic-settings {
display: none;
} .typeface__tester__holder {
overflow: auto;
font-size: 90px;
line-height: 1em;
white-space: nowrap;
position: relative;
height: 0;
padding: 0 0 62.5% 0;
width: 100%;
-ms-overflow-style: none;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 600px) { .typeface__tester__holder {
padding-bottom: calc(100% - 2.06667rem);
}
} .typeface__tester__holder::-webkit-scrollbar {
display: none;
} .typeface__tester__holder__inner {
position: absolute;
left: 0;
top: 0;
display: table;
table-layout: fixed;
overflow: hidden;
width: 100%;
height: 100%;
} .typeface__tester__ss-changes {
display: none;
position: absolute;
left: 50%;
top: 100%;
width: 150px;
z-index: 99;
-moz-transform: translate3d(-50%, 0.33333rem, 0);
-ms-transform: translate3d(-50%, 0.33333rem, 0);
-webkit-transform: translate3d(-50%, 0.33333rem, 0);
transform: translate3d(-50%, 0.33333rem, 0);
border-radius: 0.66667rem;
background: #848381;
color: #ffffff;
padding: 1rem;
} .typeface__tester__ss-changes .row {
display: flex;
flex-wrap: wrap;
} .typeface__tester__ss-changes .row > span {
display: block;
width: 50%;
flex-grow: 0;
flex-shrink: 0;
text-align: center;
font-size: 2.66667rem;
line-height: 1.2;
} .typeface__tester__ss-changes .row > span:nth-child(odd) {
border-right: 0.06667rem solid #ffffff;
} .typeface__tester .styled_select--2 > select {
background-color: #000000;
background-image: url(//displaay.net/wp-content/themes/displaay/images/selectbox--white.svg);
} .typeface__tester--paper {
background: #f3f1e5;
color: #000000;
} .typeface__tester--paper .typeface__tester__handles {
border-bottom-color: #000000;
} .typeface__tester--paper .typeface__tester__ss-changes {
color: #000000;
} .typeface__tester--paper .typeface__tester__ss-changes .row > span:nth-child(odd) {
border-right-color: #000000;
} .typeface__tester--paper .typeface__tester__carousel-dots button {
color: #000000;
} .typeface__tester--paper .styled_select--2 > select {
background-color: transparent;
background-image: url(//displaay.net/wp-content/themes/displaay/images/selectbox.svg);
} .typeface__tester__to-animate {
position: absolute;
left: -1px;
top: -1px;
display: inline-block;
width: 1px;
height: 1px;
opacity: 0;
} .typeface__glyph-table {
background: #000000;
color: #ffffff;
padding: 0.73333rem;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
border-radius: 0.66667rem;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
} .typeface__glyph-table__aside {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 33.33%;
padding: 0 1.33333rem 0 0;
display: flex;
flex-direction: column;
height: 100%;
}
@media (max-width: 767px) { .typeface__glyph-table__aside {
width: 100%;
position: static;
padding: 0 0 1.33333rem 0;
height: auto;
}
} .typeface__glyph-table__aside .typeface__tester__handles {
position: static;
padding: 0;
margin: 0;
} .typeface__glyph-table__aside p {
margin-top: auto;
margin-bottom: 0;
} .typeface__glyph-table__big-glyph {
width: 100%;
position: relative;
height: 0;
padding-bottom: 100%;
margin: auto 0;
overflow: hidden;
}
@media (max-width: 767px) { .typeface__glyph-table__big-glyph {
margin: 1.33333rem 0;
}
} .typeface__glyph-table__big-glyph > canvas {
position: absolute;
left: 50%;
top: 50%;
} .typeface__glyph-table__big-glyph > canvas#big-glyph {
filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(340deg) brightness(107%) contrast(100%);
} .typeface__glyph-table__glyphs {
width: 66.66%;
text-align: left;
}
@media (max-width: 767px) { .typeface__glyph-table__glyphs {
width: 100%;
}
} .typeface__glyph-table__glyphs > ul {
list-style: none;
display: block;
} .typeface__glyph-table__glyphs > ul > li {
width: 100%;
border-top: 0.06667rem solid #848381;
} .typeface__glyph-table__glyphs > ul > li:first-child {
border-top-width: 0;
} .typeface__glyph-table__glyphs > ul > li:first-child ul {
padding-top: 0;
} .typeface__glyph-table__glyphs > ul > li ul {
padding: 0.66667rem 0;
display: flex;
flex-wrap: wrap;
} .typeface__glyph-table__glyphs > ul > li ul > li {
width: 5.882%;
border-style: solid;
border-color: #525151;
border-bottom-width: 1px;
border-right-width: 1px;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(17n + 1) {
border-left-width: 1px;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(-n + 17) {
border-top-width: 1px;
} .typeface__glyph-table__glyphs > ul > li ul > li:hover {
background-color: #f3f1e5;
} .typeface__glyph-table__glyphs > ul > li ul > li:hover canvas {
filter: invert(61%) sepia(9%) saturate(0%) hue-rotate(252deg) brightness(89%) contrast(89%);
} .typeface__glyph-table__glyphs > ul > li ul > li.active {
pointer-events: none;
cursor: not-allowed;
background-color: #8a8a8a;
}
@media (max-width: 980px) { .typeface__glyph-table__glyphs > ul > li ul > li {
width: 8.333%;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(17n + 1) {
border-left-width: 0;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(-n + 17) {
border-top-width: 0;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(12n + 1) {
border-left-width: 1px;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(-n + 12) {
border-top-width: 1px;
}
}
@media (max-width: 479px) { .typeface__glyph-table__glyphs > ul > li ul > li {
width: 12.5%;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(12n + 1) {
border-left-width: 0;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(-n + 12) {
border-top-width: 0;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(8n + 1) {
border-left-width: 1px;
} .typeface__glyph-table__glyphs > ul > li ul > li:nth-child(-n + 8) {
border-top-width: 1px;
}
} .typeface__glyph-table__glyph {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
} .typeface__glyph-table__glyph canvas {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
cursor: pointer;
filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(340deg) brightness(107%) contrast(100%);
} .typeface__glyph-table .styled_select--2 > select {
background-color: #000000;
background-image: url(//displaay.net/wp-content/themes/displaay/images/selectbox--white.svg);
} .typeface__glyphs {
height: 0;
padding-bottom: 62.5%;
position: relative;
} .typeface__glyphs--paper .typeface__glyph-table {
background: #f3f1e5;
color: #000000;
} .typeface__glyphs--paper .typeface__glyph-table__glyphs > ul > li ul > li {
border-color: #8a8a8a;
} .typeface__glyphs--paper .typeface__glyph-table__glyphs > ul > li ul > li:hover {
background-color: #000000;
} .typeface__glyphs--paper .typeface__glyph-table__glyphs > ul > li ul > li.active canvas {
filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(340deg) brightness(107%) contrast(100%);
} .typeface__glyphs--paper .typeface__glyph-table__glyphs canvas {
filter: none;
} .typeface__glyphs--paper .typeface__glyph-table__big-glyph #big-glyph {
filter: none;
} .typeface__glyphs--paper .styled_select--2 > select {
background-color: transparent;
background-image: url(//displaay.net/wp-content/themes/displaay/images/selectbox.svg);
} .typeface__buy {
background: rgba(49, 234, 0, 0.1);
padding: 1.33333rem 0 6rem 0;
margin-bottom: -4.66667rem;
}
@media (max-width: 767px) { .typeface__buy {
margin-bottom: -2.33333rem;
padding: 1.33333rem 0 3rem 0;
}
} .typeface__buy_table dl {
margin-top: 1.33333rem;
margin-bottom: 0;
} .typeface__buy_table dl.discount {
margin-top: 0.33333rem;
} .typeface__buy_table h5 + dl {
margin-top: 0;
} .typeface__buy_table dd label {
display: flex;
justify-content: flex-start;
} .typeface__buy_table dd label:hover {
color: #001eff;
} .typeface__buy_table dd .price {
white-space: nowrap;
text-align: right;
width: 5.33333rem;
font-variant-numeric: tabular-nums;
}
@media (max-width: 1280px) { .typeface__buy_table dd .price {
margin-left: auto;
}
}
@media (max-width: 767px) { .typeface__buy_table dd .price {
margin-left: 0;
}
}
@media (max-width: 374px) { .typeface__buy_table dd .price {
margin-left: auto;
}
} .typeface__buy_table dd .price--full {
margin-left: auto;
text-decoration: line-through;
color: #8a8a8a;
}
@media (max-width: 1280px) { .typeface__buy_table dd .price--full {
display: none;
}
}
@media (max-width: 767px) { .typeface__buy_table dd .price--full {
display: block;
}
}
@media (max-width: 374px) { .typeface__buy_table dd .price--full {
display: none;
}
} .typeface__buy_table dd .price--full.hide + .price {
margin-left: auto !important;
} .typeface__buy_table hr {
display: block;
border: 0;
margin: 1.06667rem 0;
height: 1px;
width: 100%;
background: #000000;
padding: 0;
} .typeface__buy_table .discount {
display: flex;
justify-content: space-between;
} .typeface__buy_table .discount_cell {
font-variant-numeric: tabular-nums;
}
@media (max-width: 767px) { .typeface__buy h5.underlined {
margin-top: 0;
}
} .typeface__buy footer.large-font {
margin-top: 2.66667rem;
} .typeface__buy_licences,
.typeface__buy_licensing {
padding-bottom: 1.06667rem;
border-bottom: 0.06667rem solid #000000;
} .typeface__buy_licences__item-wrap {
margin-bottom: 1.25em;
} .typeface__buy_licences__item {
display: flex;
justify-content: space-between;
} .typeface__buy_licences__item:hover {
color: #001eff;
} .typeface__buy_licences__item:hover .select-representative {
color: #001eff;
} .typeface__buy_licences__item .styled_checkbox__desc {
white-space: nowrap;
} .typeface__buy_licences__desc {
margin: 1.33333rem 0 0 0;
} .typeface__buy_licences__desc p {
margin-bottom: 1.33333rem;
} .typeface__buy_licensing p {
max-width: 21.66667rem;
} .typeface__buy_licensing dl {
display: flex;
flex-wrap: wrap;
} .typeface__buy_licensing dl dd {
width: 100%;
} .typeface__buy_licensing dl dd:hover {
color: #001eff;
} .typeface__buy_licensing dl dd span {
float: right;
padding-left: 0.66667rem;
font-variant-numeric: tabular-nums;
} .typeface__buy__arrows-wrap {
display: flex;
justify-content: flex-end;
align-items: center;
} .typeface__buy__arrows {
position: relative;
z-index: 2;
transform: translateY(100%);
display: none;
font-weight: 500;
}
@media (max-width: 767px) { .typeface__buy__arrows {
display: block;
}
} .typeface__buy__arrows .slick-arrow {
border: 0;
background: 0;
margin: 0;
padding: 0;
cursor: pointer;
} .typeface__buy__arrows .slick-arrow.slick-prev {
margin-right: 0.33333rem;
} .typeface__buy__arrows .slick-arrow.slick-prev:before {
font-family: 'DP Icons';
content: '\003c';
} .typeface__buy__arrows .slick-arrow.slick-next {
margin-left: 0.33333rem;
} .typeface__buy__arrows .slick-arrow.slick-next:before {
font-family: 'DP Icons';
content: '\0028';
} .typeface__buy__tabs {
margin: 0 0 2.93333rem 0;
}
@media (max-width: 767px) { .typeface__buy__tabs {
margin: 0 0 1.46667rem 0;
}
} .typeface__buy__tabs p {
max-width: 17.33333rem;
} .typeface__buy__tabs ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
} .typeface__buy__tabs ul > li {
padding-right: 0.5rem;
} .typeface__buy__headline__br_with_offset {
display: block;
content: '';
margin-top: 2.66667rem;
}
@media (max-width: 767px) { .typeface__buy__headline__br_with_offset {
margin-top: 1.33333rem;
}
} .typeface__buy__shipping {
max-width: 22.66667rem;
} .typeface__buy__shipping dl {
display: flex;
flex-wrap: wrap;
} .typeface__buy__shipping dl dt,
.typeface__buy__shipping dl dd {
flex: 0 0 auto;
} .typeface__buy__shipping dl dt {
width: 40%;
} .typeface__buy__shipping dl dd {
width: 60%;
} .typeface__buy--offline {
padding: 1.33333rem 0 3rem 0;
}
@media (max-width: 767px) { .typeface__buy--offline {
padding: 1.33333rem 0 1.66667rem 0;
}
} .typeface__buy--offline .large-font {
margin-bottom: 3rem;
}
@media (max-width: 767px) { .typeface__buy--offline .large-font {
margin-bottom: 1.66667rem;
}
} .about {
border-bottom: 0.06667rem solid #000000;
padding: 0.66667rem 0 3rem 0;
} .about--license {
padding: 2.66667rem 0;
}
@media (max-width: 767px) { .about {
padding: 0.66667rem 0 1.66667rem 0;
}
} .about:last-child {
border-bottom-width: 0;
} .about.about--navigation {
padding: 0 0 1.2rem 0;
} .about.about--navigation p {
margin: 0;
} .about.about--navigation ul {
color: #fa0000;
display: flex;
margin: 0;
} .about.about--navigation ul > li {
padding: 0;
text-indent: 0;
display: inline-flex;
} .about.about--navigation ul > li:before {
font-family: 'DP Clear', Helvetica Neue, Helvetica, Arial, sans-serif;
content: ',\00a0';
} .about.about--navigation ul > li:first-child:before {
content: '';
} .about.about--navigation ul a {
color: inherit;
} .about.about--navigation .current .lb {
border-bottom-color: transparent;
} .about.about--intro {
padding: 0;
border-bottom: 0;
} .about .row {
overflow: hidden;
}
@media (min-width: 1440px) { .about .col--1 {
max-width: 11.4rem;
} .about .col--2 {
max-width: 22.8rem;
} .about .col--3 {
max-width: 34.2rem;
} .about .col--4,
.about .col--3-4 {
max-width: 45.6rem;
} .about .col--5 {
max-width: 57rem;
} .about .col--6,
.about .col--4-f,
.about .col--5-f {
max-width: 68.4rem;
} .about .row--1440 .col--1 {
max-width: 15.66667rem;
} .about .row--1440 .col--1p {
max-width: 23.5rem;
} .about .row--1440 .col--2 {
max-width: 31.33333rem;
} .about .row--1440 .col--3 {
max-width: 47rem;
} .about .row--1440 .col--4 {
max-width: 62.66667rem;
} .about .row--1440 .col--5 {
max-width: 78.33333rem;
} .about .row--1440 .col--6 {
max-width: 94rem;
}
} .about h1 {
font-size: 2.93333rem;
line-height: 100%;
letter-spacing: -0.01em;
margin: 0 0 1.5em 0;
}
@media (max-width: 767px) { .about h1 {
font-size: 2.2rem;
}
}
@media (max-width: 479px) { .about h1 {
font-size: 1.66667rem;
}
} .about h2 {
font-size: 1.6rem;
line-height: 1.125em;
letter-spacing: -0.002em;
font-weight: 400;
margin: 0 0 2.8rem 0;
text-transform: uppercase;
}
@media (max-width: 767px) { .about h2 {
margin: 0 0 1.66667rem 0;
}
} .about h2.no-margin {
margin: 0 0 0.1em 0;
} .about h3 {
font-size: 1.6rem;
line-height: 1.35em;
margin: 0 0 1.26667rem 0;
} .about .perex {
max-width: 62.33333rem;
margin: 0 0 3.33333rem 0;
}
@media (max-width: 767px) { .about .perex {
margin: 0 0 1.66667rem 0;
}
} .about .perex.no-margin {
margin-bottom: 0;
} .about .perex--smaller {
max-width: 38.66667rem;
} .about .perex p {
font-size: 1.6rem;
line-height: 1.2em;
margin: 0 0 1.2em 0;
} .about .perex p:last-child {
margin-bottom: 0;
} .about h4 {
line-height: 1.33333em;
} .about p,
.about ul {
line-height: 1.33333em;
margin: 0 0 1.33333em 0;
} .about p.no-margin,
.about ul.no-margin {
margin: 0;
} .about p.no-margin + ul,
.about ul.no-margin + ul {
margin-top: 0;
} .about p + ul {
margin-top: -1.33333em;
} .about ul > li {
padding-left: 1rem;
text-indent: -1rem;
} .about ul > li:before {
font-family: 'DP Icons';
content: '%\00a0';
} .about ul.slick-dots > li:before {
display: none;
} .about ul.homepage_carousel__slides,
.about ul.slick-dots {
margin: 0;
} .about strong {
font-weight: 500;
} .about .homepage_carousel {
max-width: 94rem;
} .about details summary {
pointer-events: none;
} .about details summary > span {
display: flex;
align-items: flex-start;
} .about details summary > span:before {
font-family: 'DP Icons';
content: '(';
margin: 0 0.5em 0 0;
font-size: 0.7em;
} .about details summary:marker {
display: none;
} .about details summary::-webkit-details-marker {
display: none;
} .about .typeface__buy__headline {
margin: 2.27272em 0 0.33333rem 0;
} .about table.table_variable_licences {
color: #8a8a8a;
table-layout: fixed;
margin: 1.66667rem 0 0 0;
} .about table.table_variable_licences td:first-child {
font-weight: 500;
} .about table.table_variable_licences tr td {
border-bottom: 0.06667rem solid #8a8a8a;
padding: 0.66667rem 0;
vertical-align: top;
} .about table.table_variable_licences tr td:first-child {
padding-right: 1.33333rem;
width: 33.33%;
} .about table.table_variable_licences tr:first-child td {
border-top: 0.06667rem solid #8a8a8a;
} .about__icon {
font-family: inherit;
line-height: inherit;
display: inline-block;
white-space: nowrap;
} .about__icon__wrap {
font-family: 'DP Overals';
display: block;
max-width: 100%;
line-height: 1.2;
padding: 0 0.26667rem;
} .form-body--basket .form-control {
max-width: none;
} .cart_info p,
.cart_info ul {
margin-bottom: 1.25rem;
} .cart_info p:last-child,
.cart_info ul:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) { .cart_info h5 {
margin-top: 1.33333rem;
}
} .cart_info:after {
content: '';
display: block;
width: 100%;
height: 1px;
background: #000000;
margin: 1.25rem 0 0 0;
}
@media (max-width: 767px) { .cart_info:after {
display: none;
}
} .cart_info--no-border:after {
display: none;
} .cart__content__products:before {
display: none;
} .cart__content__products__item {
position: relative;
} .cart__content__products__item header {
font-weight: 500;
} .cart__content__products__item + .cart__content__products__item {
margin-top: 1.25rem;
} .cart__content__products__item + .cart__content__products__item:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #8a8a8a;
position: absolute;
left: 0;
top: calc(-0.625rem + 0.5px);
} .cart__content__products__item dt {
display: flex;
justify-content: space-between;
} .cart__content__products__item dt p {
margin: 0;
} .cart__content__products__item header:hover .styled_checkbox__desc,
.cart__content__products__item dt:hover .styled_checkbox__desc,
.cart__content__products__item dd:hover .styled_checkbox__desc {
color: #001eff;
} .cart__content__products__item .product {
color: #848381;
} .cart__content__products__item .styled_checkbox__desc {
display: flex;
align-items: baseline;
justify-content: flex-start;
} .cart__content__products__item .styled_checkbox__desc > span {
margin-left: auto;
} .cart__content__products__meta {
margin: 3rem 0 2.66667rem 0;
}
@media (max-width: 767px) { .cart__content__products__meta {
margin: 3rem 0 1.33333rem 0;
} .cart__content__products__meta + .large-font {
margin-bottom: 1.33333rem;
}
} .cart_promo_code__wrap {
position: relative;
} .cart_promo_code__submit {
position: absolute;
right: 0.33333rem;
top: 0.33333rem;
} .cart_promo_code .form-control {
margin-bottom: 0;
} .cart_block .discount {
border-top: 1px solid #8a8a8a;
display: flex;
justify-content: space-between;
margin: 0.66667rem 0 0 !important;
padding: 0.66667rem 0 0 !important;
} .order__status {
border-top: 1px solid #000000;
padding: 0.66667rem 0 2.66667rem 0;
font-size: 1.6rem;
line-height: 1.2em;
} .order__status h2 {
margin: 0 0 2.66667rem 0;
} .order__status p {
margin: 0 0 1.46667rem 0;
} .order__status #buying-as {
display: flex;
font-size: 1rem;
} .order__status #buying-as a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 6rem;
flex-grow: 0;
flex-shrink: 0;
background: #e1e1e1;
border-radius: 0.33333rem;
} .order__status #buying-as a:first-child {
margin-right: 0.2rem;
} .order__status #buying-as a:last-child {
margin-right: 0.2rem;
} .order__status #buying-as a.active {
background: #000000;
color: #ffffff;
} .order__icon {
font-size: 17.66667rem;
margin-bottom: -2rem;
} .row--buying-as {
margin-left: -0.2rem;
margin-right: -0.2rem;
} .row--buying-as .col {
padding-left: 0.2rem;
padding-right: 0.2rem;
} .form-body--order .licensee_form_part {
display: none;
} .payment-form__methods-img {
margin-top: 50px;
}
@media (max-width: 767px) { .payment-form__methods-img {
margin-top: 25px;
}
} .form-body--payment .order__billing_info {
padding: 0;
max-width: none;
} .form-body--payment .order__billing_info .form-control {
max-width: 100%;
} .form-body .typeface__buy__headline--payment {
padding: 20px 0 0 0;
} .payment__content {
display: flex;
flex-wrap: wrap;
flex-grow: 1;
flex-shrink: 0;
margin: 0 -1rem;
}
@media (max-width: 767px) { .payment__content {
margin: 0;
width: 100%;
flex-grow: 0;
}
} .payment__content__form,
.payment__content__sumup {
width: 50%;
padding: 0 1rem;
position: relative;
}
@media (max-width: 767px) { .payment__content__form,
.payment__content__sumup {
width: 100%;
padding: 1rem 0;
}
} .payment__content__form:before,
.payment__content__sumup:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0.06667rem;
background: #848381;
}
@media (max-width: 767px) { .payment__content__form:before,
.payment__content__sumup:before {
display: none;
}
} .payment__content__form:before {
display: none;
} .payment__content__form .methods {
margin-bottom: 1.33em;
} .payment__content__form p.help {
color: #848381;
max-width: 20rem;
margin-bottom: 1.33em;
} .payment__content__form .typeface__buy__headline--payment {
padding-top: 0;
} .payment__content__sumup table {
width: 100%;
} .payment__content__sumup table td:first-child {
padding-right: 1.33333rem;
} .payment__content__sumup table td:last-child {
padding-left: 1.33333rem;
} .payment__content__sumup table.products tr:hover {
color: #001eff;
} .payment__powered {
color: #5f5e5a;
} .payment__powered a {
color: inherit;
} .bilingual {
width: auto;
margin: 0 -50px;
font-size: 1.46667em;
line-height: 1.22727em;
position: relative;
*zoom: 1;
} .bilingual:after {
content: '\0020';
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
@media (max-width: 767px) { .bilingual {
font-size: 1.375em;
margin: 0 -25px;
}
} .bilingual:before {
content: '';
position: absolute;
left: 50px;
right: 50px;
top: 0;
max-width: 1340px;
height: 1px;
background: #000000;
}
@media (min-width: 2200px) { .bilingual:before {
max-width: 2860px;
}
}
@media (max-width: 767px) { .bilingual:before {
display: none;
}
} .bilingual > li {
float: left;
width: 50%;
max-width: 720px;
padding: 25px 50px 0 50px;
position: relative;
}
@media (min-width: 2200px) { .bilingual > li {
max-width: 1480px;
padding-top: 50px;
}
}
@media (max-width: 767px) { .bilingual > li {
width: 100%;
max-width: none;
padding: 25px 25px 0 25px;
} .bilingual > li:before {
content: '';
position: absolute;
left: 25px;
right: 25px;
top: 0;
height: 1px;
background: #000000;
}
} .bilingual h1,
.bilingual h2,
.bilingual h3,
.bilingual h4,
.bilingual h5,
.bilingual h6 {
font-size: 1em;
line-height: inherit;
} .bilingual h6 {
font-weight: 400;
} .bilingual p + p {
margin-top: 1.22727em;
} .bilingual hr {
border: 0;
margin: 1em 0;
padding: 0;
height: 1px;
width: 100%;
background: #000000;
} .bilingual__agree {
margin: 60px 0 30px 0;
font-size: 2em;
line-height: 1.2em;
}
@media (min-width: 2200px) { .bilingual__agree {
margin: 120px 0 100px 0;
}
}
@media (max-width: 767px) { .bilingual__agree {
margin: 20px 0 40px 0;
font-size: 2em;
}
} ul.bilingual {
padding: 0;
list-style: none;
} .notification {
position: fixed;
top: 50%;
left: 50%;
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
z-index: 599;
text-align: center;
width: 100%;
max-width: 22rem;
padding: 2.33333rem;
display: block;
background: #fff500;
border-radius: 1rem;
}
@media (max-width: 374px) { .notification {
max-width: 18.66667rem;
}
} .notification header {
font-size: 1.6rem;
line-height: 1.125em;
background: #fff500;
color: #ff0000;
padding: 0 3.66667rem 1.53333rem 0;
border-bottom: 0.5px solid #000000;
text-align: left;
margin: 0 0 0.8rem 0;
position: sticky;
top: 0;
z-index: 2;
} .notification header.no-line {
border-bottom-width: 0;
margin: 0 0 1.2rem 0;
padding-bottom: 0;
min-height: 2.93333rem;
display: flex;
align-items: center;
} .notification:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1rem solid #000000;
border-radius: 1rem;
z-index: -1;
} .notification--medium {
width: 80vw;
height: 80vh;
max-width: 35.8rem;
max-height: 55.66667rem;
padding-bottom: 1rem;
} .notification--medium .notification__inside {
overflow: auto;
max-height: 100%;
} .notification--variable-height {
height: auto !important;
padding: 2.33333rem;
} .notification--large {
width: 80vw;
height: 80vh;
max-width: 80rem;
max-height: 51.33333rem;
} .notification--large .notification__inside {
overflow: auto;
max-height: 100%;
} .notification__close {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2.93333rem;
height: 2.93333rem;
border: 0;
background: 0;
border-radius: 0;
padding: 0;
text-indent: -300px;
overflow: hidden;
cursor: pointer;
} .notification__close:before,
.notification__close:after {
content: '';
display: block;
width: 2.66667rem;
height: 1px;
background: #ff0000;
position: absolute;
top: 1.33333rem;
left: 0;
} .notification__close:before {
transform: rotate(45deg);
} .notification__close:after {
transform: rotate(-45deg);
} .notification__languages {
column-count: 6;
column-gap: 1rem;
overflow: auto;
text-align: left;
}
@media (max-width: 1280px) { .notification__languages {
column-count: 5;
}
}
@media (max-width: 980px) { .notification__languages {
column-count: 4;
}
}
@media (max-width: 830px) { .notification__languages {
column-count: 3;
}
}
@media (max-width: 767px) { .notification__languages {
column-count: 2;
}
}
@media (max-width: 400px) { .notification__languages {
column-count: 1;
}
} .notification__languages dl {
display: table;
} .notification__licenses {
text-align: left;
overflow: hidden;
} .notification__licenses ul > li {
padding-left: 1rem;
text-indent: -1rem;
} .notification__licenses ul > li:before {
font-family: 'DP Icons';
content: '%\00a0';
} .notification__licenses .row--table:before,
.notification__licenses .row--table:after {
background-color: #000000;
} .notification__licenses .row--table:first-child {
padding-top: 0;
} .notification__licenses .row--table:first-child:before {
display: none;
} .notification__licenses .row + p {
margin-top: 0.33333rem;
max-width: 60rem;
} .notification__form {
text-align: left;
} .notification__form form {
margin: 1.66667rem auto 0 auto;
max-width: 100%;
overflow: hidden;
} .notification__form fieldset {
margin: 2.26667rem 0 0 0;
} .notification__form fieldset legend {
margin: 0 0 0.53333rem 0;
} .notification__form .form-control {
max-width: none;
margin: 0 0 0.4rem 0;
} .notification__form__buttons {
text-align: center;
} .notification__form__buttons button {
padding: 0;
margin: 0;
border: 0;
background: transparent;
cursor: pointer;
font-size: 1.6rem;
height: 5.33333rem;
} .notification__form__buttons button[disabled] {
opacity: 0.5;
cursor: not-allowed;
} .product_list__products > li {
margin-top: 1.25rem;
position: relative;
} .product_list__products > li:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #8a8a8a;
position: absolute;
left: 0;
top: calc(-0.625rem + 0.5px);
} .product_list__products > li:first-child {
margin-top: 0;
} .product_list__products > li:first-child:before {
display: none;
} .product_list__products > li li {
display: flex;
justify-content: space-between;
color: #848381;
} .product_list__products > li li:hover {
color: #001eff;
} .product_list__sum_up {
display: flex;
flex-wrap: wrap;
margin-top: 1.25rem;
position: relative;
} .product_list__sum_up:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #8a8a8a;
position: absolute;
left: 0;
top: calc(-0.625rem + 0.5px);
} .product_list__sum_up dt {
width: 66.66%;
} .product_list__sum_up dd {
width: 33.33%;
text-align: right;
} .product_list__sum_up dt,
.product_list__sum_up dd {
flex-grow: 0;
flex-shrink: 0;
} .product_list__title:before {
font-family: 'DP Icons';
content: '\2022';
} .custom_select {
display: none;
position: absolute;
left: 0;
top: 100%;
margin-top: 3px;
z-index: 99;
background: #e1e1e1;
padding: 0.33333rem 0.53333rem;
width: 17rem;
border-radius: 0.33333rem;
color: #000000;
}
@media (max-width: 1150px) { .custom_select {
left: auto;
right: 0;
}
}
@media (max-width: 980px) { .custom_select {
left: 0;
right: auto;
}
}
@media (max-width: 767px) { .custom_select {
right: 0;
left: auto;
}
} .custom_select__wrap {
position: relative;
} .custom_select__wrap--static {
position: static;
} .custom_select__wrap .select-representative:after {
font-family: 'DP Icons';
content: '\00a0\2195';
line-height: 1em;
} .custom_select p,
.custom_select ul {
margin: 0;
padding: 0;
} .custom_select p:first-child,
.custom_select ul:first-child {
border-top-width: 0;
padding-top: 0;
} .custom_select p:last-child,
.custom_select ul:last-child {
padding-bottom: 0;
margin-top: 5px;
} .custom_select hr {
display: none;
} .custom_select__items {
max-height: 155px;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
border: 0 !important;
padding: 0 !important;
position: relative;
} .custom_select__items::-webkit-scrollbar-track {
background-color: transparent;
} .custom_select__items::-webkit-scrollbar {
width: 8px;
background-color: rgba(255, 255, 255, 0);
} .custom_select__items::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.45);
}
@media (max-width: 767px) { .custom_select__items {
max-height: 125px;
}
} .custom_select__items a {
display: block;
} .custom_select__items a .lb {
border-bottom-width: 0;
} .custom_select__items a.active {
color: #001eff;
} .custom_select__items a:hover {
color: #001eff;
} .custom_select__items a.minimal {
color: #001eff;
} .custom_select__items a[disabled] {
opacity: 0.5;
pointer-events: none;
} .tag {
display: inline-flex;
padding: 0 0.53333rem;
text-transform: uppercase;
background: #000000;
border-radius: 0.66667rem;
color: #ffffff;
font-size: 0.73333em;
letter-spacing: 0.03em;
vertical-align: middle;
} .tag a {
color: inherit;
} .switcher-wrap {
display: flex;
align-items: center;
} .switcher {
position: relative;
display: inline-flex;
vertical-align: middle;
width: 2rem;
height: 0.66667rem;
border: 0.06667rem solid #000000;
border-radius: 0.8rem;
background: transparent; } .switcher__slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
} .switcher__slider:before {
position: absolute;
content: '';
height: 1.2rem;
width: 1.2rem;
border-radius: 50%;
left: -0.06667rem;
top: 50%;
margin-top: -0.6rem;
background-color: #000000;
} .switcher input {
opacity: 0;
width: 0;
height: 0;
} .switcher input:checked + .switcher__slider:before {
transform: translateX(0.86667rem);
} .switcher--white {
border-color: #ffffff;
} .switcher--white .switcher__slider:before {
background-color: #ffffff;
} .typeface__glyph-table--black .switcher,
.typeface__tester--black .switcher,
.typeface__glyphs--black .switcher {
border-color: #ffffff;
} .typeface__glyph-table--black .switcher__slider:before,
.typeface__tester--black .switcher__slider:before,
.typeface__glyphs--black .switcher__slider:before {
background-color: #ffffff;
} .menu_hamburger {
width: 30px;
height: 20px;
cursor: pointer;
position: relative;
z-index: 29;
background: transparent;
border: 0;
padding: 0;
margin: 0 0 0 auto;
display: none;
}
@media (max-width: 830px) { .menu_hamburger {
display: block;
top: 0.66667rem;
right: 0.33333rem;
}
} .menu_hamburger__line {
width: 100%;
height: 1px;
background-color: #000000;
display: block;
position: absolute;
opacity: 1;
left: 0;
} .menu_hamburger__line:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
} .menu_hamburger__line:nth-child(2) {
top: 50%;
margin-top: -1px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
} .menu_hamburger__line:nth-child(3) {
bottom: 0;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
} .menu_hamburger.active .menu_hamburger__line:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -1px;
left: 4.5px;
} .menu_hamburger.active .menu_hamburger__line:nth-child(2) {
width: 0%;
opacity: 0;
} .menu_hamburger.active .menu_hamburger__line:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 20px;
left: 4px;
}