html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
scroll-padding-top: calc(50% - 200px);
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
overflow: visible;
}
strong {
font-weight: bolder;
}
[type="button"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
html {
box-sizing: border-box;
font-size: 100%;
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family:
Helvetica Neue,
Helvetica,
Roboto,
Arial,
sans-serif;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
}
div,
h1,
h2,
h3,
li,
p,
ul {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
i,
strong {
line-height: inherit;
}
strong {
font-weight: 700;
}
h1,
h2,
h3 {
font-family:
Helvetica Neue,
Helvetica,
Roboto,
Arial,
sans-serif;
font-style: normal;
font-weight: 400;
color: inherit;
text-rendering: optimizeLegibility;
}
h1 {
font-size: 1.5rem;
}
h1,
h2 {
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 1.9375rem;
}
}
a img,
hr {
border: 0;
}
hr {
clear: both;
max-width: 81rem;
height: 0;
margin: 1.25rem auto;
border-bottom: 1px solid #cacaca;
}
ul {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6;
}
li {
font-size: inherit;
}
ul {
list-style-type: disc;
}
ul {
margin-left: 1.25rem;
}
ul ul {
margin-left: 1.25rem;
margin-bottom: 0;
}
@media print {
* {
background: transparent !important;
color: #000 !important;
color-adjust: economy;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.grid-x {
display: flex;
flex-flow: row wrap;
}
.cell {
flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%;
}
.grid-x > .small-12 {
flex-basis: auto;
}
@media print, screen and (min-width: 48em) {
.grid-x > .medium-11 {
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-8,
.grid-x > .large-10 {
flex-basis: auto;
}
}
.grid-x > .small-12 {
flex: 0 0 auto;
}
.grid-x > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 48em) {
.grid-x > .medium-11 {
flex: 0 0 auto;
}
.grid-x > .medium-11 {
width: 91.66667%;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-8,
.grid-x > .large-10 {
flex: 0 0 auto;
}
.grid-x > .large-8 {
width: 66.66667%;
}
.grid-x > .large-10 {
width: 83.33333%;
}
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem;
padding: 0.85em 1em;
border: 1px solid transparent;
border-radius: 0;
transition:
background-color 0.25s ease-out,
color 0.25s ease-out;
font-family: inherit;
font-size: 0.9rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
}
.button {
background-color: #1779ba;
color: #fefefe;
}
.button:focus,
.button:hover {
background-color: #14679e;
color: #fefefe;
}
.hide {
display: none !important;
}
@media screen and (max-width: 0em), screen and (min-width: 48em) {
.show-for-small-only {
display: none !important;
}
}
.article__label .maintheme:before,
[class*=" icon-"]:before,
[class^="icon-"]:before {
font-family: rai24 !important;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
content: "\66";
}
.icon-nav:before {
content: "\76";
}
.icon-logo-rai:before {
content: "\41";
}
.icon-arrow-left:before {
content: "\42";
}
.icon-arrow-right:before {
content: "\43";
}
.icon-logo-rainews:before {
content: "\e903";
}
body,
html {
margin: 0;
padding: 0;
color: var(--color01, #212335);
background-color: var(--colorBackground01, #fff);
height: 100%;
}
body,
html {
font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif);
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
font-size: var(--global-size, 20px);
line-height: var(--global-lineheight, 32px);
}
html body {
height: auto;
min-height: 100vh;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
}
.sr-only {
padding: 0;
margin: -1px;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
@media only screen and (min-width: 768px) {
.sr-only:focus {
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
font-size: 14px;
}
}
@media only screen and (min-width: 0) {
main {
padding-top: var(--header-fixed-height, 93px);
}
}
@media only screen and (min-width: 768px) {
main {
padding-top: var(--header-fixed-height, 127px);
}
}
@media only screen and (min-width: 1024px) {
main {
padding-top: var(--header-fixed-height, 121px);
}
}
@media only screen and (min-width: 1296px) {
main {
padding-top: var(--header-fixed-height, 149px);
}
}
h1,
h2,
h3 {
font-family: var(--font02, "Merriweather", serif);
font-weight: 400;
margin-top: 0;
}
body {
display: flex;
flex-direction: column;
}
body main {
flex: 1 0 auto;
}
[type="button"]:-moz-focusring,
button:-moz-focusring {
outline: revert;
}
rai-corporate-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 250;
}
body .overlay-corporate-mask {
display: block;
visibility: hidden;
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
z-index: 100;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
body .header-fixed,
body .header-fixed #menu-open,
body .header-fixed .header-menu__live a,
body .header-fixed .header-menu__live a:link,
body .header-fixed .header-menu__live a:visited,
body .header-fixed .header-menu__nav .visible-list a,
body .header-fixed .secondary-bar__inner .link,
body .header-fixed .topics__title {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-fixed {
border-top: 2px solid #009;
position: fixed;
top: 23px;
left: 0;
right: 16px;
z-index: 200;
width: 100%;
background-color: #fff;
box-shadow: 0 0 50px hsla(0, 0%, 55.3%, 0.3);
-webkit-transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-ms-transition: height 0.3s ease;
transition: height 0.3s ease;
}
@media only screen and (min-width: 0) {
.header-fixed {
height: var(--header-fixed-height, 93px);
}
}
@media only screen and (min-width: 768px) {
.header-fixed {
height: var(--header-fixed-height, 127px);
}
}
@media only screen and (min-width: 1024px) {
.header-fixed {
height: var(--header-fixed-height, 121px);
}
}
@media only screen and (min-width: 1296px) {
.header-fixed {
height: var(--header-fixed-height, 149px);
}
}
.header-fixed .header {
margin: 0 auto;
border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 0) {
.header-fixed .header {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 768px) {
.header-fixed .header {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 1024px) {
.header-fixed .header {
max-width: var(--content-maxwidth, 984px);
}
}
@media only screen and (min-width: 1296px) {
.header-fixed .header {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 0) {
.header-fixed .header {
padding-left: var(--article-padding, 20px);
}
}
@media only screen and (min-width: 768px) {
.header-fixed .header {
padding-left: var(--article-padding, 30px);
}
}
@media only screen and (min-width: 1024px) {
.header-fixed .header {
padding-left: var(--article-padding, 10px);
}
}
@media only screen and (min-width: 1296px) {
.header-fixed .header {
padding-left: var(--article-padding, 12px);
}
}
@media only screen and (min-width: 0) {
.header-fixed .header {
padding-right: var(--article-padding, 20px);
}
}
@media only screen and (min-width: 768px) {
.header-fixed .header {
padding-right: var(--article-padding, 30px);
}
}
@media only screen and (min-width: 1024px) {
.header-fixed .header {
padding-right: var(--article-padding, 10px);
}
}
@media only screen and (min-width: 1296px) {
.header-fixed .header {
padding-right: var(--article-padding, 12px);
}
}
@media only screen and (min-width: 768px) {
.header-fixed .header {
border-bottom: 0;
}
}
.header-fixed .header a:hover,
.header-fixed .header button:hover {
color: #002eff;
}
.header-fixed .header .topics__nav__button:hover,
.header-fixed .header a:hover {
text-decoration: underline;
}
.header-fixed .header .social a:hover {
text-decoration: none;
}
.header-fixed .header:after {
content: "";
position: absolute;
height: 1px;
background-color: #cdcdd6;
left: 20px;
right: 20px;
}
#skip-to-content {
display: block;
font-size: 1vw;
top: 0;
transform: translateY(26%);
}
.main-bar {
text-align: center;
height: 40px;
margin: 7px 0;
position: relative;
}
#logo-rainews,
#menu-open,
.corporate-menu-toggler {
border: 0;
height: 40px;
position: relative;
}
#menu-open {
width: 20px;
height: 40px;
padding: 10px 0;
margin: 0;
color: #5e5e6e;
background: none;
}
#menu-open i {
width: 20px;
height: 20px;
position: absolute;
top: 10px;
left: 0;
}
#menu-open i:before {
font-size: 20px;
position: absolute;
top: 0;
left: 0;
}
#menu-open:focus,
#menu-open:hover {
color: #002eff;
background: none;
}
#menu-open {
float: left;
}
#logo-rainews {
width: 98px;
height: 40px;
padding: 0;
margin-left: -10px;
display: inline-block;
position: relative;
color: #009;
}
#logo-rainews i {
width: 98px;
height: 40px;
position: absolute;
left: 0;
overflow: hidden;
}
#logo-rainews i:before {
font-size: 98px;
position: absolute;
top: -29px;
left: 0;
}
.corporate-menu-toggler {
display: none;
float: right;
border: 0;
background: none;
margin: 5px 0;
padding: 0;
color: #5e5e6e;
position: relative;
width: 30px;
height: 30px;
}
.corporate-menu-toggler i {
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 0;
}
.corporate-menu-toggler i:before {
font-size: 30px;
position: absolute;
top: 0;
left: 0;
color: #5e5e6e;
}
.corporate-menu-toggler:hover i:before {
content: "\76";
}
.corporate-menu-toggler:hover i:before {
background-color: #5e5e6e;
color: #fff;
font-size: 20px;
padding: 5px;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
@media only screen and (min-width: 1024px) {
.corporate-menu-toggler:hover i:before {
padding: 9px;
}
}
@media only screen and (min-width: 1296px) {
.corporate-menu-toggler:hover i:before {
font-size: 25px;
padding: 12px;
}
}
.secondary-bar {
height: 0;
overflow: visible;
-webkit-transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-ms-transition: height 0.3s ease;
transition: height 0.3s ease;
font-family:
Source Sans Pro,
Arial,
Helvetica,
sans-serif;
font-size: 14px;
line-height: 20px;
color: #212335;
}
.secondary-bar__inner {
position: relative;
border: 0;
height: 100%;
}
.secondary-bar .topics {
display: none;
position: absolute;
left: 0;
right: 180px;
}
.secondary-bar .topics .icon-arrow-right {
font-size: 8px;
padding-left: 8px;
color: #3d5eff;
position: relative;
top: -1px;
}
.secondary-bar .topics__title {
font-weight: 600;
z-index: 99999;
background: white;
padding-right: 20px;
width: 100px;
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
}
.secondary-bar .topics__nav {
padding-left: 100px;
position: relative;
overflow: hidden;
}
.secondary-bar .topics__nav__list {
line-height: 20px;
}
.secondary-bar .topics__nav__list__item {
display: inline-block;
padding-right: 24px;
line-height: 20px;
}
.secondary-bar .topics__nav__list__item:last-child {
padding-right: 0;
}
.secondary-bar .topics__nav__list.visible-list {
margin: 0;
line-height: 20px;
width: max-content;
}
.secondary-bar .topics__nav__list.visible-list .topics__nav__list__item {
display: table-cell;
white-space: nowrap;
}
.secondary-bar .topics__nav__button {
font-weight: 600;
margin: 0;
padding: 0;
background: none;
border: 0;
color: #212335;
opacity: 0.8;
font-size: 20px;
width: 20px;
height: 6px;
line-height: 0;
position: relative;
top: -2px;
}
.secondary-bar .social {
position: absolute;
right: 30px;
top: 10px;
}
.secondary-bar .social__list {
list-style-type: none;
margin: 0;
padding: 0;
height: 24px;
line-height: 24px;
}
.secondary-bar .social__list__item {
color: #5e5e6e;
display: inline-block;
padding-right: 8px;
}
.secondary-bar .social__list__item:last-child {
padding-right: 0;
}
.secondary-bar .social__list__item .link {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.secondary-bar .social__list__item .link,
.secondary-bar .social__list__item .link svg {
display: block;
width: 24px;
height: 24px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.header-menu .header-menu__live {
left: auto;
right: 0;
border-left: 0;
padding-left: 0;
}
.secondary-bar .social {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.header-fixed .header {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) {
.header-fixed .header:after {
display: none;
}
.main-bar {
text-align: left;
height: 30px;
margin: 25px 30px 26px;
}
#menu-open {
height: 30px;
padding: 0;
}
#menu-open i {
top: 5px;
}
#logo-rainews {
height: 30px;
padding: 0;
margin: 0;
position: absolute;
left: 40px;
}
#logo-rainews i:before {
top: -34px;
}
.corporate-menu-toggler {
display: block;
margin: 0;
overflow: hidden;
}
.secondary-bar {
height: 44px;
overflow: hidden;
}
.secondary-bar__inner {
padding: 11px 30px 12px 75px;
border-top: 1px solid #cdcdd6;
}
.secondary-bar .topics {
left: 75px;
display: block;
}
}
@media only screen and (min-width: 1024px) {
.main-bar {
margin: 20px 0;
}
#menu-open,
.main-bar {
height: 38px;
}
#menu-open i {
top: 9px;
}
#logo-rainews {
top: 0;
}
#logo-rainews,
#logo-rainews i {
width: 122px;
height: 38px;
}
#logo-rainews i:before {
font-size: 123px;
top: -42px;
}
.corporate-menu-toggler,
.corporate-menu-toggler i {
width: 38px;
height: 38px;
}
.corporate-menu-toggler i:before {
font-size: 38px;
}
.secondary-bar {
height: 45px;
}
.secondary-bar__inner {
padding: 11px 0 10px 45px;
}
.secondary-bar__inner .topics {
left: 45px;
right: 148px;
}
.secondary-bar__inner .social {
right: 0;
}
}
@media only screen and (min-width: 1296px) {
.main-bar {
margin: 25px 0;
}
#menu-open,
.main-bar {
height: 48px;
}
#menu-open {
width: 25px;
}
#menu-open i {
top: 12.5px;
width: 24px;
height: 24px;
}
#menu-open i:before {
font-size: 25px;
}
#logo-rainews {
top: 0;
left: 44px;
}
#logo-rainews,
#logo-rainews i {
width: 155px;
height: 48px;
}
#logo-rainews i:before {
font-size: 155px;
top: -53px;
}
.corporate-menu-toggler,
.corporate-menu-toggler i {
width: 48px;
height: 48px;
}
.corporate-menu-toggler i:before {
font-size: 48px;
}
.secondary-bar {
height: 49px;
}
.secondary-bar__inner {
padding: 14px 0 14px 50px;
}
.secondary-bar__inner .topics {
left: 50px;
right: 150px;
}
.secondary-bar__inner .social {
top: 12px;
}
}
.header-menu {
font-family:
Source Sans Pro,
Arial,
Helvetica,
sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #212335;
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: -35px;
}
.header-menu__nav {
display: none;
position: absolute;
top: 0;
left: 0;
right: 228px;
height: 20px;
text-align: left;
overflow: hidden;
}
.header-menu__nav__list {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
.header-menu__nav__list__item {
white-space: nowrap;
height: 20px;
max-height: 20px;
}
.header-menu__nav__list__item .link {
height: 20px;
line-height: 20px;
display: block;
letter-spacing: 0;
}
.header-menu__nav__list.visible-list {
display: inline-table;
}
.header-menu__nav__list.visible-list .header-menu__nav__list__item {
display: table-cell;
margin: 0;
padding: 0 16px 0 0;
}
.header-menu__nav__list.visible-list .header-menu__nav__list__item:last-child {
padding-right: 0;
height: 20px;
line-height: 20px;
}
.header-menu__nav__list.hidden-list {
color: #212335;
position: absolute;
border: 0;
box-shadow: 0 0 2px 2px hsla(0, 0%, 55.3%, 0.3);
background-color: var(--sharebox-background, #fff);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
top: 44px;
right: -33px;
z-index: 15;
text-align: center;
}
.header-menu__nav__list.hidden-list:after,
.header-menu__nav__list.hidden-list:before {
content: " ";
display: none;
position: absolute;
top: 0;
right: 50%;
left: auto;
width: 0;
height: 0;
border-style: solid;
}
.header-menu__nav__list.hidden-list:before {
margin: -12px -15px 0 0;
border-width: 0 15px 12px;
border-color: transparent transparent hsla(0, 0%, 55.3%, 0.3);
}
.header-menu__nav__list.hidden-list:after {
margin: -10px -13px 0 0;
border-width: 0 13px 10px;
border-color: transparent transparent #fff;
}
.header-menu__tgr {
position: absolute;
left: 0;
bottom: 0;
width: auto;
height: 20px;
line-height: 20px;
text-align: center;
}
.header-menu__live {
position: absolute;
left: 84px;
right: auto;
bottom: 0;
height: 20px;
line-height: 20px;
padding-left: 6px;
border-left: 1px solid #cdcdd6;
width: auto;
white-space: nowrap;
}
.header-menu__live .link {
height: 20px;
line-height: 20px;
display: block;
}
@media only screen and (min-width: 768px) {
.header-menu {
position: absolute;
top: 3px;
left: 167px;
right: 168px;
bottom: auto;
min-width: 300px;
height: 24px;
line-height: 24px;
}
.header-menu__nav {
display: block;
right: 316px;
height: 24px;
}
.header-menu__nav__list.visible-list .header-menu__nav__list__item {
padding-right: 24px;
}
.header-menu__nav__list__item {
height: 24px;
max-height: 24px;
}
.header-menu__tgr {
right: 140px;
width: 176px;
border-left: 1px solid #cdcdd6;
}
.header-menu__live,
.header-menu__tgr {
top: 0;
left: auto;
bottom: auto;
height: 24px;
line-height: 24px;
}
.header-menu__live {
right: 0;
width: 140px;
padding-left: 16px;
}
.header-menu__live .link {
height: 24px;
line-height: 24px;
}
}
@media only screen and (min-width: 1024px) {
.header-menu {
top: 7px;
left: 200px;
right: 184px;
font-size: 16px;
}
.header-menu__nav__list.visible-list .header-menu__nav__list__item {
padding-right: 24px;
}
.header-menu__nav__list.hidden-list {
top: 45px;
}
.header-menu__live {
padding-left: 16px;
width: 140px;
}
}
@media only screen and (min-width: 1296px) {
.header-menu {
font-size: 18px;
line-height: 24px;
height: 24px;
top: 13px;
left: 260px;
right: 221px;
}
.header-menu__nav {
height: 24px;
line-height: 24px;
right: 369px;
}
.header-menu__nav__list.visible-list .header-menu__nav__list__item {
padding-right: 32px;
}
.header-menu__nav__list.hidden-list {
top: 47px;
}
.header-menu__tgr {
width: 206px;
right: 163px;
}
.header-menu__tgr {
height: 24px;
line-height: 24px;
}
.header-menu__live {
width: 164px;
padding-left: 24px;
}
.header-menu__live,
.header-menu__live .link {
height: 24px;
line-height: 24px;
}
}
.site-menu {
position: absolute;
top: -2px;
left: 0;
width: var(--panelWidth, 300px);
transform: translateX(-100%);
height: 100vh;
will-change: transform;
z-index: 110;
overflow: visible;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media only screen and (max-width: 1023px) {
.site-menu {
height: 100dvh;
}
}
.site-menu ::-webkit-scrollbar {
display: none;
}
.site-menu__head {
color: #9192a1;
background-color: #fff;
width: var(--panelWidth, 300px);
height: 94px;
}
.site-menu__head__title {
font-size: 18px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
padding-top: 30px;
padding-left: 70px;
color: #5e5e6e;
}
.site-menu__head__close {
font-size: 16px;
position: absolute;
top: 34px;
left: 34px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #9192a1;
}
.site-menu__head__close .icon-close {
display: block;
width: 16px;
height: 16px;
}
.site-menu__list {
margin: 0;
padding: 10px 0;
width: var(--panelWidth, 300px);
height: 100%;
list-style: none;
background: #fff;
z-index: 1;
scrollbar-width: none;
-ms-overflow-style: none;
overflow-y: scroll;
overflow-x: hidden;
}
.site-menu__list--first-level {
height: calc(100% - 94px);
padding-bottom: 100px;
}
.site-menu__list--first-level:before {
top: 94px;
background: -moz-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0));
background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0));
background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
}
.site-menu__list--first-level:after,
.site-menu__list--first-level:before {
content: " ";
display: block;
width: var(--panelWidth, 300px);
height: 30px;
position: fixed;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
}
.site-menu__list--first-level:after {
bottom: 0;
background: -moz-linear-gradient(bottom, #fff, hsla(0, 0%, 100%, 0));
background: -webkit-linear-gradient(bottom, #fff, hsla(0, 0%, 100%, 0));
background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
}
.site-menu__list--first-level .site-menu__list__item:first-child {
position: relative;
padding-top: 8px;
}
.site-menu__list--first-level .site-menu__list__item:first-child:before {
content: "";
position: absolute;
top: -10px;
left: 30px;
right: 30px;
height: 1px;
background-color: #cdcdd6;
}
.site-menu__list--first-level .site-menu__list__item--divider {
margin-left: 30px;
margin-right: 30px;
}
.site-menu__list--first-level .site-menu__list__item--divider hr {
margin: 20px 0;
border-color: #cdcdd6;
}
.site-menu__list--second-level {
position: absolute;
margin: 0;
padding: 90px 0 50px;
left: -1px;
transform: translateX(-100%);
will-change: transform;
top: 0;
background: #f0f0f0;
overflow-x: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
transition-delay: 0.2s;
visibility: hidden;
z-index: 2;
}
.site-menu__list--second-level .site-menu__list__item:first-child {
padding-top: 0;
}
.site-menu__list--second-level .site-menu__list__item:first-child:before {
display: none;
}
@media only screen and (min-width: 768px) {
.site-menu__list--second-level {
transform: translateX(0);
z-index: -1;
}
}
.site-menu__list__item--has-children:hover .site-menu__list--second-level {
visibility: visible;
}
@media only screen and (min-width: 768px) {
.site-menu__list__item--has-children:hover .site-menu__list--second-level {
transform: translateX(100%);
}
}
.site-menu__list--second-level:before {
content: " ";
display: block;
width: var(--panelWidth, 300px);
height: 30px;
position: fixed;
top: 75px;
background: -moz-linear-gradient(top, #f0f0f0, hsla(0, 0%, 94.1%, 0));
background: -webkit-linear-gradient(top, #f0f0f0, hsla(0, 0%, 94.1%, 0));
background: linear-gradient(180deg, #f0f0f0, hsla(0, 0%, 94.1%, 0));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
}
.site-menu__list--second-level .site-menu__list__item--back {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
position: fixed;
left: 0;
transform: translateX(0);
will-change: transform;
top: 0;
width: var(--panelWidth, 300px);
background: #f0f0f0;
padding: 20px 0;
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
-ms-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
.site-menu__list--second-level .site-menu__list__item--back .icon-arrow-left {
display: inline-block;
margin-right: 10px;
font-size: 12px;
}
.site-menu__list__item {
cursor: pointer;
font-size: 18px;
line-height: 24px;
}
.site-menu__list__item,
.site-menu__list__item--has-children {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media only screen and (min-width: 768px) {
.site-menu__list__item--has-children:after {
content: "";
position: relative;
display: block;
margin-top: -40px;
width: var(--panelWidth, 300px);
height: 40px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
}
.site-menu__list__item--has-children:hover,
.site-menu__list__item--has-children:hover > button {
color: #002eff;
background: #f5f7ff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-menu__list__item:not(.site-menu__list__item--has-children) > a:hover {
text-decoration: underline;
}
.site-menu__list__item:hover > button,
.site-menu__list__item > .link:hover {
color: #002eff;
}
.site-menu__list__item .link {
color: #3c3c4d;
cursor: pointer;
display: block;
padding: 12px 30px;
width: 100%;
text-align: left;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-menu__list__item .link .icon-arrow-right {
font-size: 14px;
position: relative;
left: 8px;
display: inline-block;
transform: rotate(-45deg);
}
.site-menu__list__item .icon-chevron-right {
color: #9192a1;
float: right;
font-size: 10px;
position: relative;
bottom: -4px;
}
@media only screen and (min-width: 768px) {
.site-menu__list__item.temicaldi-menu {
display: none;
}
}
@media only screen and (min-width: 768px) {
.site-menu__list__item {
font-size: 16px;
line-height: 20px;
}
}
.site-menu .social {
position: fixed;
bottom: 0;
left: -var(--panelWidth, 300px);
width: var(--panelWidth, 300px);
padding: 20px 30px 50px;
background-color: #fff;
-webkit-transition: left 0.5s ease;
-moz-transition: left 0.5s ease;
-ms-transition: left 0.5s ease;
transition: left 0.5s ease;
}
@media only screen and (min-width: 768px) {
.site-menu .social {
display: none;
}
}
.site-menu .social:before {
content: "";
position: absolute;
width: 100%;
height: 30px;
bottom: 80px;
left: 0;
pointer-events: none;
background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
}
.site-menu .social__list {
display: flex;
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
.site-menu .social__list__item {
display: inline-block;
flex-grow: 1;
height: 36px;
}
.site-menu .social__list__item .link {
display: inline-block;
text-align: center;
}
.site-menu .social__list__item .link svg {
display: block;
width: 36px;
height: 36px;
text-align: center;
}
@supports (-webkit-touch-callout: none) {
@media only screen and (max-width: 1023px) {
.site-menu__list--first-level {
padding-bottom: 165px;
}
.site-menu__list--second-level {
padding: 90px 0 105px;
}
}
@media only screen and (max-width: 767px) {
.site-menu .social {
bottom: -50px;
height: 215px;
}
}
}
@media only screen and (min-width: 1024px) {
.site-menu {
--panelWidth: 250px;
}
.site-menu__head {
height: 90px;
}
.site-menu__list--first-level {
height: calc(100% - 90px);
}
.site-menu__list--first-level:before {
top: 90px;
}
.site-menu__list--first-level .site-menu__list__item--divider hr {
margin: 18px 0;
}
.site-menu__list--second-level .site-menu__list__item:first-child {
padding-top: 0;
}
.site-menu__list__item .link {
padding: 10px 30px;
}
}
.mask-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
height: 0;
width: 100%;
background: #000;
opacity: 0;
z-index: 100;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
#page-updated {
color: #fff;
background: var(--launch__label-color, #009);
font-family:
Source Sans Pro,
Arial,
Helvetica,
sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 18px;
height: 34px;
padding: 8px 0;
text-align: center;
overflow: hidden;
}
#page-updated .date,
#page-updated .hour {
display: inline-block;
}
#page-updated .hour {
position: relative;
padding-left: 12px;
}
#page-updated .hour:before {
content: "\00B7";
position: absolute;
left: 2px;
font-size: 26px;
display: inline-block;
}
@media only screen and (min-width: 768px) {
#page-updated {
font-size: 14px;
line-height: 20px;
height: 24px;
padding: 2px 0;
}
}
.prefooter {
background-color: var(--prefooter-background, #212335);
color: var(--prefooter-color, #fff);
padding-top: 52px;
padding-bottom: 40px;
display: none;
}
@media only screen and (min-width: 768px) {
.prefooter {
display: block;
}
}
@media only screen and (min-width: 1024px) {
.prefooter {
padding-top: 64px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1295px) {
.prefooter .cell-footerfirst .prefooter__wrapper {
padding-right: 10px;
}
.prefooter .cell-footersecond .prefooter__wrapper {
padding-left: 10px;
padding-right: 10px;
}
.prefooter .cell-social .prefooter__wrapper {
padding-left: 10px;
}
}
@media only screen and (min-width: 1296px) {
.prefooter {
padding-top: 72px;
padding-bottom: 68px;
}
}
.prefooter__container {
padding-left: 18px;
padding-right: 18px;
margin: 0 auto;
}
@media only screen and (min-width: 0) {
.prefooter__container {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 768px) {
.prefooter__container {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 1024px) {
.prefooter__container {
max-width: var(--content-maxwidth, 984px);
}
}
@media only screen and (min-width: 1296px) {
.prefooter__container {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 1024px) {
.prefooter__container {
padding-left: 0;
padding-right: 0;
}
}
.prefooter .cell-footerfirst {
width: 50%;
}
.prefooter .cell-footerfirst .prefooter__list {
column-count: 2;
}
@media only screen and (min-width: 1024px) {
.prefooter .cell-footerfirst .prefooter__list {
column-count: 3;
}
}
.prefooter .cell-footersecond {
width: 50%;
}
.prefooter .cell-footersecond .prefooter__list {
column-count: 2;
}
@media only screen and (min-width: 1024px) {
.prefooter .cell-footersecond {
width: 33.33333%;
}
}
.prefooter .cell-redazioni {
width: 75%;
margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
.prefooter .cell-redazioni {
width: 100%;
order: 4;
}
.prefooter .cell-redazioni .prefooter__list {
column-count: 6;
}
}
.prefooter .cell-social {
width: 25%;
margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
.prefooter .cell-social {
width: 16.66667%;
order: 3;
margin-top: 0;
}
}
.prefooter__wrapper {
padding: 0 12px;
}
.prefooter__title {
display: block;
font-size: 18px;
font-weight: 400;
line-height: 24px;
padding-bottom: 12px;
margin-bottom: 16px;
border-bottom: 1px solid var(--prefooter__divider-color, #5e5e6e);
font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif);
}
.prefooter__list {
display: block;
max-height: none;
column-count: 3;
column-gap: 24px;
margin-left: 0;
margin-bottom: 0;
list-style: none;
}
.prefooter__list__item {
font-size: 16px;
line-height: 20px;
color: var(--prefooter__link-color, #cdcdd6);
padding-bottom: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.prefooter__list__item a:hover {
color: #99b6ff;
}
.prefooter__list--social {
column-count: 5;
column-gap: 30px;
}
.prefooter__list--social .prefooter__list__item {
width: 30px;
height: 30px;
line-height: 20px;
font-size: 20px;
overflow: visible;
margin: 0;
padding: 0;
}
.prefooter__list--social .prefooter__list__item .link {
display: inline-block;
text-align: center;
}
.prefooter__list--social .prefooter__list__item .link svg {
display: block;
width: 30px;
height: 30px;
text-align: center;
}
.prefooter__list--social .prefooter__list__item .link svg rect {
fill: #cdcdd6;
-webkit-transition: fill 0.2s ease;
-moz-transition: fill 0.2s ease;
-ms-transition: fill 0.2s ease;
transition: fill 0.2s ease;
}
.prefooter__list--social .prefooter__list__item .link svg path {
fill: #212335;
}
.prefooter__list--social .prefooter__list__item .link:hover svg rect {
fill: #99b6ff;
}
.tag-container {
margin-top: 2px;
}
.tag__list {
margin-left: 0;
margin-bottom: 0;
font-size: 0;
}
@media only screen and (min-width: 768px) {
.tag__list {
padding-left: 30px;
}
}
@media only screen and (min-width: 1024px) {
.tag__list {
padding-left: 0;
}
}
.tag__list:before {
font-family: var(--font02, "Merriweather", serif);
content: "Tag";
font-size: 19px;
line-height: 24px;
padding-right: 24px;
font-weight: 900;
color: var(--tags-before-color, #009);
}
.tag__list__item {
display: inline-block;
padding: 0 16px 16px 0;
}
.tag__list__item .link {
display: inline-block;
font-size: 16px;
line-height: 20px;
font-weight: 600;
padding: 4px 12px;
color: var(--tags-color, #3d5eff);
background-color: var(--tags-backgroundcolor, #f5f7ff);
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
-ms-border-radius: 55px;
border-radius: 55px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tag__list__item .link:hover {
color: var(--tags-colorhover, #eef1fc);
background-color: var(--tags-backgroundcolorhover, #3d5eff);
}
@media only screen and (max-width: 767px) {
.tag-container {
position: relative;
}
.tag-container:after {
content: "";
width: 40px;
height: 28px;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
background: -moz-linear-gradient(left, transparent, #fff);
background: -webkit-linear-gradient(left, transparent, #fff);
background: linear-gradient(90deg, transparent, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
}
.tag__list {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
position: relative;
scrollbar-width: none;
}
.tag__list::-webkit-scrollbar {
width: 0;
}
}
.leaf {
overflow: hidden;
overflow-wrap: break-word;
border-bottom: 20px solid var(--launch__label-color, #009);
}
.leaf:not(.leaf--marathon)
.article__content__unit--text:not(
.article__content__unit--text:where(.article__content__unit--text ~ *)
)
p:first-of-type:first-letter {
font-family: var(--font02, "Merriweather", serif);
color: var(--leaf__content__unit__firstletter-color, #009);
font-size: 64px;
line-height: 49px;
font-weight: 900;
padding: 7px 10px 0 0;
float: left;
}
.sidegutterright {
position: relative;
margin-bottom: 28px;
}
@media only screen and (min-width: 0) {
.sidegutterright {
padding-right: var(--article-sidegutter, 0);
}
}
@media only screen and (min-width: 768px) {
.sidegutterright {
padding-right: var(--article-sidegutter, 0);
}
}
@media only screen and (min-width: 1024px) {
.sidegutterright {
padding-right: var(--article-sidegutter, 41px);
}
}
@media only screen and (min-width: 1296px) {
.sidegutterright {
padding-right: var(--article-sidegutter, 44px);
}
}
@media only screen and (min-width: 768px) {
.sidegutterright {
margin-bottom: 64px;
}
}
@media only screen and (min-width: 1024px) {
.sidegutterright {
margin-bottom: 52px;
}
}
.sidegutterleft {
position: relative;
}
@media only screen and (min-width: 0) {
.sidegutterleft {
padding-left: var(--article-sidegutter, 0);
}
}
@media only screen and (min-width: 768px) {
.sidegutterleft {
padding-left: var(--article-sidegutter, 0);
}
}
@media only screen and (min-width: 1024px) {
.sidegutterleft {
padding-left: var(--article-sidegutter, 20px);
}
}
@media only screen and (min-width: 1296px) {
.sidegutterleft {
padding-left: var(--article-sidegutter, 24px);
}
}
@media only screen and (min-width: 1024px) {
.sidegutterleft {
margin-bottom: 52px;
}
}
.article {
margin: 0 auto;
padding-bottom: 0;
width: 100%;
}
@media only screen and (min-width: 0) {
.article {
padding-left: var(--article-padding, 20px);
}
}
@media only screen and (min-width: 768px) {
.article {
padding-left: var(--article-padding, 30px);
}
}
@media only screen and (min-width: 1024px) {
.article {
padding-left: var(--article-padding, 10px);
}
}
@media only screen and (min-width: 1296px) {
.article {
padding-left: var(--article-padding, 12px);
}
}
@media only screen and (min-width: 0) {
.article {
padding-right: var(--article-padding, 20px);
}
}
@media only screen and (min-width: 768px) {
.article {
padding-right: var(--article-padding, 30px);
}
}
@media only screen and (min-width: 1024px) {
.article {
padding-right: var(--article-padding, 10px);
}
}
@media only screen and (min-width: 1296px) {
.article {
padding-right: var(--article-padding, 12px);
}
}
@media only screen and (min-width: 0) {
.article {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 768px) {
.article {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 1024px) {
.article {
max-width: var(--content-maxwidth, 984px);
}
}
@media only screen and (min-width: 1296px) {
.article {
max-width: var(--content-maxwidth, 1296px);
}
}
.article__preheader {
border-bottom: var(--border, 1px solid #cdcdd6);
padding-bottom: 10px;
position: relative;
}
.article__header {
margin-bottom: 28px;
padding-top: 26px;
}
.article__label {
float: left;
font-weight: 700;
color: var(--leaf__label-color, #3d5eff);
}
@media only screen and (min-width: 0) {
.article__label {
font-size: var(--leaf__label-size, 16px);
}
}
@media only screen and (min-width: 768px) {
.article__label {
font-size: var(--leaf__label-size, 16px);
}
}
@media only screen and (min-width: 1024px) {
.article__label {
font-size: var(--leaf__label-size, 20px);
}
}
@media only screen and (min-width: 1296px) {
.article__label {
font-size: var(--leaf__label-size, 20px);
}
}
@media only screen and (min-width: 0) {
.article__label {
line-height: var(--leaf__label-lineheight, 20px);
}
}
@media only screen and (min-width: 768px) {
.article__label {
line-height: var(--leaf__label-lineheight, 20px);
}
}
@media only screen and (min-width: 1024px) {
.article__label {
line-height: var(--leaf__label-lineheight, 24px);
}
}
@media only screen and (min-width: 1296px) {
.article__label {
line-height: var(--leaf__label-lineheight, 24px);
}
}
.article__title {
color: var(--article__title-color, #212335);
font-weight: 900;
margin: 12px 0;
}
@media only screen and (min-width: 0) {
.article__title {
font-size: var(--leaf__title-size, 28px);
}
}
@media only screen and (min-width: 768px) {
.article__title {
font-size: var(--leaf__title-size, 32px);
}
}
@media only screen and (min-width: 1024px) {
.article__title {
font-size: var(--leaf__title-size, 40px);
}
}
@media only screen and (min-width: 1296px) {
.article__title {
font-size: var(--leaf__title-size, 48px);
}
}
@media only screen and (min-width: 0) {
.article__title {
line-height: var(--leaf__title-lineheight, 42px);
}
}
@media only screen and (min-width: 768px) {
.article__title {
line-height: var(--leaf__title-lineheight, 48px);
}
}
@media only screen and (min-width: 1024px) {
.article__title {
line-height: var(--leaf__title-lineheight, 60px);
}
}
@media only screen and (min-width: 1296px) {
.article__title {
line-height: var(--leaf__title-lineheight, 72px);
}
}
@media only screen and (min-width: 1024px) {
.article__title {
margin: 16px 0;
}
}
@media only screen and (min-width: 1296px) {
.article__title {
margin: 20px 0;
}
}
.article__subheading {
margin: 16px 0 0;
font-weight: 600;
color: var(--article__subheading-color, #5e5e6e);
}
@media only screen and (min-width: 0) {
.article__subheading {
font-size: var(--leaf__subheading-size, 16px);
}
}
@media only screen and (min-width: 768px) {
.article__subheading {
font-size: var(--leaf__subheading-size, 18px);
}
}
@media only screen and (min-width: 1024px) {
.article__subheading {
font-size: var(--leaf__subheading-size, 20px);
}
}
@media only screen and (min-width: 1296px) {
.article__subheading {
font-size: var(--leaf__subheading-size, 20px);
}
}
@media only screen and (min-width: 0) {
.article__subheading {
line-height: var(--leaf__subheading-lineheight, 20px);
}
}
@media only screen and (min-width: 768px) {
.article__subheading {
line-height: var(--leaf__subheading-lineheight, 24px);
}
}
@media only screen and (min-width: 1024px) {
.article__subheading {
line-height: var(--leaf__subheading-lineheight, 24px);
}
}
@media only screen and (min-width: 1296px) {
.article__subheading {
line-height: var(--leaf__subheading-lineheight, 24px);
}
}
.article__date,
.article__date-author {
font-size: 13px;
line-height: 18px;
}
.article__date {
display: inline-block;
color: var(--leaf__date-color, #5e5e6e);
font-weight: 600;
vertical-align: top;
padding-right: 8px;
}
.article__date i {
padding-right: 5px;
vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
@supports (-webkit-hyphens: none) {
}
}
.article__content {
padding-top: 28px;
}
@media only screen and (min-width: 1024px) {
.article__content {
padding-top: 32px;
}
}
@media only screen and (min-width: 768px) {
.article .tag-container .tag__list {
padding-left: 25px;
}
}
@media only screen and (min-width: 1024px) {
.article .tag-container .tag__list {
padding-left: 0;
}
}
@media only screen and (min-width: 1024px) {
.article__right-column {
border-left: var(--border, 1px solid #cdcdd6);
}
}
.article .aside {
position: relative;
z-index: 6;
}
.article .aside .greycell:before {
content: "";
background-color: #f6f7f9;
opacity: 1;
height: 100%;
position: absolute;
z-index: 1;
left: -20px;
right: -20px;
}
.article .aside-box {
position: relative;
z-index: 1;
}
.article .aside-box:first-child {
padding-top: 40px;
}
.article .aside-box:last-child {
padding-bottom: 40px;
}
.article .aside-box--insights {
font-weight: 600;
position: relative;
padding: 0;
}
.article .aside-box--insights .aside__list__item .insights-link {
display: inline;
font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif);
font-weight: 600;
color: #212335;
}
.article .aside__title {
position: relative;
z-index: 1;
font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif);
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 12px;
margin-bottom: 0;
color: var(--leaf__aside__list__title-color, #009);
}
.article .aside__list {
position: relative;
z-index: 1;
list-style: none;
margin: 0;
}
.article .aside__list__item {
font-size: 20px;
line-height: 24px;
}
.article .aside__list__item:not(:first-child) {
padding-top: 16px;
margin-top: 16px;
}
@media only screen and (max-width: 1023px) {
.article .aside {
z-index: 2;
}
}
@media only screen and (min-width: 768px) {
.article .aside .greycell:before {
left: -30px;
right: -30px;
}
.article .aside-box {
border-color: #e3e3e8;
}
.article .aside__title {
padding-bottom: 16px;
}
.article .aside__list__item:not(:first-child) {
padding-top: 20px;
margin-top: 20px;
}
}
@media only screen and (min-width: 1024px) {
.article .aside .greycell:before {
display: none;
}
.article .aside-box:first-child {
padding-top: 0;
}
.article .aside-box:last-child {
padding-bottom: 0;
}
.article .aside__list__item:not(:first-child) {
padding-top: 12px;
margin-top: 12px;
}
}
.article__label .maintheme:before {
content: "\44";
font-size: 10px;
display: inline-block;
position: relative;
padding-right: 6px;
color: #9192a1;
}
.article__label .maintheme:hover {
text-decoration: underline;
color: #009;
}
.article__label .maintheme:first-child:before {
display: none;
}
@media only screen and (min-width: 768px) {
.article__label .maintheme:before {
content: "\64";
padding-left: 4px;
}
.article__label .maintheme:first-child:before {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.article__label .maintheme:before {
bottom: 2px;
}
}
.launch-item:after,
.main-bar:after,
.secondary-bar:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
#page-updated {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
text-align: center;
}
.main-bar .header-menu__nav {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.article__content h2 {
font-size: 23px;
margin-top: 15px;
}
.article__content p {
margin-top: 15px;
}
p {
margin-bottom: 10px !important;
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
a {
background-color: transparent;
}
img {
border-style: none;
}
button {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button {
overflow: visible;
}
button {
text-transform: none;
}
button {
-webkit-appearance: button;
}
*,
:after,
:before {
box-sizing: inherit;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
button {
padding: 0;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1;
cursor: auto;
}
button {
font-family: inherit;
}
div,
h2,
h3 {
margin: 0;
padding: 0;
}
i {
font-style: italic;
}
i {
line-height: inherit;
}
h2,
h3 {
font-family:
Helvetica Neue,
Helvetica,
Roboto,
Arial,
sans-serif;
font-style: normal;
font-weight: 400;
color: inherit;
text-rendering: optimizeLegibility;
}
h2 {
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.1875rem;
}
h3 {
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 1.9375rem;
}
}
a {
line-height: inherit;
color: #1779ba;
text-decoration: none;
cursor: pointer;
}
a:focus,
a:hover {
color: #1468a0;
}
a img {
border: 0;
}
@media print {
* {
background: transparent !important;
color: #000 !important;
color-adjust: economy;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
[class^="icon-"]:before {
font-family: rai24 !important;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-chevron-right:before {
content: "\64";
}
.icon-chevron-left:before {
content: "\44";
}
.icon-2024-calendar:before {
content: "\e931";
}
* {
box-sizing: border-box;
}
h2,
h3 {
font-family: var(--font02, "Merriweather", serif);
font-weight: 400;
margin-top: 0;
}
a,
a:link,
a:visited {
text-decoration: none;
color: inherit;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
button {
cursor: pointer;
}
.slider-strip {
padding-top: 19px;
}
.slider-strip--white {
background: #fff;
}
.slider-strip--related {
position: relative;
z-index: 1;
}
.slider-strip .slider-container {
margin: 0 auto;
}
@media only screen and (min-width: 0) {
.slider-strip .slider-container {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 768px) {
.slider-strip .slider-container {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 1024px) {
.slider-strip .slider-container {
max-width: var(--content-maxwidth, 984px);
}
}
@media only screen and (min-width: 1296px) {
.slider-strip .slider-container {
max-width: var(--content-maxwidth, 1296px);
}
}
.slider-strip .slider-wrapper {
padding: 0 10px;
}
@media only screen and (min-width: 768px) {
.slider-strip .slider-wrapper {
padding: 0 15px;
}
}
@media only screen and (min-width: 1024px) {
.slider-strip .slider-wrapper {
padding: 0;
}
}
.launch-item {
font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif);
position: relative;
overflow: hidden;
text-align: left;
}
@media only screen and (min-width: 0) {
.launch-item {
padding: var(--launch-padding, 15px 10px);
}
}
@media only screen and (min-width: 768px) {
.launch-item {
padding: var(--launch-padding, 15px);
}
}
@media only screen and (min-width: 1024px) {
.launch-item {
padding: var(--launch-padding, 10px);
}
}
@media only screen and (min-width: 1296px) {
.launch-item {
padding: var(--launch-padding, 12px);
}
}
.launch-item__image {
position: relative;
display: var(--launch__image-display, block);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
@media only screen and (min-width: 0) {
.launch-item__image {
margin-bottom: var(--launch__image-marginbottom, 10px);
}
}
@media only screen and (min-width: 768px) {
.launch-item__image {
margin-bottom: var(--launch__image-marginbottom, 15px);
}
}
@media only screen and (min-width: 1024px) {
.launch-item__image {
margin-bottom: var(--launch__image-marginbottom, 15px);
}
}
@media only screen and (min-width: 1296px) {
.launch-item__image {
margin-bottom: var(--launch__image-marginbottom, 20px);
}
}
.launch-item__image a {
display: block;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.launch-item__image img {
display: block;
width: 100%;
}
.launch-item__label {
text-transform: uppercase;
color: var(--launch__label-color, #009);
font-family: var(
--launch__label-font,
"Source Sans Pro",
Arial,
Helvetica,
sans-serif
);
font-weight: var(--launch__label-weight, 700);
font-size: var(--launch__label-size, 14px);
line-height: var(--launch__label-lineheight, 24px);
padding-top: 0;
padding-bottom: 0;
padding-right: 10px;
display: inline;
}
@media only screen and (min-width: 0) {
.launch-item__label {
margin-bottom: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 768px) {
.launch-item__label {
margin-bottom: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 1024px) {
.launch-item__label {
margin-bottom: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 1296px) {
.launch-item__label {
margin-bottom: var(--launch__label-marginbottom, 10px);
}
}
.launch-item__posttext,
.launch-item__preheader {
display: block;
}
@media only screen and (min-width: 0) {
.launch-item__posttext,
.launch-item__preheader {
margin-top: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 768px) {
.launch-item__posttext,
.launch-item__preheader {
margin-top: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 1024px) {
.launch-item__posttext,
.launch-item__preheader {
margin-top: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 1296px) {
.launch-item__posttext,
.launch-item__preheader {
margin-top: var(--launch__label-marginbottom, 10px);
}
}
@media only screen and (min-width: 0) {
.launch-item__posttext,
.launch-item__preheader {
margin-bottom: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 768px) {
.launch-item__posttext,
.launch-item__preheader {
margin-bottom: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 1024px) {
.launch-item__posttext,
.launch-item__preheader {
margin-bottom: var(--launch__label-marginbottom, 5px);
}
}
@media only screen and (min-width: 1296px) {
.launch-item__posttext,
.launch-item__preheader {
margin-bottom: var(--launch__label-marginbottom, 10px);
}
}
.launch-item__preheader .launch-item__label {
display: inline;
vertical-align: baseline;
margin-bottom: 0;
}
.launch-item__posttext .launch-item__time {
display: inline;
vertical-align: baseline;
margin-top: 0;
white-space: nowrap;
}
.launch-item__preheader {
font-size: 14px;
line-height: 24px;
}
.launch-item__posttext {
font-size: 14px;
line-height: 18px;
}
.launch-item__header {
color: var(--launch__header-color, #212335);
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
@media only screen and (min-width: 0) {
.launch-item__header {
font-family: var(
--launch__header-font,
"Source Sans Pro",
Arial,
Helvetica,
sans-serif
);
}
}
@media only screen and (min-width: 768px) {
.launch-item__header {
font-family: var(
--launch__header-font,
"Source Sans Pro",
Arial,
Helvetica,
sans-serif
);
}
}
@media only screen and (min-width: 1024px) {
.launch-item__header {
font-family: var(
--launch__header-font,
"Source Sans Pro",
Arial,
Helvetica,
sans-serif
);
}
}
@media only screen and (min-width: 1296px) {
.launch-item__header {
font-family: var(
--launch__header-font,
"Source Sans Pro",
Arial,
Helvetica,
sans-serif
);
}
}
@media only screen and (min-width: 0) {
.launch-item__header {
font-weight: var(--launch__header-weight, 400);
}
}
@media only screen and (min-width: 768px) {
.launch-item__header {
font-weight: var(--launch__header-weight, 600);
}
}
@media only screen and (min-width: 1024px) {
.launch-item__header {
font-weight: var(--launch__header-weight, 600);
}
}
@media only screen and (min-width: 1296px) {
.launch-item__header {
font-weight: var(--launch__header-weight, 600);
}
}
@media only screen and (min-width: 0) {
.launch-item__header {
font-size: var(--launch__header-size, 22px);
}
}
@media only screen and (min-width: 768px) {
.launch-item__header {
font-size: var(--launch__header-size, 16px);
}
}
@media only screen and (min-width: 1024px) {
.launch-item__header {
font-size: var(--launch__header-size, 16px);
}
}
@media only screen and (min-width: 1296px) {
.launch-item__header {
font-size: var(--launch__header-size, 18px);
}
}
@media only screen and (min-width: 0) {
.launch-item__header {
line-height: var(--launch__header-lineheight, 33px);
}
}
@media only screen and (min-width: 768px) {
.launch-item__header {
line-height: var(--launch__header-lineheight, 24px);
}
}
@media only screen and (min-width: 1024px) {
.launch-item__header {
line-height: var(--launch__header-lineheight, 24px);
}
}
@media only screen and (min-width: 1296px) {
.launch-item__header {
line-height: var(--launch__header-lineheight, 27px);
}
}
@media only screen and (min-width: 768px) {
.launch-item__header {
margin-bottom: 15px;
}
}
.launch-item__header a,
.launch-item__image a {
color: var(--launch__header-color, #212335);
}
.launch-item__header a:hover,
.launch-item__image a:hover {
color: #002eff;
}
.launch-item__text {
color: var(--launch__text-color, #212335);
font-size: var(--launch__text-size, 15px);
line-height: var(--launch__text-lineheight, 23px);
}
.launch-item__time {
display: inline;
vertical-align: baseline;
line-height: inherit;
font-family: var(
--launch__label-font,
"Source Sans Pro",
Arial,
Helvetica,
sans-serif
);
font-weight: var(--launch__label-weight, 600);
font-size: var(--launch__label-size, 13px);
color: var(--launch__time-color, #5e5e6e);
padding-right: 10px;
}
.launch-item__time .icon-2024-calendar {
display: inline-block;
vertical-align: baseline;
line-height: inherit;
padding-right: 2px;
}
.launch-item__time .icon-2024-calendar:before {
display: inline;
vertical-align: baseline;
line-height: inherit;
position: relative;
top: 1px;
font-family: rai24 !important;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
}
.launch-item__time .icon-2024-calendar:before {
content: "\e931";
}
.launch-item__time .time {
display: inline;
vertical-align: baseline;
line-height: inherit;
}
.launch-item img.fadeopacity {
opacity: 0;
transition: opacity 0.4s;
}
.launch-item img.fadeopacity.lazyloaded {
opacity: 1;
}
.area-header__inner {
text-align: left;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 1px;
color: var(--wrapper__header-color, #009);
font-family: var(--wrapper__header-font, "Merriweather", serif);
font-weight: var(--wrapper__header-weight, 900);
min-height: 36px;
line-height: 36px;
}
@media only screen and (min-width: 0) {
.area-header__inner {
font-size: var(--wrapper__header-size, 24px);
}
}
@media only screen and (min-width: 768px) {
.area-header__inner {
font-size: var(--wrapper__header-size, 28px);
}
}
@media only screen and (min-width: 1024px) {
.area-header__inner {
font-size: var(--wrapper__header-size, 28px);
}
}
@media only screen and (min-width: 1296px) {
.area-header__inner {
font-size: var(--wrapper__header-size, 28px);
}
}
@media only screen and (min-width: 0) {
.area-header__inner {
line-height: var(--wrapper__header-lineheight, 32px);
}
}
@media only screen and (min-width: 768px) {
.area-header__inner {
line-height: var(--wrapper__header-lineheight, 36px);
}
}
@media only screen and (min-width: 1024px) {
.area-header__inner {
line-height: var(--wrapper__header-lineheight, 36px);
}
}
@media only screen and (min-width: 1296px) {
.area-header__inner {
line-height: var(--wrapper__header-lineheight, 36px);
}
}
@media only screen and (min-width: 0) {
.area-header__inner {
padding-left: var(--wrapper__header-padding, 20px);
}
}
@media only screen and (min-width: 768px) {
.area-header__inner {
padding-left: var(--wrapper__header-padding, 30px);
}
}
@media only screen and (min-width: 1024px) {
.area-header__inner {
padding-left: var(--wrapper__header-padding, 10px);
}
}
@media only screen and (min-width: 1296px) {
.area-header__inner {
padding-left: var(--wrapper__header-padding, 12px);
}
}
@media only screen and (min-width: 0) {
.area-header__inner {
padding-right: var(--wrapper__header-padding, 20px);
}
}
@media only screen and (min-width: 768px) {
.area-header__inner {
padding-right: var(--wrapper__header-padding, 30px);
}
}
@media only screen and (min-width: 1024px) {
.area-header__inner {
padding-right: var(--wrapper__header-padding, 10px);
}
}
@media only screen and (min-width: 1296px) {
.area-header__inner {
padding-right: var(--wrapper__header-padding, 12px);
}
}
@media only screen and (min-width: 0) {
.area-header__inner {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 768px) {
.area-header__inner {
max-width: var(--content-maxwidth, 1296px);
}
}
@media only screen and (min-width: 1024px) {
.area-header__inner {
max-width: var(--content-maxwidth, 984px);
}
}
@media only screen and (min-width: 1296px) {
.area-header__inner {
max-width: var(--content-maxwidth, 1296px);
}
}
.area-header__inner .title {
text-align: left;
font-size: inherit;
font-weight: inherit;
vertical-align: middle;
padding: 5px 0 0;
line-height: inherit;
margin: 0;
max-width: 90%;
}
@media only screen and (min-width: 768px) {
.area-header__inner .title {
display: inline-block;
vertical-align: middle;
}
}
.slider-strip .launch-item {
overflow: unset;
}
.slider-strip .launch-item .launch-item__image {
background-color: #e0e0e5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
margin-bottom: 8px;
}
.slider-strip .launch-item .launch-item__image img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
.slider-strip .launch-item .launch-item__preheader {
margin: 0;
font-size: 14px;
line-height: 24px;
}
.slider-strip .launch-item .launch-item__preheader .launch-item__label {
font-size: 14px;
line-height: 24px;
}
.slider-strip .launch-item .launch-item__header {
margin: 0;
padding: 0;
font-size: 19px;
line-height: 29px;
font-weight: 700;
}
@media only screen and (min-width: 1024px) {
.slider-strip .launch-item .launch-item__header {
font-size: 20px;
line-height: 30px;
}
}
.slider-strip .launch-item .launch-item__text {
margin-top: 4px;
font-size: 18px;
line-height: 27px;
max-height: 108px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.slider-strip .launch-item .launch-item__posttext {
margin: 0;
padding-top: 8px;
font-size: 13px;
line-height: 18px;
}
.slider-strip .launch-item .time {
font-weight: 700;
color: var(--launch__time-color, #212335);
}
.launch-item:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev {
left: 10px;
right: auto;
}
.swiper-button-prev:after {
content: "prev";
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.slider-container {
position: relative;
}
@media only screen and (max-width: 767px) {
.slider-container .slider-wrapper .swiper-container {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (min-width: 768px) {
.slider-container .slider-wrapper {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.slider-container .slider-wrapper {
margin-left: 30px;
margin-right: 30px;
}
.slider-container .slider-wrapper .swiper-container {
margin-left: -15px;
margin-right: -15px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1295px) {
.slider-container .slider-wrapper {
margin-left: 10px;
margin-right: 10px;
}
.slider-container .slider-wrapper .swiper-container {
margin-left: -10px;
margin-right: -10px;
}
}
@media only screen and (min-width: 1296px) {
.slider-container .slider-wrapper {
margin-left: 12px;
margin-right: 12px;
}
.slider-container .slider-wrapper .swiper-container {
margin-left: -12px;
margin-right: -12px;
}
}
@media only screen and (min-width: 1340px) {
.slider-container .slider-wrapper {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
.slider-container .slider-wrapper .swiper-container {
margin-left: 0;
margin-right: 0;
}
}
.swiper-slide {
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.swiper-button-prev {
display: none;
height: 48px;
line-height: 48px;
width: 48px;
color: #fff;
background-color: rgba(102, 128, 255, 0.6);
border: 0 none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
text-align: middle;
opacity: 1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;
}
.swiper-button-prev:hover {
background-color: #002eff;
}
.swiper-button-prev:after {
display: none;
}
.swiper-button-prev.swiper-button-disabled {
opacity: 0;
pointer-events: none;
}
.swiper-button-prev i {
display: inline-block;
position: relative;
top: 1px;
line-height: initial;
}
@media only screen and (min-width: 1024px) {
.swiper-button-prev {
display: block;
top: 72px;
}
}
@media only screen and (min-width: 1296px) {
.swiper-button-prev {
top: 95px;
}
}
.swiper-button-prev {
left: 10px;
}
.swiper-button-prev i {
margin-left: -3px;
}
@media only screen and (min-width: 1296px) {
.swiper-button-prev {
left: -10px;
}
}
@media only screen and (min-width: 1296px) and (max-width: 1339px) {
.swiper-button-prev {
left: 12px;
}
}
.swiper-pagination {
position: relative;
}
.swiper-pagination.swiper-pagination-bullets {
height: 35px;
bottom: 0;
--swiper-bullet-color: #5e5e6e;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
display: none;
width: 6px;
height: 6px;
margin: 2px 4px;
border: 0 none;
opacity: 1;
background-color: #5e5e6e;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
-webkit-transition: width 200ms ease;
-moz-transition: width 200ms ease;
-ms-transition: width 200ms ease;
transition: width 200ms ease;
backface-visibility: hidden;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
width: 20px;
}
.swiper-pagination.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active-next,
.swiper-pagination.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
display: inline-block;
}
* {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
@font-face {
font-family: "rai24";
src: url("/fonts/rai24-e86d403ab7.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Merriweather";
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url("/fonts/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDr3icaFF31.woff2")
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Merriweather";
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url("/fonts/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrOSAaFF31.woff2")
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Merriweather";
font-style: normal;
font-weight: 900;
font-stretch: normal;
font-display: swap;
src: url("/fonts/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrdyAaFF31.woff2")
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Source Sans Pro";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("/fonts/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18Q.woff2")
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2") format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2") format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2") format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Open Sans Regular";
src: url("/fonts/OpenSans-Regular.woff2") format("woff2");
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Public Sans Regular";
src: url("/fonts/PublicSans-Regular.woff2") format("woff2");
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Public Sans Bold";
src: url("/fonts/PublicSans-Bold.woff2") format("woff2");
font-style: bold;
font-weight: 700;
font-display: swap;
}
:root {
--white: #fff;
--gray-white: #faf8fa;
--gray-light: #d6dbe6;
--gray-medium: #687087;
--gray-medium-dark: #484c61;
--gray-dark: #252a3f;
--white-rgb: 255, 255, 255;
--gray-white-rgb: 250, 248, 250;
--gray-light-rgb: 214, 219, 230;
--gray-medium-rgb: 104, 112, 135;
--gray-dark-rgb: 37, 42, 63;
--gray-button-dark-rgb: 72, 76, 97;
--footer-max-width: 1440px;
--footer-tabbar-height: 56px;
--footer-justify: flex-start;
--padding-side: 18px;
}
@media (min-width: 600px) {
:root {
--padding-side: 32px;
}
}
@media (min-width: 1024px) {
:root {
--padding-side: 48px;
}
}
@media (min-width: 1280px) {
:root {
--padding-side: 68px;
}
}
@media (min-width: 1440px) {
:root {
--padding-side: 68px;
}
}
.dark {
--footer-bg: var(--gray-dark);
--logo-bg: var(--white);
--link-color: var(--white-rgb);
--btn-bg: rgba(var(--gray-button-dark-rgb), 0.2);
--btn-hover: rgba(var(--gray-button-dark-rgb), 0.6);
--btn-border: var(--gray-medium-dark);
--lines: var(--gray-medium);
--text-color: var(--gray-light);
}
.footer-wrapper {
background: var(--footer-bg);
transition: background-color 250ms ease-in;
display: flex;
justify-content: var(--footer-justify, flex-start);
}
.footer-grid {
box-sizing: border-box;
width: 100%;
max-width: var(--footer-max-width, 1440px);
font-family: "Open Sans Regular", sans-serif;
font-size: 17px;
margin: 0;
padding: 32px var(--padding-side, 18px);
padding-bottom: calc(18px + var(--footer-tabbar-height));
display: block;
}
.footer-logo {
display: block;
width: 40px;
height: 40px;
fill: var(--logo-bg);
transition: fill 250ms ease-in;
}
.footer-menu {
font-family: "Public Sans Bold", sans-serif;
list-style-type: none;
margin-top: 8px;
padding: 0;
}
.footer-menu__link {
display: block;
padding: 24px 0;
font-family: inherit;
font-weight: bold;
letter-spacing: -0.2px;
color: white !important;
text-decoration: none;
transition: color 150ms ease-in;
white-space: nowrap;
border-bottom: solid 1px var(--lines);
position: relative;
}
.footer-menu__link:hover,
.footer-menu__link:focus {
color: rgba(var(--link-color), 0.8);
}
.footer-menu__link:focus {
outline: none;
}
.footer-menu__link:last-of-type {
border-bottom: none;
padding: 32px 0;
margin-right: 20px;
display: inline-block;
}
.footer-menu__group {
display: inline;
position: relative;
}
.footer-menu__button {
display: inline-flex;
align-items: center;
height: 36px;
margin: 0;
padding: 8px 12px;
border: solid 1px var(--btn-border);
border-radius: 2px;
background-color: var(--btn-bg);
font-size: 13px;
line-height: 24px;
letter-spacing: 0.1px;
color: rgb(var(--link-color));
cursor: pointer;
transition: background-color 250ms ease-in;
white-space: nowrap;
}
.footer-menu__button:hover,
.footer-menu__button:focus {
background-color: var(--btn-hover);
}
.footer-menu__button svg {
margin-right: 12px;
fill: rgb(var(--link-color));
width: 17px;
height: 16px;
transition: fill 250ms ease-in;
}
.footer-menu__legend {
position: absolute;
top: 36px;
left: 2px;
display: block;
font-family: "Public Sans Regular", sans-serif;
font-size: 13px;
letter-spacing: -0.3px;
color: var(--text-color);
animation: fadein 0.5s;
}
.footer-menu__legend__bullet {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 100%;
margin-right: 6px;
}
.footer-menu__legend__bullet--some {
background-color: #ffcd2d;
}
.footer-details {
margin-top: 40px;
font-size: 13px;
line-height: 20px;
letter-spacing: -0.5px;
color: var(--text-color);
transition: color 250ms ease-in;
max-width: 600px;
text-align: left;
}
.footer-details > span {
display: block;
white-space: nowrap;
}
@media (min-width: 768px) {
.footer-grid {
padding: 32px var(--padding-side, 32px);
padding-bottom: calc(32px + var(--footer-tabbar-height));
}
.footer-details > span {
display: inline;
margin-right: 16px;
}
}
@media (min-width: 1024px) {
.footer-grid {
display: grid;
padding: 48px var(--padding-side, 48px);
grid-template-columns: auto 1fr;
gap: 57px 32px;
}
.footer-menu {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 0;
}
.footer-menu__link {
display: flex;
align-items: center;
font-size: 15px;
padding: 0 17px;
height: 48px;
border-bottom: none;
}
.footer-menu__link::after {
content: "";
width: 1px;
height: 24px;
background-color: var(--lines);
position: absolute;
right: 0;
}
.footer-menu__link:first-of-type {
margin-right: 0;
padding-left: 0;
}
.footer-menu__link:last-of-type {
border: none;
padding: 0 32px;
display: flex;
margin-right: 0;
}
.footer-menu__group svg {
width: 16px;
height: 16px;
}
.footer-menu__legend {
left: 6px;
top: 46px;
}
.footer-details {
grid-column: 2;
margin-top: 0;
max-width: 950px;
}
.footer-logo {
width: 48px;
height: 48px;
}
}
@media (min-width: 1280px) {
.footer-grid {
padding: 56px var(--padding-side, 56px) 68px var(--padding-side, 68px);
}
.footer-menu__link {
padding: 0 25px;
}
.footer-menu__link:last-of-type {
padding: 0 25px;
}
}
@media (min-width: 1440px) {
.footer-grid {
gap: 48px 40px;
padding: 60px var(--padding-side, 68px) 60px var(--padding-side, 60px);
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (min-width: 768px) {
.footer-grid {
display: none;
}
}
.reg-form-wrapp {
/* background-color: #121534;
border: 2px solid #121534; */
border-radius: 16px;
max-width: 560px;
width: 100%;
margin: 20px auto;
/* padding: 25px 20px; */
box-shadow: 3px 3px 6px #00000030;
overflow: hidden;
}